:root{--bg: 215 44% 10%;--bg-elevated: 215 42% 12%;--fg: 215 35% 90%;--fg-strong: 210 40% 97%;--card: 215 36% 14%;--border: 213 24% 22%;--border-soft: 213 24% 18%;--muted: 214 30% 18%;--muted-fg: 210 21% 66%;--primary: 162 50% 76%;--primary-solid: 170 60% 26%;--primary-solid-hover: 170 58% 31%;--primary-fg: 160 35% 97%;--accent: 165 30% 22%;--accent-fg: 162 50% 76%;--destructive: 0 74% 60%;--success: 160 74% 44%;--warning: 38 92% 50%;--info: 215 90% 60%;--radius: 14px;--radius-sm: 9px;--shadow: 0 1px 2px hsl(215 60% 4% / .4), 0 12px 32px -18px hsl(215 60% 4% / .7);--font-sans: "DM Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "Space Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--sidebar-w: 224px}html[data-theme=light]{--bg: 210 43% 97%;--bg-elevated: 210 43% 99%;--fg: 212 41% 16%;--fg-strong: 212 45% 12%;--card: 210 43% 99%;--border: 208 30% 89%;--border-soft: 208 34% 92%;--muted: 207 33% 95%;--muted-fg: 212 16% 42%;--primary: 168 71% 27%;--primary-solid: 168 71% 27%;--primary-fg: 160 35% 97%;--accent: 158 49% 91%;--accent-fg: 168 71% 27%;--shadow: 0 1px 2px hsl(210 30% 70% / .35), 0 12px 30px -20px hsl(210 40% 40% / .4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(1200px 600px at 78% -10%,hsl(var(--primary) / .06),transparent 60%),hsl(var(--bg));color:hsl(var(--fg));font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;font-feature-settings:"ss01" on}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.015em}::selection{background:hsl(var(--primary) / .3)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:999px;border:2px solid hsl(var(--bg))}.app{display:flex;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:linear-gradient(180deg,#111c2c,#0e1825);border-right:1px solid hsl(var(--border-soft));display:flex;flex-direction:column;z-index:40}html[data-theme=light] .sidebar{background:hsl(var(--bg-elevated))}.brand{display:flex;align-items:center;gap:11px;padding:20px 16px;border-bottom:1px solid hsl(var(--border-soft))}.brand-mark{width:32px;height:32px;border-radius:999px;flex:none;border:2px solid hsl(var(--primary) / .85);display:grid;place-items:center;box-shadow:0 0 0 4px hsl(var(--primary) / .06)}.brand-mark svg{width:16px;height:16px;color:hsl(var(--primary))}.brand-name{font-family:var(--font-mono);font-size:12.5px;font-weight:700;letter-spacing:.11em;color:hsl(var(--fg-strong));text-transform:uppercase;line-height:1.25}.brand-sub{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.19em;color:hsl(var(--muted-fg));text-transform:uppercase}.nav{flex:1;overflow-y:auto;padding:12px 10px 16px;display:flex;flex-direction:column;gap:2px}.nav-label{font-size:9.5px;font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:hsl(var(--muted-fg) / .8);padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;color:hsl(var(--fg) / .86);font-size:13.5px;font-weight:450;transition:background .14s ease,color .14s ease}.nav-item svg{width:17px;height:17px;opacity:.85;flex:none}.nav-item:hover{background:hsl(var(--muted) / .75);color:hsl(var(--fg-strong))}.nav-item.active{background:hsl(var(--accent));color:hsl(var(--accent-fg));font-weight:550}.nav-item.active svg{opacity:1}.nav-item .nav-count{margin-left:auto;font-size:10.5px;font-family:var(--font-mono);background:hsl(var(--primary) / .14);color:hsl(var(--primary));padding:1px 6px;border-radius:6px}.sidebar-foot{border-top:1px solid hsl(var(--border-soft));padding:10px;display:flex;flex-direction:column;gap:2px}.main{margin-left:var(--sidebar-w);flex:1;min-width:0;display:flex;flex-direction:column}.content{padding:26px 30px 56px;width:100%;max-width:1560px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.page-title{font-size:29px;font-weight:650;color:hsl(var(--fg-strong));line-height:1.15}.page-sub{color:hsl(var(--muted-fg));font-size:14px;margin-top:4px}.page-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.live{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:999px;border:1px solid hsl(var(--success) / .4);background:hsl(var(--success) / .1);color:hsl(var(--success));font-size:12px;font-weight:550}.live .dot{width:6px;height:6px;border-radius:999px;background:currentColor;box-shadow:0 0 0 3px hsl(var(--success) / .18)}.clock{font-family:var(--font-mono);font-size:12px;color:hsl(var(--muted-fg))}.card{background:hsl(var(--card));border:1px solid hsl(var(--border-soft));border-radius:var(--radius);box-shadow:var(--shadow)}.card-head{padding:16px 18px;border-bottom:1px solid hsl(var(--border-soft));display:flex;align-items:center;justify-content:space-between;gap:12px}.card-title{font-size:15px;font-weight:600;color:hsl(var(--fg-strong));display:flex;align-items:center;gap:8px}.card-sub{font-size:11.5px;color:hsl(var(--muted-fg));margin-top:2px}.card-body,.card-pad{padding:18px}.grid{display:grid;gap:14px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.row{display:flex;align-items:center;gap:10px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.wrap{flex-wrap:wrap}.spacer{flex:1}.stack{display:flex;flex-direction:column;gap:14px}.stack-sm{display:flex;flex-direction:column;gap:7px}.muted{color:hsl(var(--muted-fg))}.small{font-size:12px}.xs{font-size:11px}.mono{font-family:var(--font-mono)}.strong{color:hsl(var(--fg-strong));font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-0{margin-top:0}.center{text-align:center}.kpi{padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:84px}.kpi-label{font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:hsl(var(--muted-fg));font-weight:600}.kpi-value{font-size:27px;font-weight:650;color:hsl(var(--fg-strong));line-height:1.15;margin-top:3px;letter-spacing:-.02em}.kpi-hint{font-size:11.5px;color:hsl(var(--muted-fg))}.kpi-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:none}.kpi-icon svg{width:17px;height:17px}.tone-teal{background:#a3e0ce1f;color:#7cdec1}.tone-green{background:hsl(var(--success) / .13);color:hsl(var(--success))}.tone-blue{background:hsl(var(--info) / .14);color:#70acff}.tone-amber{background:hsl(var(--warning) / .14);color:hsl(var(--warning))}.tone-red{background:hsl(var(--destructive) / .14);color:hsl(var(--destructive))}.tone-grey{background:hsl(var(--muted));color:hsl(var(--muted-fg))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 14px;border-radius:10px;cursor:pointer;background:hsl(var(--muted));border:1px solid hsl(var(--border));color:hsl(var(--fg));font-size:13px;font-weight:550;white-space:nowrap;transition:background .15s ease,border-color .15s ease,transform .06s ease}.btn:hover{background:hsl(var(--muted) / 1.25);border-color:hsl(var(--border) / 1.4)}.btn:active{transform:translateY(1px)}.btn svg{width:15px;height:15px}.btn-primary{background:hsl(var(--primary-solid));border-color:hsl(var(--primary-solid));color:hsl(var(--primary-fg))}.btn-primary:hover{background:hsl(var(--primary-solid-hover));border-color:hsl(var(--primary-solid-hover))}.btn-ghost{background:transparent;border-color:transparent;color:hsl(var(--muted-fg))}.btn-ghost:hover{background:hsl(var(--muted));color:hsl(var(--fg))}.btn-danger{background:hsl(var(--destructive) / .14);border-color:hsl(var(--destructive) / .4);color:hsl(var(--destructive))}.btn-danger:hover{background:hsl(var(--destructive) / .22)}.btn-sm{height:30px;padding:0 10px;font-size:12px;border-radius:8px}.btn-sm svg{width:13px;height:13px}.btn-icon{width:36px;padding:0}.btn-icon.btn-sm{width:30px}.btn:disabled{opacity:.5;cursor:not-allowed}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12px;font-weight:550;color:hsl(var(--fg) / .9)}.hint{font-size:11.5px;color:hsl(var(--muted-fg))}.input,.select,.textarea{width:100%;height:38px;padding:0 11px;border-radius:10px;background:#111a27;border:1px solid hsl(var(--border));color:hsl(var(--fg));outline:none;transition:border-color .15s,box-shadow .15s}html[data-theme=light] .input,html[data-theme=light] .select,html[data-theme=light] .textarea{background:#fff}.textarea{height:auto;padding:10px 11px;min-height:96px;resize:vertical;font-family:var(--font-mono);font-size:12.5px;line-height:1.6}.input:focus,.select:focus,.textarea:focus{border-color:hsl(var(--primary) / .6);box-shadow:0 0 0 3px hsl(var(--primary) / .12)}.input::placeholder,.textarea::placeholder{color:hsl(var(--muted-fg) / .75)}.select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:30px;background-image:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2395a9bb' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:14px}.search{position:relative;flex:1;min-width:220px}.search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:hsl(var(--muted-fg))}.search .input{padding-left:34px}.check{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:hsl(var(--fg) / .9);cursor:pointer}.check input{width:15px;height:15px;accent-color:hsl(var(--primary))}.switch{position:relative;width:38px;height:21px;border-radius:999px;background:hsl(var(--muted));border:1px solid hsl(var(--border));cursor:pointer;flex:none;transition:background .16s}.switch:after{content:"";position:absolute;inset:2px auto 2px 2px;width:15px;height:15px;border-radius:999px;background:hsl(var(--muted-fg));transition:transform .16s,background .16s}.switch.on{background:hsl(var(--primary-solid) / .5);border-color:hsl(var(--primary) / .5)}.switch.on:after{transform:translate(17px);background:hsl(var(--primary))}.tabs{display:inline-flex;padding:3px;gap:2px;background:hsl(var(--muted) / .8);border:1px solid hsl(var(--border-soft));border-radius:11px}.tab{padding:6px 13px;border-radius:8px;font-size:12.5px;font-weight:550;color:hsl(var(--muted-fg));cursor:pointer;border:0;background:transparent;display:inline-flex;align-items:center;gap:6px}.tab:hover{color:hsl(var(--fg))}.tab.active{background:hsl(var(--card));color:hsl(var(--fg-strong));box-shadow:0 1px 2px #04091066}.tab svg{width:14px;height:14px}.chip{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:8px;border:1px solid hsl(var(--border));background:hsl(var(--muted) / .6);font-size:12px;color:hsl(var(--fg) / .9);cursor:pointer}.chip.active{border-color:hsl(var(--primary) / .5);background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.01em;white-space:nowrap;border:1px solid transparent}.badge-teal{background:#a3e0ce1f;color:#8be4c9;border-color:#a3e0ce3d}.badge-green{background:hsl(var(--success) / .12);color:#3cdda2;border-color:hsl(var(--success) / .25)}.badge-blue{background:hsl(var(--info) / .12);color:#7ab2ff;border-color:hsl(var(--info) / .24)}.badge-amber{background:hsl(var(--warning) / .12);color:hsl(var(--warning));border-color:hsl(var(--warning) / .26)}.badge-red{background:hsl(var(--destructive) / .12);color:#f47171;border-color:hsl(var(--destructive) / .26)}.badge-grey{background:hsl(var(--muted));color:hsl(var(--muted-fg));border-color:hsl(var(--border))}.badge-violet{background:#a474e721;color:#ba91f3;border-color:#a474e73d}.dot-badge{width:7px;height:7px;border-radius:999px;background:currentColor}.table-wrap{overflow-x:auto}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl thead th{text-align:left;padding:9px 14px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--muted-fg));font-weight:600;border-bottom:1px solid hsl(var(--border-soft));background:hsl(var(--muted) / .35);white-space:nowrap}.tbl tbody td{padding:11px 14px;border-bottom:1px solid hsl(var(--border-soft) / .8);vertical-align:middle}.tbl tbody tr:last-child td{border-bottom:0}.tbl tbody tr:hover{background:hsl(var(--muted) / .45)}.tbl .t-right{text-align:right}.tbl-empty{padding:44px 16px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:46px 20px;text-align:center}.empty-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:hsl(var(--muted) / .7);color:hsl(var(--muted-fg));margin-bottom:4px}.empty-icon svg{width:20px;height:20px}.empty-title{font-size:14px;font-weight:550;color:hsl(var(--fg))}.empty-text{font-size:12.5px;color:hsl(var(--muted-fg));max-width:320px}.progress{height:6px;border-radius:999px;background:hsl(var(--muted));overflow:hidden}.progress>span{display:block;height:100%;border-radius:999px;background:hsl(var(--primary));transition:width .4s ease}.progress.tone-green>span{background:hsl(var(--success))}.progress.tone-amber>span{background:hsl(var(--warning))}.progress.tone-red>span{background:hsl(var(--destructive))}.divider{height:1px;background:hsl(var(--border-soft))}.kv{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px 14px;font-size:13px}.kv dt{color:hsl(var(--muted-fg));font-size:12.5px}.kv dd{margin:0;color:hsl(var(--fg));overflow-wrap:anywhere}.skeleton{background:linear-gradient(90deg,hsl(var(--muted) / .6),hsl(var(--muted)),hsl(var(--muted) / .6));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spin{width:16px;height:16px;border-radius:999px;border:2px solid hsl(var(--primary) / .25);border-top-color:hsl(var(--primary));animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#040910a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;z-index:90;padding:24px}.modal{width:min(620px,100%);max-height:88vh;display:flex;flex-direction:column;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:0 30px 70px -30px #000}.modal.modal-lg{width:min(860px,100%)}.modal-head{padding:16px 18px;border-bottom:1px solid hsl(var(--border-soft));display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-body{padding:18px;overflow-y:auto}.modal-foot{padding:14px 18px;border-top:1px solid hsl(var(--border-soft));display:flex;justify-content:flex-end;gap:9px}.toasts{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;flex-direction:column;gap:8px}.toast{padding:10px 14px;border-radius:10px;font-size:13px;background:hsl(var(--card));border:1px solid hsl(var(--border));box-shadow:var(--shadow);min-width:220px}.toast.ok{border-color:hsl(var(--success) / .4)}.toast.err{border-color:hsl(var(--destructive) / .45)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}.login-hero{position:relative;padding:46px;display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid hsl(var(--border-soft));overflow:hidden;background:radial-gradient(700px 420px at 20% 10%,hsl(var(--primary) / .12),transparent 65%),#0c1522}.login-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(hsl(var(--border) / .22) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--border) / .22) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(600px 380px at 30% 30%,#000,transparent 75%);mask-image:radial-gradient(600px 380px at 30% 30%,#000,transparent 75%);pointer-events:none}.login-hero h2{font-size:34px;line-height:1.15;max-width:460px;position:relative}.login-hero p{color:hsl(var(--muted-fg));max-width:430px;position:relative}.login-features{display:flex;flex-direction:column;gap:12px;position:relative}.login-feature{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:hsl(var(--fg) / .88)}.login-feature svg{width:16px;height:16px;color:hsl(var(--primary));flex:none;margin-top:2px}.login-panel{display:grid;place-items:center;padding:40px}.login-card{width:min(400px,100%)}.login-card h1{font-size:25px}.login-error{padding:9px 11px;border-radius:9px;font-size:12.5px;background:hsl(var(--destructive) / .12);border:1px solid hsl(var(--destructive) / .3);color:#f68e8e}.spark{display:block;width:100%;height:46px}.donut{display:block}.legend{display:flex;flex-direction:column;gap:6px;font-size:12px}.legend-row{display:flex;align-items:center;gap:8px;color:hsl(var(--muted-fg))}.legend-swatch{width:8px;height:8px;border-radius:3px}.dev-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:13px}.dev-card{padding:15px;display:flex;flex-direction:column;gap:11px;cursor:pointer;transition:border-color .15s,transform .15s}.dev-card:hover{border-color:hsl(var(--primary) / .35);transform:translateY(-1px)}.dev-name{font-size:14px;font-weight:600;color:hsl(var(--fg-strong))}.dev-meta{font-size:11.5px;color:hsl(var(--muted-fg));display:flex;gap:10px;flex-wrap:wrap}.meter{display:flex;flex-direction:column;gap:4px;font-size:10.5px;color:hsl(var(--muted-fg))}.script-card{padding:15px;display:flex;flex-direction:column;gap:9px}.script-desc{font-size:12px;color:hsl(var(--muted-fg));display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:34px}.tag{font-size:10.5px;padding:1px 7px;border-radius:6px;background:hsl(var(--muted) / .8);color:hsl(var(--muted-fg));border:1px solid hsl(var(--border-soft))}@media (max-width: 1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:1fr}.login-hero{display:none}}@media (max-width: 760px){.sidebar{transform:translate(-100%);transition:transform .2s}.sidebar.open{transform:none}.main{margin-left:0}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.content{padding:18px 16px 40px}.page-title{font-size:23px}}.card-body-flush{padding:0}.card-body-flush>.table-wrap{border-radius:0 0 var(--radius) var(--radius)}.avatar{width:32px;height:32px;border-radius:999px;display:grid;place-items:center;background:hsl(var(--accent));color:hsl(var(--accent-fg));font-weight:700;font-size:12px}.icon-badge{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:hsl(var(--primary) / .12);color:hsl(var(--primary))}.stack-sm>*+*{margin-top:4px}