:root{--bg: #0b0f14;--panel: rgba(255, 255, 255, .06);--panel-strong: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .14);--text: #e9f1ff;--muted: #a6b1c3;--accent: #7ad1ff;--accent-2: #bda7ff;--green: #72e0a7;--yellow: #ffd166;--red: #ff7b7b;--ok: #7de3b0;--warn: #ffd27a;--danger: #ff8b8b;--shadow: 0 10px 30px rgba(0,0,0,.35)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text);background:radial-gradient(1200px 800px at 10% 10%,#0e1420,#0b0f14 50%) fixed,radial-gradient(900px 600px at 80% 20%,rgba(122,209,255,.12),transparent 60%) fixed,radial-gradient(700px 500px at 20% 80%,rgba(189,167,255,.1),transparent 60%) fixed}.container{max-width:1200px;margin:28px auto;padding:0 16px}.glass{backdrop-filter:blur(14px) saturate(120%);-webkit-backdrop-filter:blur(14px) saturate(120%);background:var(--panel);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;padding:12px 14px}.brand{display:flex;gap:12px;align-items:center}.brand .logo{width:36px;height:36px;filter:drop-shadow(0 2px 10px rgba(139,211,255,.3))}.title{font-weight:700;letter-spacing:.3px;font-size:20px}.small{font-size:12px;color:var(--muted)}.glossy-logo{position:relative;width:36px;height:36px}.glossy-logo .glow-dot{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 0 26px #7ad1ff73}.glossy-logo .ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px solid var(--border);animation:spin 8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:10px 14px;border-radius:14px;cursor:pointer;transition:transform .08s ease,background .2s ease,border-color .2s ease}.button:hover{background:var(--panel-strong);border-color:#ffffff2e}.button:active{transform:translateY(1px) scale(.99)}.button.primary{border-color:transparent;background:linear-gradient(135deg,#7ad1ff38,#bda7ff38)}.button.danger{border-color:#ff8b8b59;background:#ff8b8b1f}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);width:28px;height:28px;display:grid;place-items:center;border-radius:10px;cursor:pointer;padding:0;line-height:0;transition:transform .08s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}.icon-btn:hover{background:var(--panel-strong);border-color:#ffffff2e;box-shadow:0 6px 18px #00000040 inset}.icon-btn:active{transform:translateY(1px) scale(.98)}.card{border:1px solid var(--border);background:var(--panel);border-radius:18px;padding:16px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.card-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.stat-label{font-weight:600}.stat-value{font-size:28px;font-weight:700}.grid{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}@media (max-width: 960px){.grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.grid{grid-template-columns:1fr}}.section{display:grid;grid-template-columns:1fr;gap:14px;margin-top:14px}.right{display:flex;gap:14px;align-items:stretch}@media (max-width: 900px){.right{flex-direction:column}}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 980px){.grid-2{grid-template-columns:1fr}}.grid-2 .card.expand,.grid-2 .card.full{grid-column:1 / -1}.table-wrap{overflow:auto;border-radius:16px;border:1px solid var(--border);background:var(--panel);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}table{width:100%;border-collapse:collapse;min-width:700px}thead th{text-align:left;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.3px;padding:12px 14px;border-bottom:1px solid var(--border)}tbody td{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.07);font-size:14px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;font-size:12px;border:1px solid var(--border);background:#ffffff0f}.badge.green{border-color:#72e0a766;background:#72e0a71f}.badge.yellow{border-color:#ffd16666;background:#ffd1661f}.badge.red{border-color:#ff7b7b66;background:#ff7b7b1f}.badge.ok{color:var(--ok);border-color:#7de3b059}.badge.warn{color:var(--warn);border-color:#ffd27a59}.kv{display:grid;grid-template-columns:120px 1fr;gap:8px 14px;font-size:14px}.kv .k{color:var(--muted)}.footer{margin:18px 0 32px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px;opacity:.8}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:50}.modal{width:min(720px,92vw);border:1px solid var(--border);background:#11141fe6;border-radius:18px;padding:18px}.modal h3{margin:0 0 10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1 / -1}.label{color:var(--muted);font-size:12px;margin-bottom:6px;display:block}.input,.select{width:100%;padding:10px 12px;border-radius:12px;background:#ffffff0f;color:var(--text);border:1px solid var(--border);outline:none}.row{display:flex;gap:10px;align-items:center;margin-top:12px}.grid.insights{grid-template-columns:1.6fr 1fr 1fr}.grid.insights .card.xl{grid-column:span 2}@media (max-width: 980px){.grid.insights{grid-template-columns:1fr}.grid.insights .card.xl{grid-column:span 1}}.donut{position:relative;width:128px;height:128px;margin:8px auto}.donut svg{width:128px;height:128px;transform:rotate(-90deg)}.donut .track{fill:none;stroke:#ffffff14;stroke-width:16}.donut .seg{fill:none;stroke-width:16;stroke-linecap:butt}.donut .seg.seg-0{stroke:var(--accent)}.donut .seg.seg-1{stroke:var(--accent-2)}.donut .seg.seg-2{stroke:#8ee1c1}.donut .center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:700;font-size:18px}.legend{margin-top:10px;display:grid;gap:6px}.legend .row{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.legend .swatch{width:10px;height:10px;border-radius:3px;display:inline-block;background:var(--accent)}.legend .swatch.seg-1{background:var(--accent-2)}.legend .swatch.seg-2{background:#8ee1c1}.donut-wrap{display:flex;align-items:center;gap:16px;justify-content:space-between}.pie{--size: 136px;width:var(--size);height:var(--size);border-radius:50%;position:relative;overflow:hidden;box-shadow:0 4px 18px #00000040 inset;border:1px solid var(--border);background:conic-gradient(var(--pie-seg-0, var(--accent)) 0deg var(--pie-stop-0, 0deg),var(--pie-seg-1, var(--accent-2)) var(--pie-stop-0, 0deg) 360deg);transition:width .25s ease,height .25s ease,background .5s ease}.pie .center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:700;font-size:18px;color:var(--text);text-shadow:0 2px 10px rgba(0,0,0,.35)}.grid-2 .card.expand .pie{--size: 176px}.pie-legend{display:grid;gap:10px;margin:0}.pie-legend .row{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted)}.pie-legend .swatch{width:12px;height:12px;border-radius:3px;background:var(--accent)}.pie-legend .swatch.seg-1{background:var(--accent-2)}.pie-legend .k{opacity:.9}.pie-legend .v{margin-left:auto;opacity:.9}.bars{display:grid;gap:8px}.bars .bar{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:8px}.bars .meter{position:relative;height:10px;border-radius:999px;background:#ffffff0f;overflow:hidden}.bars .meter i{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .35s ease}.bars .label{color:var(--muted);font-size:12px}.bars .val{color:var(--text);font-size:12px;opacity:.9}.error-list{display:grid;gap:8px}.error-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:12px;background:#ffffff0f;border:1px solid var(--border)}.error-row .bullet{width:8px;height:8px;border-radius:50%;background:var(--danger);box-shadow:0 0 10px #ff8b8b73}.error-row .msg{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text)}.error-row .count{color:var(--muted)}.bartrend{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;height:140px}.bartrend-col{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1;min-width:0}.bartrend-bar{height:90px;width:100%;border-radius:10px;background:#ffffff0f;border:1px solid var(--border);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.bartrend-bar i{display:block;width:70%;border-radius:8px 8px 0 0;background:linear-gradient(180deg,var(--accent),var(--accent-2))}.bartrend-val{font-size:12px;color:var(--text);opacity:.9}.bartrend-label{font-size:11px;color:var(--muted)}.hint{margin-top:8px;font-size:12px;color:var(--muted)}.empty{padding:12px;color:var(--muted);font-size:13px;border:1px dashed var(--border);border-radius:12px;background:#ffffff0a}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 28px;align-items:start}.spec{display:grid;gap:6px;position:relative}.spec:first-child{padding-right:18px}.spec:first-child:after{content:"";position:absolute;top:4px;right:-14px;bottom:4px;width:1px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.1) 15%,rgba(255,255,255,.1) 85%,transparent)}.spec-row{display:grid;grid-template-columns:110px 1fr;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.06)}.spec-row:last-child{border-bottom:none}.spec-k{color:var(--muted);font-size:12px;letter-spacing:.2px}.spec-v{font-size:14px}.spec-subject{grid-column:1 / -1;display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline;margin-top:8px;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.spec-subject .tag{color:var(--muted);font-size:12px;letter-spacing:.2px}.spec-subject .subject-text{line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.spec--compact .spec-row{border-bottom:none;padding:4px 0}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}@media (max-width: 820px){.spec-grid{grid-template-columns:1fr;gap:12px}.spec:first-child{padding-right:0}.spec:first-child:after{display:none}}