:root[data-theme=dark]{--bg-base: #111113;--bg-card: #1c1c1e;--bg-input: #141416;--border: #2c2c2e;--border-active: #4a9eff;--text: #d4d4d4;--text-heading: #f0f0f0;--text-muted: #6e6e6e;--text-label: #6e6e6e;--accent: #4a9eff;--accent-orange: #e0943a;--hover-bg: rgba(255,255,255,.03);--sidebar-bg: #18181a;--sidebar-border: #2c2c2e;--sidebar-label: #4a4a4a;--sidebar-link: #8a8a8a;--sidebar-arrow: #3a3a3a;--switcher-bg: rgba(0,0,0,.2)}:root[data-theme=light]{--bg-base: #f5f5f8;--bg-card: #fff;--bg-input: #f8f8fa;--border: #e0e0e6;--border-active: #0088cc;--text: #333;--text-heading: #111;--text-muted: #999;--text-label: #888;--accent: #0088cc;--accent-orange: #c96a20;--hover-bg: rgba(0,0,0,.03);--sidebar-bg: #fff;--sidebar-border: #e8e8ee;--sidebar-label: #aaa;--sidebar-link: #666;--sidebar-arrow: #ccc;--switcher-bg: rgba(0,0,0,.03)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-base);color:var(--text);transition:background .2s,color .2s}.page-header{margin-bottom:24px}.page-header h1{font-size:24px;color:var(--text-heading);font-weight:600}.page-header p{color:var(--text-muted);font-size:13px;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px}.stat-card .stat-value{font-size:28px;font-weight:700;color:var(--accent)}.stat-card .stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.stat-card.green .stat-value{color:#00cc6a}.stat-card.orange .stat-value{color:var(--accent-orange)}.stat-card.red .stat-value{color:#e03355}.stat-card.purple .stat-value{color:#a855f7}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:16px}.card .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card .card-header h3{font-size:14px;color:var(--accent-orange);letter-spacing:1px;text-transform:uppercase}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:10px 12px;color:var(--text-muted);font-size:10px;letter-spacing:1px;text-transform:uppercase;border-bottom:1px solid var(--border)}.data-table td{padding:10px 12px;font-size:13px;border-bottom:1px solid var(--border);color:var(--text)}.data-table tr:hover td{background:var(--hover-bg)}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.5px}.badge.success{background:#00cc6a26;color:#00cc6a}.badge.warning{background:#e8873d26;color:var(--accent-orange)}.badge.danger{background:#e0335526;color:#e03355}.badge.info{background:#0088cc26;color:var(--accent)}.badge.neutral{background:#8080801f;color:var(--text-muted)}.filters{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.filters select,.filters input{padding:8px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:12px}.filters select:focus,.filters input:focus{outline:none;border-color:var(--border-active)}.pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:16px}.pagination button{padding:6px 14px;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;font-size:12px}.pagination button:hover{color:var(--accent);border-color:var(--accent)}.pagination button:disabled{opacity:.3;cursor:default}.pagination span{font-size:12px;color:var(--text-muted)}.btn{padding:8px 16px;border-radius:6px;border:1px solid;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s}.btn.btn-primary{background:#0088cc1a;border-color:var(--accent);color:var(--accent)}.btn.btn-primary:hover{background:#08c3}.btn.btn-danger{background:#e033551a;border-color:#e03355;color:#e03355}.btn.btn-danger:hover{background:#e0335533}.btn.btn-success{background:#00cc6a1a;border-color:#00cc6a;color:#00cc6a}.btn.btn-success:hover{background:#00cc6a33}.btn.btn-sm{padding:4px 10px;font-size:11px}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:11px;color:var(--text-label);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;background:var(--bg-input);border:1px solid var(--border);border-radius:6px;color:var(--text);font-size:13px}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--border-active)}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.spacer{flex:1}.text-muted{color:var(--text-muted)}.text-sm{font-size:12px}.mono{font-family:Courier New,monospace}