*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--bg2: #1a1d27;--bg3: #22263a;--accent: #e94560;--accent2: #0f3460;--text: #f0f0f0;--muted: #8892a4;--border: #2a2f45;--green: #27ae60;--blue: #2980b9;--orange: #e67e22;--radius: 10px}body{background:var(--bg);color:var(--text);font-family:system-ui,sans-serif;font-size:15px}.app{display:flex;flex-direction:column;min-height:100vh}.header{background:var(--bg2);border-bottom:1px solid var(--border);padding:0 24px;display:flex;align-items:center;gap:32px;height:58px;position:sticky;top:0;z-index:100}.header-title{display:flex;align-items:center;gap:10px;font-weight:700;font-size:16px;color:var(--text);white-space:nowrap}.header-icon{font-size:20px}.nav{display:flex;gap:4px}.nav a{padding:6px 14px;border-radius:6px;text-decoration:none;color:var(--muted);font-size:14px;transition:all .15s}.nav a:hover{color:var(--text);background:var(--bg3)}.nav a.active{color:var(--accent);background:#e945601f;font-weight:600}.main{flex:1;padding:28px 24px;max-width:1200px;width:100%;margin:0 auto}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.card-title{font-size:14px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.card-value{font-size:28px;font-weight:700;color:var(--text)}.card-sub{font-size:12px;color:var(--muted);margin-top:4px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}.nav a{padding:6px 8px;font-size:13px}}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:20px;font-weight:700}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;border-radius:7px;border:none;cursor:pointer;font-size:14px;font-weight:600;transition:opacity .15s}.btn:hover{opacity:.85}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--bg3);color:var(--text);border:1px solid var(--border)}.btn-sm{padding:5px 12px;font-size:13px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;padding:10px 14px;color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border);white-space:nowrap}td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:top}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.badge{display:inline-block;padding:2px 8px;border-radius:20px;font-size:12px;font-weight:600}.badge-green{background:#27ae6026;color:#2ecc71}.badge-blue{background:#2980b926;color:#3498db}.badge-orange{background:#e67e2226;color:#e67e22}.badge-red{background:#e9456026;color:var(--accent)}.form-group{margin-bottom:16px}label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}input,select,textarea{width:100%;background:var(--bg3);border:1px solid var(--border);border-radius:7px;padding:9px 13px;color:var(--text);font-size:14px;outline:none;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent)}.loading{text-align:center;padding:48px;color:var(--muted);font-size:14px}.empty{text-align:center;padding:48px;color:var(--muted)}.empty-icon{font-size:40px;margin-bottom:12px}.card-accent-red{border-top:3px solid var(--accent)}.card-accent-green{border-top:3px solid var(--green)}.card-accent-blue{border-top:3px solid var(--blue)}.card-accent-orange{border-top:3px solid var(--orange)}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.gap-16{gap:16px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}