:root{--background:#f5f7fa;--foreground:#2c3e50;--surface:#fff;--surface-hover:#f0f4f8;--border:#e1e8ed;--muted:#5a6c7d;--accent:#00b8d4;--accent-hover:#0097a7;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--sidebar-width:220px;--header-height:56px;--radius:8px;--shadow:0 1px 3px 0 #00000014, 0 1px 2px -1px #0000000f;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000f}
:root{--brand-accent:#00a5c0;--brand-accent-ink:#00788a;--brand-on-accent:#0c1a2b;--brand-paper:#f6fbfb;--brand-ink:#1c263c;--brand-muted:#5b6678;--brand-line:#d7e4e8;--brand-line-strong:#8a99ab;--brand-raised:#fff;--brand-sunken:#f0fafa;--brand-tile:#e7f3f5;--brand-tile-line:#cfe1e6;--brand-tile-hi:#ffffffb3;--brand-shadow-ink:#1c263c59;--brand-text-display:clamp(38px, 5.6vw, 72px);--brand-text-h2:clamp(28px, 3.4vw, 42px);--brand-text-h3:20px;--brand-text-body:17px;--brand-text-small:14px;--brand-track-tight:-.03em;--brand-track-normal:0;--brand-radius-panel:20px;--brand-radius-control:10px;--brand-panel-pad:clamp(20px, 3vw, 32px);--brand-panel-shadow:inset 0 1px 0 var(--brand-tile-hi), 0 1px 2px #1c263c0a, 0 18px 40px -28px #1c263c40}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:var(--font-geist-sans), system-ui, -apple-system, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.card-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:13px;font-weight:600}.card-body{padding:20px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:600}.stat-value{color:var(--foreground);font-size:28px;font-weight:700;line-height:1}.stat-sub{color:var(--muted);margin-top:4px;font-size:12px}.grid-2{grid-template-columns:1fr 1fr;gap:20px;display:grid}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;align-items:center;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-success{color:#065f46;background:#d1fae5}.badge-failed{color:#991b1b;background:#fee2e2}.badge-retrying{color:#b45309;background:#fef3c7}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--border);background:var(--surface-hover);padding:10px 16px;font-size:11px;font-weight:600}tbody td{border-bottom:1px solid var(--border);color:var(--foreground);vertical-align:middle;padding:12px 16px;font-size:13px}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--surface-hover)}.btn{cursor:pointer;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:background .15s,opacity .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);color:var(--foreground);border:1px solid var(--border)}.btn-secondary:hover{background:var(--surface-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.9}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-sm{padding:5px 10px;font-size:12px}.btn-lg{border-radius:8px;gap:8px;padding:11px 22px;font-size:15px}.form-group{margin-bottom:16px}.form-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--border);width:100%;color:var(--foreground);background:var(--surface);border-radius:6px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.form-input:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #00b8d426}.progress-bar-wrap{background:#e2e8f0;border-radius:999px;flex:1;height:8px;overflow:hidden}.progress-bar-fill{background:var(--accent);border-radius:999px;height:100%}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-heading{color:var(--foreground);font-size:22px;font-weight:700}.page-sub{color:var(--muted);margin-top:2px;font-size:13px}
.brand-icon{flex-shrink:0;width:auto;height:1.4em;display:block}.brand-wordmark{line-height:1;display:inline-block}