:root{--good: #1a7f37;--bad: #b42318;--neutral: #57606a;--border: #d0d7de;--bg: #f6f8fa;--ink: #1f2328;--accent: #0a5fb4;--cui: #7a0c0c;--radius: 8px;--radius-sm: 6px;--gap: 16px;--motion: .12s ease;color-scheme:light}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.5}a{color:var(--accent)}button{font:inherit;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 16px;background:#fff;min-height:40px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{display:flex;min-height:100vh}.rail{width:220px;background:#0d1117;color:#fff;padding:16px 12px;flex-shrink:0}.rail .brand{font-weight:700;margin-bottom:16px}.rail nav{display:flex;flex-direction:column;gap:4px}.rail a{color:#c9d1d9;text-decoration:none;padding:8px 10px;border-radius:6px}.rail a.active,.rail a:hover{background:#21262d;color:#fff}.main{flex:1;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;background:#fff;border-bottom:1px solid var(--border)}main{padding:20px;max-width:1200px;width:100%}table.data-table{width:100%;border-collapse:collapse;background:#fff;font-size:14px}.data-table th,.data-table td{border:1px solid var(--border);padding:8px 10px;text-align:left}.data-table th{background:var(--bg)}.chip{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.chip-good{background:#dafbe1;color:var(--good)}.chip-bad{background:#ffebe9;color:var(--bad)}.chip-neutral{background:#eaeef2;color:var(--neutral)}.cui-banner{background:var(--cui);color:#fff;text-align:center;padding:6px;font-weight:700;letter-spacing:.5px;margin-bottom:16px}.skeleton{background:linear-gradient(90deg,#eaeef2 25%,#f6f8fa,#eaeef2 75%);background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:6px;margin-bottom:12px}.skeleton-title{height:28px;width:40%}.skeleton-line{height:16px;width:90%}.skeleton-line.short{width:55%}@keyframes shimmer{to{background-position:-200% 0}}.error-banner,.error-state{background:#ffebe9;border:1px solid #ffb3ad;border-radius:6px;padding:12px 16px;margin-bottom:16px}.empty-state{text-align:center;padding:48px 16px;background:#fff;border:1px dashed var(--border);border-radius:8px}.filter-bar{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:20px}.card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px}.card h3{margin-top:0;font-size:14px;color:var(--neutral)}.card .big{font-size:28px;font-weight:700}.panel{background:#fff;border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:16px}.panel h2{margin-top:0;font-size:16px}form.stack{display:flex;flex-direction:column;gap:12px;max-width:640px}form.stack label{display:flex;flex-direction:column;gap:4px;font-weight:600;font-size:14px}form.stack input,form.stack select,form.stack textarea{font:inherit;padding:8px;border:1px solid var(--border);border-radius:6px}.field-error{color:var(--bad);font-size:13px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.tray{display:flex;gap:12px}.hint{color:var(--neutral);font-size:13px}@media(max-width:1024px){.rail{width:160px}main{padding:12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
