:root{color-scheme:dark;--bg: #080c14;--bg-card: #0d1421;--bg-card-hover: #131d2e;--bg-input: #0a0f19;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--accent: #ff6b35;--accent-end: #8b5cf6;--accent-grad: linear-gradient(135deg, #ff6b35, #c44bce, #8b5cf6);--text: #ffffff;--text-secondary: #c3c2b7;--text-muted: rgba(255, 255, 255, .5);--text-faint: rgba(255, 255, 255, .28);--success: #22c55e;--error: #ef4444;--warning: #fab219;--chart-surface: var(--bg-card);--chart-grid: #22293a;--chart-axis: #384156;--chart-good: #0ca30c;--chart-warning: #fab219;--chart-serious: #ec835a;--chart-critical: #d03b3b;--series-1: #3987e5;--series-2: #d95926;--series-3: #199e70;--series-4: #c98500;--series-5: #d55181;--series-6: #008300;--series-7: #9085e9;--series-8: #e66767;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select{font-family:inherit}::selection{background:#ff6b3559}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--bg-card);border-right:1px solid var(--border);padding:24px 16px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 24px;font-weight:700;font-size:18px;letter-spacing:-.01em}.brand-mark{width:28px;height:28px;border-radius:9px;background:var(--accent-grad);flex-shrink:0}.nav-link{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none;font-size:14px;font-weight:500;transition:background-color .12s ease,color .12s ease}.nav-link:hover,.nav-link.active{background:var(--bg-card-hover);color:var(--text)}.nav-link.active:before{content:""}.sidebar-footer{margin-top:auto;padding:12px 8px 0;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.admin-identity{font-size:13px;color:var(--text-muted)}.admin-identity strong{color:var(--text);display:block;font-size:14px}.main{padding:28px 36px 64px;max-width:1280px;width:100%}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px;flex-wrap:wrap}.page-title{font-size:26px;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}.page-subtitle{color:var(--text-muted);font-size:14px;margin:0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-title{font-size:15px;font-weight:600;margin:0 0 2px}.card-subtitle{font-size:12.5px;color:var(--text-muted);margin:0 0 16px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:24px}.stat-tile{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px 18px}.stat-label{font-size:12.5px;color:var(--text-muted);margin:0 0 8px}.stat-value{font-size:26px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:proportional-nums;margin:0}.stat-delta{font-size:12.5px;margin-top:6px;font-weight:600}.stat-delta.up{color:var(--success)}.stat-delta.down{color:var(--error)}.stat-delta.flat{color:var(--text-muted)}.chart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px;margin-bottom:16px}.table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border)}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px;background:var(--bg-card)}.data-table th{text-align:left;font-weight:600;color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em;padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:middle;font-variant-numeric:tabular-nums}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr{cursor:default;transition:background-color .1s ease}.data-table tbody tr.clickable{cursor:pointer}.data-table tbody tr.clickable:hover{background:var(--bg-card-hover)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11.5px;font-weight:600;text-transform:capitalize;border:1px solid var(--border-strong);color:var(--text-secondary)}.badge.status-done{color:var(--success);border-color:#22c55e59;background:#22c55e14}.badge.status-error{color:var(--error);border-color:#ef444459;background:#ef444414}.badge.status-processing,.badge.status-starting{color:var(--warning);border-color:#fab21959;background:#fab21914}.badge.status-cancelled{color:var(--text-muted)}.input,.select{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--radius-sm);padding:9px 12px;font-size:14px;outline:none}.input:focus,.select:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-faint)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--radius-sm);padding:9px 16px;font-size:14px;font-weight:600;border:1px solid var(--border-strong);background:var(--bg-card-hover);color:var(--text);cursor:pointer;transition:opacity .12s ease}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent-grad);border:none}.filter-row{display:flex;align-items:center;gap:10px;margin-bottom:18px;flex-wrap:wrap}.segmented{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden}.segmented button{border:none;background:transparent;color:var(--text-muted);padding:8px 14px;font-size:13px;font-weight:600;cursor:pointer}.segmented button.active{background:var(--bg-card-hover);color:var(--text)}.segmented button+button{border-left:1px solid var(--border-strong)}.legend{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:var(--text-secondary);margin-top:10px}.legend-item{display:flex;align-items:center;gap:6px}.legend-swatch{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-line{width:14px;height:2px;border-radius:2px;flex-shrink:0}.empty-state{color:var(--text-muted);font-size:14px;padding:40px 0;text-align:center}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:inherit;font-weight:600;padding:0}.link-btn:hover{text-decoration:underline}.pagination{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;color:var(--text-muted)}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 20%,rgba(255,107,53,.1),transparent 40%),radial-gradient(circle at 80% 80%,rgba(139,92,246,.12),transparent 45%),var(--bg)}.login-card{width:360px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.field label{font-size:13px;color:var(--text-muted);font-weight:600}.error-text{color:var(--error);font-size:13px;margin:4px 0 14px}.text-muted{color:var(--text-muted)}.text-faint{color:var(--text-faint)}