:root{--bg: #05070f;--side: #090d1a;--panel: rgba(255, 255, 255, .035);--panel2: #0d1322;--line: rgba(255, 255, 255, .09);--line-strong: rgba(255, 255, 255, .16);--text: #eef2fa;--muted: #8fa0bc;--accent: #4f8cff;--accent2: #22d3ee;--accent3: #8b5cf6;--green: #34d399;--red: #f87171;--amber: #f59e0b;--grad: linear-gradient(100deg, #4f8cff, #22d3ee)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;border:none;background:none;color:inherit;cursor:pointer}.demo-bar{position:sticky;top:0;z-index:50;background:linear-gradient(90deg,#4f8cff2e,#8b5cf62e);border-bottom:1px solid var(--line-strong);padding:8px 16px;text-align:center;font-size:12.5px;color:var(--text);backdrop-filter:blur(8px)}.demo-bar b{color:var(--accent2)}.demo-bar a,.demo-bar-link{color:var(--accent2);text-decoration:underline;font-size:12.5px}.layout{display:flex;min-height:calc(100vh - 37px)}.side{width:232px;flex-shrink:0;background:var(--side);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:4px}.side .brand{font-family:Unbounded,sans-serif;font-weight:800;font-size:16px;padding:6px 10px 16px;letter-spacing:.3px}.side .brand span{color:var(--accent2)}.side .brand small{display:block;font-family:Inter;font-weight:500;font-size:10.5px;color:var(--muted);letter-spacing:1.5px;margin-top:2px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:14px;font-weight:500;text-align:left;transition:background .2s,color .2s;width:100%}.nav-item:hover{background:#ffffff0a;color:var(--text)}.nav-item.active{background:linear-gradient(100deg,#4f8cff2e,#22d3ee1a);color:var(--text)}.nav-item.active svg{color:var(--accent2)}.side .cta{margin-top:auto;background:var(--grad);color:#04101f;font-weight:700;font-size:13.5px;padding:12px;border-radius:11px;text-align:center}.main{flex:1;min-width:0;padding:20px 24px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.topbar h1{font-size:19px;font-weight:700}.topbar .sub{color:var(--muted);font-size:12.5px;margin-top:2px}.chip-period{border:1px solid var(--line-strong);border-radius:999px;padding:7px 14px;font-size:12.5px;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:20px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:14px}.kpi .l{font-size:11.5px;color:var(--muted)}.kpi .v{font-size:19px;font-weight:800;margin-top:4px;white-space:nowrap}.kpi .d{font-size:11.5px;margin-top:4px;font-weight:600}.kpi .d.up{color:var(--green)}.kpi .d.down{color:var(--red)}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;margin-bottom:20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:18px;min-width:0}.card h3{font-size:14px;font-weight:700;margin-bottom:14px}.card h3 small{color:var(--muted);font-weight:500;margin-left:8px}.chart{display:flex;align-items:flex-end;gap:6px;height:160px}.chart .bar{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#4f8cffe6,#4f8cff40);min-height:8px;transition:filter .2s}.chart .bar:hover{filter:brightness(1.35)}.ch-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:13px}.ch-row:last-child{border-bottom:none}.ch-row .dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.ch-row .nm{flex:1;font-weight:600}.ch-row .val{color:var(--muted);white-space:nowrap}.ch-bar{height:6px;border-radius:3px;background:#ffffff12;overflow:hidden;margin-top:5px}.ch-bar i{display:block;height:100%;border-radius:3px}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.7px;padding:8px 10px;border-bottom:1px solid var(--line-strong);white-space:nowrap}.tbl td{padding:10px;border-bottom:1px solid var(--line);white-space:nowrap}.tbl tr:last-child td{border-bottom:none}.tbl tr:hover td{background:#ffffff05}.tbl .r{text-align:right}.abc{display:inline-block;width:22px;height:22px;border-radius:7px;text-align:center;line-height:22px;font-weight:800;font-size:11.5px}.abc.A{background:#34d39926;color:var(--green)}.abc.B{background:#4f8cff26;color:var(--accent)}.abc.C{background:#f8717126;color:var(--red)}.tag{display:inline-block;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700;border:1px solid var(--line-strong);color:var(--muted);white-space:nowrap}.tag.ok{color:var(--green);border-color:#34d39959;background:#34d39912}.tag.warn{color:var(--amber);border-color:#f59e0b59;background:#f59e0b12}.tag.bad{color:var(--red);border-color:#f8717159;background:#f8717112}.pf-row{margin-bottom:12px}.pf-row .t{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:5px}.pf-row .t b{font-weight:700}.pf-track{height:9px;border-radius:5px;background:#ffffff12;position:relative;overflow:hidden}.pf-track i{position:absolute;left:0;top:0;bottom:0;border-radius:5px}.feed-item{display:flex;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}.feed-item:last-child{border-bottom:none}.feed-item .ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.feed-item .when{color:var(--muted);font-size:11.5px;margin-top:2px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.person{background:var(--panel2);border:1px solid var(--line);border-radius:14px;padding:14px}.person .av{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#4f8cff80,#22d3ee4d);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:14px;margin-bottom:10px}.person b{font-size:13.5px;display:block}.person .role{color:var(--accent2);font-size:11.5px;font-weight:600}.person .focus{color:var(--muted);font-size:12px;margin-top:3px}.footnote{color:var(--muted);font-size:11.5px;margin-top:18px;text-align:center}.shop-switch{display:flex;gap:6px;border:1px solid var(--line-strong);border-radius:11px;padding:4px}.shop-switch button{padding:6px 12px;border-radius:8px;font-size:12.5px;font-weight:600;color:var(--muted);transition:background .2s,color .2s;white-space:nowrap}.shop-switch button.on{background:var(--grad);color:#04101f}.modal-overlay{position:fixed;inset:0;background:#03050cc7;backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center;padding:18px;overflow-y:auto}.modal{position:relative;width:100%;max-width:460px;background:linear-gradient(180deg,#0e1424,#0a0f1c);border:1px solid var(--line-strong);border-radius:20px;padding:26px;box-shadow:0 30px 90px #0009;max-height:92vh;overflow-y:auto}.modal h2{font-size:18px;font-weight:800;margin-bottom:6px}.modal-sub{color:var(--muted);font-size:13px;margin-bottom:16px}.modal-sub a{color:var(--accent2);text-decoration:underline}.modal-x{position:absolute;top:14px;right:14px;width:32px;height:32px;border-radius:9px;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--muted)}.modal-x:hover{color:var(--text);border-color:var(--line-strong)}.fmt-row,.plat-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.plat-row{margin-bottom:0;margin-top:6px}.fmt-chip{padding:8px 14px;border-radius:999px;border:1px solid var(--line-strong);font-size:12.5px;font-weight:600;color:var(--muted);transition:all .2s}.fmt-chip.on{background:#22d3ee1f;border-color:var(--accent2);color:var(--text)}.fld{display:block;margin-bottom:12px}.fld>span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:600}.fld input,.fld textarea{width:100%;background:#ffffff0a;border:1px solid var(--line-strong);border-radius:11px;padding:11px 13px;color:var(--text);font:inherit;font-size:14px;outline:none;resize:vertical}.fld input:focus,.fld textarea:focus{border-color:var(--accent)}.modal-send{width:100%;display:flex;align-items:center;justify-content:center;gap:9px;background:var(--grad);color:#04101f;font-weight:700;font-size:14.5px;padding:13px;border-radius:12px;margin-top:6px;transition:opacity .2s,transform .2s}.modal-send:hover{transform:translateY(-1px)}.modal-send:disabled{opacity:.45;cursor:not-allowed;transform:none}.modal-send.ghost{background:#ffffff0d;color:var(--text);border:1px solid var(--line-strong)}.modal-note{color:var(--muted);font-size:11.5px;text-align:center;margin-top:10px}.modal-copyarea{width:100%;background:#ffffff0a;border:1px solid var(--line);border-radius:11px;padding:12px;color:var(--text);font-size:12.5px;font-family:ui-monospace,Menlo,monospace;margin-bottom:10px}@media(max-width:900px){.shop-switch{overflow-x:auto;max-width:100%}}@media(max-width:900px){.layout{flex-direction:column}.side{width:100%;flex-direction:row;overflow-x:auto;padding:10px;align-items:center}.side .brand{padding:0 10px;white-space:nowrap}.side .brand small{display:none}.nav-item{white-space:nowrap;width:auto;padding:8px 12px}.side .cta{margin:0 4px 0 auto;white-space:nowrap;padding:9px 14px}.kpis{grid-template-columns:repeat(3,1fr)}.grid2{grid-template-columns:1fr}.team-grid{grid-template-columns:1fr 1fr}.main{padding:14px 14px 40px}.tbl-wrap{overflow-x:auto}}@media(max-width:520px){.kpis{grid-template-columns:1fr 1fr}}