:root{--bg: #f1f5f9;--surface: #ffffff;--surface-2: #f8fafc;--surface-3: #f1f5f9;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #0f172a;--text-soft: #475569;--text-mut: #94a3b8;--primary: #2563eb;--primary-d: #1d4ed8;--primary-soft: #eff6ff;--indigo: #4f46e5;--success: #16a34a;--success-soft: #dcfce7;--warn: #d97706;--warn-soft: #fef3c7;--danger: #ef4444;--danger-soft: #fee2e2;--shadow: 0 1px 3px rgba(15, 23, 42, .08), 0 1px 2px rgba(15, 23, 42, .04);--shadow-lg: 0 10px 25px -5px rgba(15, 23, 42, .15);--radius: 12px;--radius-sm: 8px;--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif}html[data-theme=dark]{--bg: #0b1120;--surface: #111827;--surface-2: #161f33;--surface-3: #1e293b;--border: #283449;--border-strong: #3b4a63;--text: #e7edf6;--text-soft: #aab6c8;--text-mut: #6b7a90;--primary: #3b82f6;--primary-d: #2563eb;--primary-soft: #16243f;--success-soft: #0f2a1c;--warn-soft: #2e2410;--danger-soft: #2c1518;--shadow: 0 1px 3px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 30px -8px rgba(0, 0, 0, .6)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{width:100%}h1,h2,h3,h4{color:var(--text);font-weight:700;line-height:1.2}h1{font-size:1.5rem;margin:0}h2{font-size:1.2rem}h3{font-size:1.05rem}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.input,.select,.textarea{width:100%;padding:11px 13px;font-size:14px;font-family:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);outline:none;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 20%,transparent)}.input--key{border-width:2px;border-color:var(--primary);font-size:16px}.textarea{resize:vertical;line-height:1.45}.select{cursor:pointer}label{color:var(--text-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;font-size:14px;font-weight:600;font-family:inherit;color:var(--text-soft);background:var(--surface-3);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s;white-space:nowrap}.btn:hover{filter:brightness(.97)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--primary);color:#fff}.btn--primary:hover{background:var(--primary-d);filter:none}.btn--success{background:var(--success);color:#fff}.btn--indigo{background:var(--indigo);color:#fff}.btn--ghost{background:transparent;border-color:var(--border);color:var(--text-soft)}.btn--soft{background:var(--primary-soft);color:var(--primary)}.btn--block{width:100%}.btn--lg{padding:14px;font-size:16px}.btn--xs{padding:6px 11px;font-size:12px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.section-title{margin:30px 0 12px;display:flex;align-items:center;gap:8px}.app{max-width:1320px;margin:0 auto;padding:0 18px 90px}.topbar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;margin:0 -18px 20px;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.25rem}.brand small{font-weight:600;font-size:.7rem;color:var(--text-mut);background:var(--surface-3);padding:2px 8px;border-radius:20px}.row{display:flex;gap:10px;align-items:center}.grid{display:grid;gap:14px}.seg{display:inline-flex;gap:6px;flex-wrap:wrap}.seg__btn{padding:9px 18px;border-radius:20px;border:none;cursor:pointer;font-weight:600;font-size:14px;font-family:inherit;background:var(--surface-3);color:var(--text-soft);transition:all .15s}.seg__btn--active{background:var(--primary);color:#fff}.tabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:16px}.tab{padding:8px 16px;border-radius:8px 8px 0 0;border:none;cursor:pointer;font-weight:600;background:transparent;color:var(--text-soft);font-family:inherit}.tab--active{background:var(--primary);color:#fff}.opts{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:var(--surface-2);padding:11px 14px;border-radius:var(--radius-sm);font-size:14px;border:1px solid var(--border)}.opts label{display:inline-flex;align-items:center;gap:6px;cursor:pointer;-webkit-user-select:none;user-select:none}input[type=checkbox]{accent-color:var(--primary);width:16px;height:16px;cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:8px}.metric{padding:16px;text-align:center}.metric__label{font-size:11px;letter-spacing:.04em;color:var(--text-mut);text-transform:uppercase;display:flex;justify-content:center;align-items:center;gap:4px;margin-bottom:6px}.metric__val{font-size:26px;font-weight:800;margin:4px 0}.metric__ideal{font-size:12px;color:var(--text-mut)}.table-wrap{overflow-x:auto}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data thead th{padding:11px 10px;text-align:center;background:var(--surface-3);color:var(--text-soft);font-weight:700;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:5}table.data td{padding:9px 10px;text-align:center;border-bottom:1px solid var(--border)}table.data tbody tr:hover{background:var(--surface-2)}.td-left{text-align:left!important}.badge{display:inline-block;min-width:34px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:700;color:#fff}.badge--hi{background:var(--danger)}.badge--mid{background:var(--warn)}.badge--lo{background:var(--success)}.pill{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.pill--add{background:var(--warn-soft);color:var(--warn)}.pill--remove{background:var(--danger-soft);color:var(--danger)}.pill--critical{background:var(--danger);color:#fff}.pill--ok{background:var(--success-soft);color:var(--success)}.chip{background:var(--primary-soft);color:var(--primary);padding:4px 10px;border-radius:16px;font-size:12px;font-weight:600}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);color:#fff;padding:12px 22px;border-radius:10px;z-index:9999;font-weight:600;box-shadow:var(--shadow-lg);animation:pop .2s ease}.toast--success{background:var(--success)}.toast--error{background:var(--danger)}.toast--warning{background:var(--warn)}.overlay{position:fixed;inset:0;background:color-mix(in srgb,var(--bg) 70%,transparent);z-index:2000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.overlay__box{background:var(--surface);padding:22px 28px;border-radius:var(--radius);box-shadow:var(--shadow-lg);font-weight:700;color:var(--primary)}@keyframes pop{0%{transform:translate(-50%,10px);opacity:0}to{transform:translate(-50%);opacity:1}}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:sk 1.2s infinite;border-radius:var(--radius-sm)}@keyframes sk{0%{background-position:200% 0}to{background-position:-200% 0}}.pager{display:flex;justify-content:center;align-items:center;gap:12px;padding:14px;color:var(--text-soft);font-size:13px}.alert{padding:14px 16px;border-radius:var(--radius-sm);margin-bottom:18px}.alert--error{background:var(--danger-soft);color:var(--danger);border:1px solid color-mix(in srgb,var(--danger) 30%,transparent)}.alert--info{background:var(--primary-soft);color:var(--primary);border:1px solid color-mix(in srgb,var(--primary) 25%,transparent)}.alert--warn{background:var(--warn-soft);color:var(--warn)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:10px}::-webkit-scrollbar-track{background:transparent}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.wrap{flex-wrap:wrap}.gap-6{gap:6px}.gap-10{gap:10px}.gap-14{gap:14px}.mt-14{margin-top:14px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mt-30{margin-top:30px}.mb-6{margin-bottom:6px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-14{margin-bottom:14px}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.fw-700{font-weight:700}.fw-600{font-weight:600}.fs-12{font-size:12px}.fs-13{font-size:13px}.text-mut{color:var(--text-mut)}.text-soft{color:var(--text-soft)}.p-15{padding:15px}.p-20{padding:20px}.scroll-y{overflow-y:auto}.w-full{width:100%}.rel{position:relative}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.cards-auto{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.writer-out{white-space:pre-wrap;word-break:break-word;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;max-height:520px;overflow-y:auto;font-size:13px;line-height:1.6}.sk-metric{height:92px}.sk-block{height:280px}.maxh-120{max-height:120px}@media(max-width:768px){.app{padding:0 12px 80px}.metric__val{font-size:22px}.grid-serp,.grid-2{grid-template-columns:1fr!important}.hide-sm{display:none}}