:root{--bg: #f3f5fa;--bg-gradient: radial-gradient(1200px 600px at 50% -200px, #e9eef9 0%, #f3f5fa 60%);--surface: #ffffff;--surface-alt: #f7f9fc;--surface-hover: #f1f4fa;--border: #e3e7ef;--border-strong: #ccd3df;--text: #0e1218;--text-secondary: #3d4555;--text-muted: #7a8395;--accent: #2d4ad1;--accent-hover: #233dba;--accent-soft: #eef1fc;--green: #0f8a60;--green-soft: #def4ea;--amber: #a86a00;--amber-soft: #fceedb;--red: #c0322f;--red-soft: #fbe2e1;--shadow-sm: 0 1px 2px rgba(14, 18, 24, .05);--shadow: 0 1px 2px rgba(14, 18, 24, .04), 0 4px 16px rgba(14, 18, 24, .05);--shadow-lg: 0 2px 4px rgba(14, 18, 24, .04), 0 12px 32px rgba(14, 18, 24, .08);--radius: 12px;--radius-sm: 8px;--ease: cubic-bezier(.2, .8, .2, 1);--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text);font-size:14px;line-height:1.55;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;min-height:100vh}.app{min-height:100vh}.topbar{background:#ffffffc7;backdrop-filter:saturate(180%) blur(14px);-webkit-backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid var(--border);padding:12px 32px;display:flex;align-items:center;gap:32px;position:sticky;top:0;z-index:50}.topbar .brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:14.5px;letter-spacing:-.01em}.topbar .brand-dot{width:18px;height:18px;border-radius:5px;background:conic-gradient(from 210deg,#2d4ad1,#6c8cff,#a98ff2,#2d4ad1);box-shadow:0 1px 3px #2d4ad166,inset 0 1px #ffffff4d}.topbar h1{margin:0;font-size:14.5px;font-weight:600}.topbar nav{display:flex;gap:2px}.topbar nav a{text-decoration:none;color:var(--text-secondary);padding:6px 12px;border-radius:7px;font-weight:500;font-size:13px;transition:background .15s var(--ease),color .15s var(--ease)}.topbar nav a:hover{background:var(--surface-hover);color:var(--text)}.topbar nav a.active{background:var(--accent-soft);color:var(--accent)}.topbar .topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted)}main{padding:28px 32px 80px;max-width:1400px;margin:0 auto;animation:fadeIn .3s var(--ease)}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:22px;gap:16px}.page-header h2{margin:0;font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--text)}.page-header p.subtitle{margin:6px 0 0;color:var(--text-muted);font-size:13px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px;overflow:hidden;transition:box-shadow .2s var(--ease),transform .2s var(--ease);animation:fadeIn .35s var(--ease)}.card-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(to bottom,rgba(247,249,252,.6),transparent)}.card-header h3{margin:0;font-size:13.5px;font-weight:600;letter-spacing:-.005em}.card-body{padding:16px 18px}.card-body.tight{padding:0}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:22px}.kpi{background:var(--surface);background-image:linear-gradient(160deg,#ffffffb3,#f7f9fc66);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:transform .2s var(--ease),box-shadow .2s var(--ease);animation:slideUp .4s var(--ease) backwards}.kpi:hover{transform:translateY(-1px);box-shadow:var(--shadow)}.kpi:nth-child(1){animation-delay:0ms}.kpi:nth-child(2){animation-delay:40ms}.kpi:nth-child(3){animation-delay:80ms}.kpi:nth-child(4){animation-delay:.12s}.kpi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 50%,rgba(45,74,209,.03));pointer-events:none}.kpi .label{font-size:11px;color:var(--text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}.kpi .value{font-size:30px;font-weight:600;letter-spacing:-.025em;font-variant-numeric:tabular-nums;line-height:1.05;color:var(--text)}.kpi .delta{margin-top:8px;font-size:12px;color:var(--text-muted)}.kpi.accent .value{color:var(--accent)}.kpi.green .value{color:var(--green)}.kpi.amber .value{color:var(--amber)}.kpi.red .value{color:var(--red)}.table-wrap{overflow:auto;max-height:calc(100vh - 290px)}table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--border);font-size:13px}th{background:var(--surface-alt);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:11px;position:sticky;top:0;z-index:2;white-space:nowrap}tbody tr{transition:background .12s var(--ease);animation:fadeInRow .25s var(--ease) backwards}tbody tr:hover{background:var(--surface-alt)}tbody tr:last-child td{border-bottom:0}.num{font-variant-numeric:tabular-nums}tbody tr.stale td{background:#fceedb66}tbody tr.stale:hover td{background:#fceedbb3}tbody tr.critical td{background:#fbe2e180}tbody tr.critical:hover td{background:#fbe2e1bf}tbody tr.stale td:first-child,tbody tr.critical td:first-child{position:relative}tbody tr.stale td:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--amber)}tbody tr.critical td:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--red)}input[type=text],input[type=search]{padding:9px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:13px;background:var(--surface);width:280px;outline:none;transition:border-color .15s var(--ease),box-shadow .15s var(--ease);font-family:inherit}input[type=text]:focus,input[type=search]:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button{padding:8px 14px;background:var(--accent);background-image:linear-gradient(180deg,#3b58dd,#2842c0);color:#fff;border:0;border-radius:var(--radius-sm);cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;letter-spacing:.005em;box-shadow:0 1px #ffffff26 inset,0 1px 2px #0e12181a;transition:all .15s var(--ease)}button:hover{background-image:linear-gradient(180deg,#3551d3,#233dba);transform:translateY(-1px);box-shadow:0 1px #ffffff26 inset,0 4px 12px #2d4ad140}button:active{transform:translateY(0)}button:disabled{background:#b1b8c9;background-image:none;cursor:not-allowed;transform:none;box-shadow:none}button.ghost{background:var(--surface);background-image:none;color:var(--text-secondary);border:1px solid var(--border-strong);box-shadow:none}button.ghost:hover{background:var(--surface-hover);border-color:var(--accent);color:var(--accent);box-shadow:none}.error{color:var(--red);background:var(--red-soft);border:1px solid var(--red);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px}.muted{color:var(--text-muted)}.muted-sm{color:var(--text-muted);font-size:12px}.tag{display:inline-block;padding:3px 8px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:11px;font-weight:500;margin-right:4px;letter-spacing:.01em}.dot{display:inline-block;width:7px;height:7px;border-radius:999px;margin-right:6px;vertical-align:middle;flex-shrink:0}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.dot.amber{background:var(--amber)}.dot.grey{background:var(--text-muted)}.dot.live{background:var(--green);animation:pulseDot 2s var(--ease) infinite;box-shadow:0 0 #0f8a6080}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);background-image:none;font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);transition:background .12s var(--ease),border-color .12s var(--ease),color .12s var(--ease);font-family:inherit;box-shadow:none}.chip:hover{background:var(--surface);background-image:none;border-color:var(--accent);color:var(--accent);box-shadow:none;transform:none}.chip.on{background:var(--accent-soft);background-image:none;border-color:#c2cefb;color:var(--accent);font-weight:500;box-shadow:inset 0 0 0 1px #2d4ad11a}.chip.on:hover{background:var(--accent-soft);background-image:none;border-color:var(--accent);color:var(--accent);box-shadow:inset 0 0 0 1px #2d4ad126;transform:none}.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s var(--ease)}.sortable:hover{color:var(--accent)}.sortable .arrow{color:var(--text-muted);font-size:9px;margin-left:4px;transition:color .15s var(--ease)}.sortable.active .arrow{color:var(--accent)}.pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.01em}.pill-green{background:var(--green-soft);color:var(--green)}.pill-amber{background:var(--amber-soft);color:var(--amber)}.pill-red{background:var(--red-soft);color:var(--red)}.pill-grey{background:var(--surface-alt);color:var(--text-muted)}.bar{display:inline-block;vertical-align:middle;height:6px;border-radius:999px;background:linear-gradient(90deg,var(--accent),#6c8cff);min-width:2px;transition:width .6s var(--ease)}.bar-track{display:inline-block;vertical-align:middle;width:120px;height:6px;border-radius:999px;background:var(--surface-alt);margin-right:8px;overflow:hidden;box-shadow:inset 0 1px 1px #0e12180a}.grid-2{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-bottom:16px}@media (max-width: 980px){.grid-2{grid-template-columns:1fr}.table-wrap{max-height:none}}.detail-row td{background:var(--surface-alt);padding:12px 14px;border-top:1px solid var(--border);animation:expandIn .25s var(--ease)}.detail-row .label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:8px}.source-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);font-size:12px;margin:0 6px 6px 0;transition:border-color .15s var(--ease),transform .15s var(--ease)}.source-chip:hover{border-color:var(--accent);transform:translateY(-.5px)}.source-chip strong{color:var(--text);font-weight:600}.source-chip .price{color:var(--text-secondary);font-family:var(--mono);font-size:11.5px}.skel{display:inline-block;background:linear-gradient(90deg,var(--surface-alt) 0%,#eef0f5 50%,var(--surface-alt) 100%);background-size:200% 100%;animation:shimmer 1.6s linear infinite;border-radius:4px;vertical-align:middle}.skel-line{height:12px;width:100%}.skel-num{height:28px;width:80%}.skel-row td{padding:12px 14px}.skel-row .skel-line{height:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#0e1218eb;color:#fff;padding:10px 16px;border-radius:10px;font-size:13px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:toastIn .3s var(--ease);z-index:100;display:flex;align-items:center;gap:10px}.toast .dot{background:var(--green)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRow{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes expandIn{0%{opacity:0;max-height:0}to{opacity:1;max-height:400px}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulseDot{0%{box-shadow:0 0 #0f8a6080}50%{box-shadow:0 0 0 6px #0f8a6000}to{box-shadow:0 0 #0f8a6000}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.dropdown{position:relative}.dropdown-trigger{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;background:var(--surface);background-image:none;color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-weight:500;font-size:13px;cursor:pointer;box-shadow:var(--shadow-sm);transition:background .12s var(--ease),border-color .12s var(--ease),color .12s var(--ease)}.dropdown-trigger:hover{background:var(--surface);background-image:none;border-color:var(--accent);color:var(--accent);transform:none;box-shadow:var(--shadow-sm)}.dropdown-trigger[aria-expanded=true]{background:var(--accent-soft);border-color:#c2cefb;color:var(--accent);box-shadow:inset 0 0 0 1px #2d4ad11a}.dropdown-trigger .caret{font-size:9px;margin-left:2px;opacity:.7;transition:transform .12s var(--ease)}.dropdown-trigger[aria-expanded=true] .caret{transform:rotate(180deg)}.dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);padding:4px;z-index:100;animation:fadeIn .15s var(--ease)}.dropdown-menu a{display:block;padding:8px 12px;border-radius:5px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;transition:background .1s var(--ease),color .1s var(--ease)}.dropdown-menu a:hover{background:var(--surface-hover);color:var(--text)}.dropdown-menu a.active{background:var(--accent-soft);color:var(--accent)}.dropdown-menu hr{border:0;border-top:1px solid var(--border);margin:4px 0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e12186b;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:grid;place-items:start center;padding:48px 16px;overflow-y:auto;animation:fadeIn .18s var(--ease)}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);width:min(640px,100%);max-height:calc(100vh - 96px);display:flex;flex-direction:column;animation:slideUp .22s var(--ease)}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px}.modal-header h3{margin:0;font-size:16px;font-weight:600;letter-spacing:-.01em}.modal-body{padding:18px 20px;overflow-y:auto}.modal-footer{padding:12px 20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--surface-alt)}.modal-close{background:transparent;background-image:none;color:var(--text-muted);padding:4px 8px;font-size:18px;line-height:1;border-radius:6px;box-shadow:none}.modal-close:hover{background:var(--surface-hover);color:var(--text);transform:none;box-shadow:none}textarea{width:100%;font-family:var(--mono);font-size:12.5px;padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);outline:none;resize:vertical;min-height:160px;line-height:1.5;transition:border-color .15s var(--ease),box-shadow .15s var(--ease)}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn-primary-topbar{background-image:linear-gradient(180deg,#3b58dd,#2842c0);padding:7px 14px;font-size:13px;font-weight:500;letter-spacing:.005em}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}