:root{--bg: #0b0f14;--panel: #121826;--panel2: #0f1521;--text: #e6edf3;--muted: #9aa7b2;--line: rgba(230,237,243,.12);--accent: #55d6be;--warn: #ffcc66;--bad: #ff6b6b}*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background:radial-gradient(1200px 600px at 20% 0%,rgba(85,214,190,.1),transparent 60%),radial-gradient(1000px 500px at 80% 10%,rgba(255,204,102,.08),transparent 60%),var(--bg);color:var(--text)}.container{max-width:1150px;margin:0 auto;padding:18px 16px 48px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--line);background:#121826b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:14px;position:sticky;top:12px;z-index:20;box-shadow:0 10px 24px #00000040}.brand{display:flex;align-items:baseline;gap:10px}.brand h1{font-size:16px;margin:0}.brand .sub{color:var(--muted);font-size:12px}.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-top:14px}.card{grid-column:span 12;border:1px solid var(--line);background:#1218269e;border-radius:16px;padding:14px;box-shadow:0 6px 18px #0003;animation:fadeIn .36s ease}.card h2{margin:0 0 10px;font-size:14px}.card p{margin:6px 0;color:var(--muted)}@media (min-width: 860px){.span6{grid-column:span 6}.span3{grid-column:span 3}}.btn{border:1px solid var(--line);background:linear-gradient(180deg,#232d3cd9,#121826d9);color:var(--text);padding:9px 12px;border-radius:10px;cursor:pointer;transition:all .18s ease}.btn:hover{transform:translateY(-1px);border-color:#e6edf347}.btn.primary{border-color:#55d6be8c}.btn.danger{border-color:#ff6b6b73}.btn:disabled{opacity:.55;cursor:not-allowed}input,select,textarea{border:1px solid var(--line);background:#0f1521a6;color:var(--text);border-radius:10px;padding:9px 10px;outline:none}input:focus,select:focus,textarea:focus{border-color:#55d6be80}.kpi{display:flex;flex-direction:column;gap:4px;padding:12px;background:#0f15218c;border:1px solid var(--line);border-radius:14px}.kpi .label{font-size:12px;color:var(--muted)}.kpi .value{font-size:22px}.hr{height:1px;background:var(--line);margin:12px 0}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid var(--line);background:#0f15218c;color:var(--muted);font-size:12px}.small{font-size:12px;color:var(--muted)}.drop{border:1px dashed rgba(230,237,243,.24);background:#12182659;border-radius:14px;padding:14px}.barRow{display:grid;grid-template-columns:70px 1fr 50px;gap:10px;align-items:center;padding:6px 0}.bar{height:10px;border-radius:999px;background:#e6edf31a;overflow:hidden}.bar>div{height:100%;background:linear-gradient(90deg,#3ab7a1,#7ef1dc);width:0%;transition:width .4s ease}.heat{display:grid;grid-template-columns:repeat(12,1fr);gap:4px}.heat .cell{height:18px;border-radius:5px;border:1px solid rgba(230,237,243,.08)}.shareCard{width:900px;max-width:100%;border-radius:18px;border:1px solid rgba(230,237,243,.18);background:radial-gradient(900px 400px at 15% 10%,rgba(85,214,190,.14),transparent 60%),radial-gradient(900px 400px at 80% 10%,rgba(255,204,102,.1),transparent 60%),#121826d9;padding:18px}.shareCard h3{margin:0;font-size:16px}.shareGrid{display:grid;grid-template-columns:repeat(12,1fr);gap:10px;margin-top:12px}.shareTile{grid-column:span 3;border:1px solid rgba(230,237,243,.14);background:#0f1521a6;border-radius:14px;padding:12px}.shareTile .t{color:var(--muted);font-size:12px}.shareTile .v{font-size:20px;margin-top:6px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#0f1521f2;border:1px solid rgba(230,237,243,.16);padding:10px 12px;border-radius:12px;color:var(--text);font-size:13px;z-index:1000;max-width:calc(100% - 24px)}@keyframes fadeIn{0%{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}