*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#111218;--surface:#18191f;--surface-2:#1f2028;--surface-3:#272832;--surface-hover:#1d1e26;--border:#2c2d38;--border-2:#1e1f27;--text:#e4e4e7;--text-2:#8b8c99;--text-3:#4c4d5c;--accent:#7c6cfa;--accent-dim:#6357e8;--accent-subtle:#7c6cfa17;--accent-border:#7c6cfa38;--accent-text:#b5abff;--green:#22c55e;--green-sub:#22c55e17;--green-bd:#22c55e38;--green-text:#4ade80;--red:#ef4444;--red-sub:#ef444417;--red-bd:#ef444438;--red-text:#f87171;--yellow:#f59e0b;--yellow-sub:#f59e0b17;--yellow-bd:#f59e0b38;--yellow-text:#fbbf24;--r-sm:5px;--r:8px;--r-lg:12px;--r-xl:16px;--shadow-sm:0 1px 3px #00000059;--shadow:0 4px 16px #0006}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:14px;line-height:1.55}.layout{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:210px;height:100vh;display:flex;position:sticky;top:0}.sidebar-logo{border-bottom:1px solid var(--border-2);align-items:center;gap:12px;padding:22px 18px;display:flex}.logo-mark{background:var(--accent-subtle);border:1px solid var(--accent-border);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.logo-title{color:var(--text);letter-spacing:-.3px;font-size:15px;font-weight:700;line-height:1}.logo-sub{color:var(--text-3);letter-spacing:.4px;margin-top:3px;font-size:10.5px}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:10px;display:flex;overflow-y:auto}.sidebar a{border-radius:var(--r-sm);color:var(--text-3);border-left:2px solid #0000;align-items:center;gap:9px;padding:8px 10px 8px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:color .15s,background .15s;display:flex}.sidebar a:hover{color:var(--text-2);background:var(--surface-2)}.sidebar a.router-link-active{background:var(--accent-subtle);color:var(--accent-text);border-left-color:var(--accent)}.sidebar a svg{flex-shrink:0}.sidebar-bottom{border-top:1px solid var(--border-2);padding:10px}.logout{border-radius:var(--r-sm);width:100%;color:var(--text-3);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:9px;padding:8px 10px 8px 12px;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.logout:hover{background:var(--red-sub);color:var(--red-text)}.content{flex:1;min-width:0;padding:28px 36px 40px;overflow-y:auto}.page-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.page-title{color:var(--text);letter-spacing:-.4px;font-size:19px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);margin-bottom:14px;padding:20px 22px}.card h2{color:var(--text-3);text-transform:uppercase;letter-spacing:.9px;margin-bottom:14px;font-size:11px;font-weight:600}.badge{letter-spacing:.15px;white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:2px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.green{background:var(--green-sub);color:var(--green-text);border:1px solid var(--green-bd)}.badge.red{background:var(--red-sub);color:var(--red-text);border:1px solid var(--red-bd)}.badge.yellow{background:var(--yellow-sub);color:var(--yellow-text);border:1px solid var(--yellow-bd)}.badge.blue{background:var(--accent-subtle);color:var(--accent-text);border:1px solid var(--accent-border)}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-3);text-transform:uppercase;letter-spacing:.7px;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 16px;font-size:10.5px;font-weight:600}td{color:var(--text-2);border-bottom:1px solid var(--border-2);font-variant-numeric:tabular-nums;padding:11px 16px;font-size:13px}tbody tr{transition:background .12s}tbody tr:hover{background:var(--surface-hover)}tbody tr:last-child td{border-bottom:none}.pnl-pos{color:var(--green-text);font-variant-numeric:tabular-nums;font-weight:600}.pnl-neg{color:var(--red-text);font-variant-numeric:tabular-nums;font-weight:600}.btn-action{border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text-2);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;padding:7px 13px;font-size:13px;font-weight:500;transition:all .14s;display:inline-flex}.btn-action:hover{background:var(--surface-3);color:var(--text)}.btn-action.green{border-color:var(--green-bd);color:var(--green-text)}.btn-action.green:hover{background:var(--green-sub)}.btn-action.red{border-color:var(--red-bd);color:var(--red-text)}.btn-action.red:hover{background:var(--red-sub)}input,textarea,select{background:var(--bg);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--text);box-sizing:border-box;outline:none;padding:10px 12px;font-family:inherit;font-size:14px;transition:border-color .14s,box-shadow .14s}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c6cfa1f}input:disabled{opacity:.4;cursor:not-allowed}label{color:var(--text-3);text-transform:uppercase;letter-spacing:.6px;margin-bottom:6px;font-size:11.5px;font-weight:600;display:block}.empty-state{text-align:center;color:var(--text-3);padding:40px 20px;font-size:13.5px}.divider{background:var(--border-2);height:1px;margin:18px 0}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot.green{background:var(--green);box-shadow:0 0 7px #22c55e8c}.dot.red{background:var(--red);box-shadow:0 0 7px #ef44448c}.dot.yellow{background:var(--yellow);box-shadow:0 0 7px #f59e0b8c}.dot.accent{background:var(--accent);box-shadow:0 0 7px #7c6cfa8c}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:.75s linear infinite spin;display:inline-block}