:root{--bg: #070b16;--panel: rgba(16, 24, 43, .82);--panel-solid: #0e1729;--border: rgba(88, 130, 200, .18);--text: #dbe6ff;--muted: #7f92b8;--accent: #22d3ee;--accent2: #3b82f6;--green: #34d399;--amber: #fbbf24;--red: #f87171;--purple: #a78bfa}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 15% -10%,rgba(34,211,238,.12),transparent),radial-gradient(1000px 500px at 100% 0%,rgba(59,130,246,.14),transparent),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}*{scrollbar-width:thin;scrollbar-color:rgba(120,140,175,.4) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:#788caf61;border-radius:8px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:#788caf99;background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}.app{display:flex;flex-direction:column;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;gap:12px;flex-wrap:nowrap;padding:8px 16px;white-space:nowrap;background:linear-gradient(90deg,#0e1729f2,#0e172999);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}.brand .logo{width:34px;height:34px;border-radius:9px;flex:0 0 auto;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-weight:800;color:#04121f;font-size:17px;box-shadow:0 0 22px #22d3ee80}.brand h1{font-size:15px;margin:0;letter-spacing:.5px;white-space:nowrap}.brand .sub{font-size:10px;color:var(--muted);margin-top:2px;white-space:nowrap}.engine-badge{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);flex:0 0 auto;padding:6px 10px;border:1px solid var(--border);border-radius:20px;background:var(--panel);max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.dot.on{background:var(--green);box-shadow:0 0 8px var(--green)}.dot.off{background:var(--amber);box-shadow:0 0 8px var(--amber)}.dot.bad{background:var(--red);box-shadow:0 0 8px var(--red)}.user-box{text-align:right;margin:0 4px;flex:0 0 auto}.user-name{font-size:13px;font-weight:700;white-space:nowrap}.user-role{font-size:11px;color:var(--muted);white-space:nowrap}.body{display:flex;flex:1;min-height:0}.sidebar{width:218px;flex:0 0 auto;display:flex;flex-direction:column;background:linear-gradient(180deg,#0e1729e6,#0a101eb3);border-right:1px solid var(--border);transition:width .16s}.sidebar.collapsed{width:58px}.side-top{padding:10px 10px 4px}.side-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:4px 8px 10px}.side-foot{padding:9px 12px;font-size:12px;color:var(--muted);cursor:pointer;border-top:1px solid var(--border);text-align:center;white-space:nowrap}.side-foot:hover{color:var(--text)}.nav-group{margin-bottom:2px}.ng-head{display:flex;align-items:center;gap:8px;padding:12px 10px 5px;cursor:pointer;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.5px;-webkit-user-select:none;user-select:none;background:transparent}.ng-head:hover{color:var(--text)}.ng-icon{width:16px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:var(--muted);opacity:.85}.ng-label{flex:1 1 auto}.ng-caret{transition:transform .15s;opacity:.45;font-size:14px}.ng-caret.open{transform:rotate(90deg)}.ng-items{display:flex;flex-direction:column;gap:1px;padding:1px 2px 3px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;min-height:34px;border-radius:7px;cursor:pointer;font-size:13px;line-height:1;color:#8fa2c8;border:1px solid transparent;border-left:3px solid transparent;white-space:nowrap;transition:all .12s}.nav-item:hover{color:var(--text);background:#3b82f61a}.nav-item.active{color:#fff;background:linear-gradient(135deg,#22d3ee3d,#3b82f63d);border-left-color:var(--accent)}.nav-item.opened{color:#cfe0ff}.nav-item .ni-icon{width:20px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;color:#9aa8c4}.nav-item:hover .ni-icon{color:var(--text)}.nav-item.active .ni-icon{color:var(--accent)}.nav-item .ni-label{flex:1 1 auto;display:flex;align-items:center;gap:6px}.home-item{font-weight:600;font-size:13px;color:var(--text);padding:8px 10px;min-height:34px;border-radius:7px;border:1px solid transparent;border-left:3px solid transparent;background:transparent;display:flex;align-items:center;gap:9px;cursor:pointer}.home-item:hover{background:#3b82f61a}.home-item.active{background:linear-gradient(135deg,#22d3ee33,#3b82f633);border-left-color:var(--accent)}.home-item .ni-icon{color:var(--accent);display:inline-flex;width:20px;justify-content:center}.ni-tag{font-size:9px;padding:1px 5px;border-radius:6px;font-weight:700;background:#22d3ee2e;color:#67e8f9}.sidebar.collapsed .ng-head,.sidebar.collapsed .nav-item{justify-content:center;padding:8px 4px}.main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.tabstrip{display:flex;align-items:center;gap:4px;padding:6px 12px 0;overflow-x:auto;background:#0e172980;border-bottom:1px solid var(--border);white-space:nowrap}.wtab{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;cursor:pointer;font-size:13px;color:var(--muted);border:1px solid transparent;border-bottom:none;border-radius:8px 8px 0 0;flex:0 0 auto;transition:all .12s}.wtab:hover{color:var(--text);background:#3b82f614}.wtab.active{color:#fff;background:var(--panel-solid);border-color:var(--border);position:relative;top:1px}.wtab-x{font-size:15px;line-height:1;opacity:.6;border-radius:4px;padding:0 3px}.wtab-x:hover{opacity:1;background:#f8717140;color:#fca5a5}.content{flex:1;overflow:auto;padding:16px 20px}.kiosk{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:var(--bg);overflow:auto}.kiosk-exit{position:fixed;top:12px;right:16px;z-index:1200;padding:7px 14px!important}.login-bg{height:100vh;display:grid;place-items:center;background:radial-gradient(1200px 700px at 20% 0%,rgba(34,211,238,.16),transparent),radial-gradient(1000px 600px at 100% 100%,rgba(59,130,246,.18),transparent),var(--bg)}.login-card{width:450px;background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:32px 34px;box-shadow:0 30px 80px #00000080}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.login-brand .logo{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:grid;place-items:center;font-weight:800;color:#04121f;font-size:22px;box-shadow:0 0 26px #22d3ee80}.login-brand h1{font-size:19px;margin:0}.login-brand .sub{font-size:11px;color:var(--muted);margin-top:3px}.login-form .fld{margin-bottom:4px}.login-err{color:var(--red);font-size:13px;margin-top:10px}.login-foot{margin-top:22px;padding-top:16px;border-top:1px solid var(--border);font-size:11px;color:var(--muted);text-align:center;line-height:1.6}.filterbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;margin-bottom:12px;background:var(--panel);border:1px solid var(--border);border-radius:12px}.fb-field{display:flex;align-items:center;gap:7px}.fb-field label{font-size:12px;color:var(--muted);white-space:nowrap}.pager{display:flex;align-items:center;gap:3px;padding:8px 2px 2px;flex-wrap:wrap}.pg-total{font-size:12px;color:var(--muted);margin-right:10px}.pg-btn{min-width:22px;height:22px;padding:0 5px;border-radius:5px;cursor:pointer;background:transparent;color:var(--text);border:1px solid var(--border);font-size:12px;display:inline-flex;align-items:center;justify-content:center;transition:all .12s}.pg-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.pg-btn.active{background:var(--accent);color:#04121f;border-color:var(--accent);font-weight:700}.pg-btn:disabled{opacity:.4;cursor:not-allowed}.pg-dots{color:var(--muted);padding:0 3px;font-size:12px}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background:#0408128c;display:flex;justify-content:flex-end}.drawer{width:680px;max-width:94vw;height:100%;background:var(--panel-solid);border-left:1px solid var(--border);display:flex;flex-direction:column;box-shadow:-12px 0 40px #0006;animation:drawin .16s ease-out}@keyframes drawin{0%{transform:translate(30px);opacity:.6}to{transform:none;opacity:1}}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.drawer-head b{font-size:15px}.drawer-x{cursor:pointer;font-size:22px;color:var(--muted);line-height:1}.drawer-x:hover{color:var(--text)}.drawer-body{flex:1;overflow:auto;padding:14px 18px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1150;background:#0408129e;display:grid;place-items:center}.modal{width:560px;max-width:94vw;max-height:88vh;overflow:auto;background:var(--panel-solid);border:1px solid var(--border);border-radius:14px;padding:18px 20px;box-shadow:0 30px 80px #00000080}.modal h3{margin:0 0 12px;font-size:16px}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;min-height:0}.panel h3{margin:0 0 10px;font-size:14px;display:flex;align-items:center;gap:8px}.panel h3 .bar{width:4px;height:15px;background:var(--accent);border-radius:2px}.panel h3 .right{margin-left:auto;font-size:12px;font-weight:400;color:var(--muted);display:flex;align-items:center;gap:8px}.kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:14px}.kpi{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:14px 16px;position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;right:-20px;top:-20px;width:70px;height:70px;background:radial-gradient(circle,rgba(34,211,238,.25),transparent 70%)}.kpi .label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:6px}.kpi .value{font-size:26px;font-weight:800;margin-top:6px}.kpi .value small{font-size:13px;color:var(--muted);font-weight:500}.kpi .foot{font-size:11px;color:var(--muted);margin-top:4px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-dash{display:grid;grid-template-columns:1.15fr 1fr;gap:14px}.grid-side{display:grid;grid-template-columns:1fr 360px;gap:14px;align-items:start}@media (max-width: 1200px){.grid-2,.grid-3,.grid-dash,.grid-side{grid-template-columns:1fr}}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(88,130,200,.1)}th{color:var(--muted);font-weight:600;position:sticky;top:0;background:var(--panel-solid);white-space:nowrap}tr:hover td{background:#3b82f60d}.table-wrap{overflow:auto}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}td.mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#041018;border:none;padding:9px 16px;border-radius:9px;font-weight:700;cursor:pointer;font-size:13px;white-space:nowrap}.btn:hover{filter:brightness(1.1)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--text)}.btn.gray{background:#6b7686;color:#fff}.btn.danger{background:#e5484d;color:#fff}.btn.warn{background:#f59e0b;color:#3a2606}.btn.sm{padding:4px 12px;font-size:12px;border-radius:7px;font-weight:600}.btn.sm+.btn.sm{margin-left:8px}.input,select.input,textarea.input{background:#0a0f1e99;border:1px solid var(--border);color:var(--text);padding:9px 12px;border-radius:9px;font-size:13px;width:100%;font-family:inherit}textarea.input{resize:vertical;line-height:1.5}.input:disabled,.input[readonly]{opacity:.72;cursor:not-allowed}.form-row{display:flex;gap:10px;margin-bottom:10px}.form-row>*{flex:1}label.fld{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.badge{padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;display:inline-block}.badge.blue{background:#3b82f633;color:#93c5fd}.badge.cyan{background:#22d3ee33;color:#67e8f9}.badge.amber{background:#fbbf2433;color:#fcd34d}.badge.red{background:#f8717133;color:#fca5a5}.badge.green{background:#34d39933;color:#6ee7b7}.badge.gray{background:#7f92b833;color:#9fb3d8}.badge.purple{background:#a78bfa33;color:#c4b5fd}.pill{padding:2px 10px;border-radius:12px;font-size:11px;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.pill i{width:6px;height:6px;border-radius:50%;background:currentColor;flex:0 0 auto}.pill.pending{background:#7f92b82e;color:#a8b6d0}.pill.running{background:#34d3992e;color:#6ee7b7}.pill.done{background:#3b82f62e;color:#93c5fd}.pill.failed{background:#f871712e;color:#fca5a5}.pill.disabled{background:#5a647838;color:#8b97ab}.pill.aborted{background:#fb923c2e;color:#fdba74}.unk{display:inline-flex;align-items:center;gap:5px;padding:1px 7px;border-radius:6px;font-size:12px;font-weight:600;color:#b9c2d4;background:repeating-linear-gradient(45deg,#8c96aa2e 0,#8c96aa2e 4px,#8c96aa0d 4px,#8c96aa0d 8px);border:1px dashed rgba(150,160,180,.4);cursor:help}.unk-lg{font-size:20px;padding:2px 12px}.kiosk-screen{min-height:100vh;padding:26px 32px 34px;background:#060a14}.kiosk-title{text-align:center;font-size:28px;font-weight:800;letter-spacing:4px;color:#e8f7ff;text-shadow:0 0 18px rgba(34,211,238,.7);margin:4px 0 22px}.kiosk-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-bottom:22px}.kiosk-kpi{background:#141e34a8;border:1px solid rgba(56,120,190,.35);border-radius:14px;padding:18px;text-align:center}.kiosk-kpi .v{font-size:40px;font-weight:800;color:#22d3ee;line-height:1.05;font-variant-numeric:tabular-nums}.kiosk-kpi .v span{font-size:15px;color:#7f92b8;font-weight:500;margin-left:4px}.kiosk-kpi .l{font-size:13px;color:#9fb3d8;margin-top:8px;letter-spacing:1px}.kiosk-bar{height:26px;background:#7f92b829;border-radius:13px;overflow:hidden;margin:6px 0 10px}.kiosk-bar>i{display:block;height:100%;background:linear-gradient(90deg,#22d3ee,#3b82f6);border-radius:13px;transition:width .4s}.kiosk-slots{display:grid;grid-template-columns:repeat(10,1fr);gap:10px}.kiosk-slot{border-radius:9px;padding:9px 6px;text-align:center;border:1px solid rgba(56,120,190,.3);background:#7f92b81f}.kiosk-slot .n{font-size:15px;font-weight:800;color:#dbe6ff}.kiosk-slot .s{font-size:10px;color:#9fb3d8;margin-top:2px}.kiosk-slot.running{background:#34d39938;border-color:#34d3998c}.kiosk-slot.running .n{color:#6ee7b7}.kiosk-slot.failed,.kiosk-slot.crashed{background:#f8717138;border-color:#f871718c}.kiosk-slot.unknown{background:repeating-linear-gradient(45deg,#8c96aa33 0,#8c96aa33 5px,#8c96aa0f 5px,#8c96aa0f 10px);border-style:dashed}.kiosk-legend{display:flex;gap:20px;justify-content:center;font-size:12px;color:#9fb3d8;margin-top:18px;flex-wrap:wrap}.kiosk-legend span{display:flex;align-items:center;gap:7px}.kiosk-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.slot-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:12px}.slot-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:7px;border-left:3px solid transparent}.slot-card.running{border-left-color:var(--green)}.slot-card.failed{border-left-color:var(--red)}.slot-card.unknown{border-left-color:#8b97ab;border-style:dashed}.slot-card .sc-head{display:flex;align-items:center;gap:8px}.slot-card .sc-slot{font-size:15px;font-weight:800;letter-spacing:.5px}.slot-card .sc-actions{margin-left:auto;display:flex;gap:6px}.slot-card .sc-row{display:flex;justify-content:space-between;font-size:12px;gap:8px}.slot-card .sc-k{color:var(--muted);flex:0 0 auto}.slot-card .sc-v{text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progbar{height:6px;background:#7f92b82e;border-radius:4px;overflow:hidden}.progbar>i{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:4px}.toasts{position:fixed;top:62px;right:16px;z-index:1300;display:flex;flex-direction:column;gap:8px;max-width:460px}.toast{display:flex;align-items:flex-start;gap:9px;padding:10px 12px;border-radius:10px;font-size:12.5px;line-height:1.5;box-shadow:0 10px 30px #0006;background:var(--panel-solid);border:1px solid var(--border);color:var(--text);animation:toastin .16s ease-out}@keyframes toastin{0%{transform:translate(20px);opacity:.4}to{transform:none;opacity:1}}.toast.ok{border-left:3px solid var(--green)}.toast.err{border-left:3px solid var(--red)}.toast.warn{border-left:3px solid var(--amber)}.toast.info{border-left:3px solid var(--accent)}.toast .tx{margin-left:auto;cursor:pointer;color:var(--muted);font-size:16px;line-height:1}.toast .tx:hover{color:var(--text)}.jobstack{position:fixed;right:18px;bottom:18px;z-index:1080;display:flex;flex-direction:column-reverse;gap:10px;align-items:flex-end}.jobbar{width:430px;max-width:94vw;background:var(--panel-solid);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 48px #00000080;overflow:hidden}.jobbar-head{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;border-bottom:1px solid var(--border)}.jobbar-head .t{font-size:13px;font-weight:700}.jobbar-head .st{font-size:11px;color:var(--muted)}.jobbar-head .x{margin-left:auto;cursor:pointer;color:var(--muted);font-size:18px;line-height:1}.jobbar-body{max-height:300px;overflow:auto;padding:10px 14px;background:#0a0f1e}.jobbar-body pre{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.55;color:#c9d1d9;white-space:pre-wrap;word-break:break-all}.notice{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;font-size:13px;margin-bottom:12px;line-height:1.5}.notice.warn{background:#fbbf241f;border:1px solid rgba(251,191,36,.4);color:#fcd34d}.notice.err{background:#f871711f;border:1px solid rgba(248,113,113,.4);color:#fca5a5}.notice.ok{background:#34d3991f;border:1px solid rgba(52,211,153,.4);color:#6ee7b7}.notice.info{background:#3b82f61f;border:1px solid rgba(59,130,246,.4);color:#93c5fd}.notice .btn{margin-left:auto}.notice code{background:#ffffff1a;padding:1px 5px;border-radius:4px}.loading{color:var(--muted);font-size:13px;padding:20px;text-align:center}.empty{color:var(--muted);font-size:13px;padding:26px;text-align:center}.mini-note{font-size:11px;color:var(--muted);margin-top:6px}.mono-pre{background:#0a0f1e;border:1px solid var(--border);border-radius:8px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;line-height:1.5;color:#c9d1d9;max-height:420px;overflow:auto;white-space:pre-wrap;word-break:break-all;margin:0}.segbtns{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden;flex-wrap:wrap}.segbtns .seg{padding:6px 14px;font-size:12px;cursor:pointer;color:var(--muted);background:transparent;border:none}.segbtns .seg.on{background:linear-gradient(135deg,#22d3ee38,#3b82f638);color:#fff}.field-row{display:grid;grid-template-columns:200px 1fr 130px;gap:12px;align-items:center;padding:8px 0;border-bottom:1px dashed rgba(88,130,200,.12)}.field-row .fr-label{font-size:13px;color:var(--text)}.field-row .fr-label .hint{display:block;font-size:11px;color:var(--muted);margin-top:2px}.field-row .fr-src{font-size:11px;text-align:right}@media (max-width: 900px){.field-row{grid-template-columns:1fr;gap:6px}.field-row .fr-src{text-align:left}}.src-default{color:#8b97ab}.src-config{color:#93c5fd}.src-overrides{color:#fcd34d}.src-strategy{color:#6ee7b7}.locked{display:inline-flex;align-items:center;gap:4px;color:#8b97ab}.spark{width:100%;height:120px;display:block}.spark-empty{color:var(--muted);font-size:12px;padding:40px 0;text-align:center}.mini-bar{height:8px;background:#7f92b829;border-radius:4px;overflow:hidden;min-width:60px}.mini-bar>i{display:block;height:100%;border-radius:4px}.danger-zone{border:1px solid rgba(248,113,113,.4);border-radius:12px;padding:4px 16px 14px;margin-top:14px;background:#f871710a}.danger-zone h3{color:#fca5a5}.role-chip{font-size:11px;padding:2px 8px;border-radius:10px;background:#3b82f629;color:#93c5fd}.tag-list{display:flex;gap:6px;flex-wrap:wrap}.ev-row{display:grid;grid-template-columns:150px 62px 150px 1fr;gap:10px;font-size:12.5px;padding:6px 2px;border-bottom:1px dashed rgba(88,130,200,.1)}.ev-row .t{color:var(--muted);font-variant-numeric:tabular-nums}.check-item{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px dashed rgba(88,130,200,.12);font-size:13px}.check-item .ck{width:140px;color:var(--muted)}.app.light{--bg: #ffffff;--surface: #ffffff;--card: #eef2f8;--surface-2: #e3e9f3;--surface-3: #d8e0ec;--panel: var(--card);--panel-solid: var(--card);--chrome: #1f2a44;--chrome-2: #172035;--chrome-hover: #2b3856;--chrome-text: #ccd5e6;--chrome-dim: #97a4c0;--chrome-border: rgba(255, 255, 255, .09);--brand-lit: #7aa5ff;--border: #dfe4ee;--border-strong: #c7cfdd;--text: #141c28;--text-2: #2f3a49;--muted: #4c5666;--brand: #2563eb;--brand-hover: #1d4ed8;--brand-soft: #e9f0fe;--brand-softer: #f2f6ff;--danger: #dc2626;--danger-soft: #fdecec;--accent: var(--brand);--accent2: var(--brand-hover);background:var(--bg);color:var(--text)}.app.light .topbar{background:var(--chrome);border-bottom:1px solid var(--chrome-border);box-shadow:0 1px 6px #080e1e2e}.app.light .brand h1{color:#fff}.app.light .brand .sub{color:var(--chrome-dim)}.app.light .user-name{color:#fff}.app.light .user-role{color:var(--chrome-dim)}.app.light .engine-badge{background:#ffffff14;border-color:var(--chrome-border);color:var(--chrome-text)}.app.light .topbar .btn.ghost{background:transparent;color:var(--chrome-text);border:1px solid rgba(255,255,255,.22);box-shadow:none}.app.light .topbar .btn.ghost:hover{background:#ffffff1a;color:#fff;border-color:#fff6}.app.light .sidebar{background:var(--chrome);border-right:1px solid var(--chrome-border)}.app.light .content{background:var(--bg)}.app.light .side-foot{color:var(--chrome-dim);border-top:1px solid var(--chrome-border)}.app.light .side-foot:hover{color:#fff}.app.light .ng-head{background:transparent;color:var(--chrome-dim)}.app.light .ng-head:hover{color:#fff}.app.light .ng-icon,.app.light .ng-caret{color:var(--chrome-dim)}.app.light .nav-group.open .ng-head{color:#fff}.app.light .nav-group.open .ng-icon{color:var(--brand-lit)}.app.light .ng-items{margin:2px 6px 4px;padding:3px 0;background:var(--chrome-2);border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff0a}.app.light .sidebar.collapsed .ng-items{margin:0;padding:1px 2px 3px;background:transparent;box-shadow:none}.app.light .nav-item{color:var(--chrome-text);font-weight:500}.app.light .nav-item .ni-icon{color:#8493b0}.app.light .nav-item:hover{color:#fff;background:var(--chrome-hover)}.app.light .nav-item:hover .ni-icon{color:#fff}.app.light .nav-item.active{color:#fff;background:var(--brand);border-left-color:var(--brand-lit);font-weight:600}.app.light .nav-item.active .ni-icon,.app.light .nav-item.opened{color:#fff}.app.light .nav-item.opened .ni-icon{color:var(--brand-lit)}.app.light .home-item{background:transparent;color:var(--chrome-text)}.app.light .home-item:hover{background:var(--chrome-hover);color:#fff}.app.light .home-item.active{background:var(--brand);color:#fff;border-left-color:var(--brand-lit)}.app.light .home-item .ni-icon{color:var(--brand-lit)}.app.light .ni-tag{background:#ffffff24;color:#dbe6ff}.app.light .tabstrip{background:var(--bg);border-bottom:1px solid var(--border)}.app.light .wtab{color:var(--text-2);background:var(--card);border:1px solid var(--border);border-bottom:none}.app.light .wtab:hover{color:var(--text);background:var(--surface-2)}.app.light .wtab.active{color:#fff;background:var(--brand);border-color:var(--brand)}.app.light .wtab.active .wtab-x{opacity:.85}.app.light .wtab-x:hover{background:#dc262624;color:#dc2626}.app.light .wtab.active .wtab-x:hover{background:#ffffff47;color:#fff}.app.light .panel{background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px #1018280d}.app.light .panel h3{color:var(--text)}.app.light th{background:var(--surface-2);color:var(--text-2)}.app.light th,.app.light td{border-bottom:1px solid var(--border)}.app.light td{color:var(--text-2)}.app.light tr:hover td{background:var(--surface-2)}.app.light .input,.app.light select.input,.app.light textarea.input{background:#e7ecf4;border:1px solid var(--border-strong);color:var(--text)}.app.light .input:focus,.app.light select.input:focus,.app.light textarea.input:focus{border-color:var(--brand);box-shadow:0 0 0 2px #2563eb26;outline:none}.app.light .input::placeholder{color:var(--muted)}.app.light .btn{background:var(--brand);color:#fff;box-shadow:0 1px 2px #2563eb40}.app.light .btn:hover{background:var(--brand-hover);filter:none}.app.light .btn.ghost{background:transparent;color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.app.light .btn.ghost:hover{background:var(--surface-2);border-color:var(--brand);color:var(--brand)}.app.light .btn.danger{background:var(--danger);color:#fff}.app.light .btn.danger:hover{background:#b91c1c;filter:none}.app.light .btn.gray{background:#8592a6;color:#fff}.app.light .btn.gray:hover{background:#6b7686;filter:none}.app.light .btn.warn{background:#d97706;color:#fff}.app.light .filterbar{background:var(--card)}.app.light .fb-field label{color:var(--text-2)}.app.light .kpi,.app.light .slot-card,.app.light .kiosk-kpi{background:var(--card);border:1px solid var(--border)}.app.light .kpi:after{background:radial-gradient(circle,rgba(37,99,235,.12),transparent 70%)}.app.light .kpi .label{color:var(--muted)}.app.light .segbtns{border-color:var(--border)}.app.light .segbtns .seg{color:var(--text-2)}.app.light .segbtns .seg.on{color:#fff;background:var(--brand)}.app.light .mini-note,.app.light .loading,.app.light .empty{color:var(--muted)}.app.light .pg-btn{color:var(--text-2)}.app.light .pg-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.app.light .pg-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.app.light .pg-total,.app.light .pg-dots{color:var(--muted)}.app.light .badge.blue{background:#e9f0fe;color:#1d4ed8}.app.light .badge.cyan{background:#e0f2fe;color:#0369a1}.app.light .badge.amber{background:#fef3e2;color:#b45309}.app.light .badge.red{background:#fdeaea;color:#b91c1c}.app.light .badge.green{background:#e6f6ee;color:#047857}.app.light .badge.gray{background:var(--surface-2);color:var(--text-2)}.app.light .badge.purple{background:#f1ecfe;color:#6d28d9}.app.light .pill.pending{background:var(--surface-2);color:var(--text-2)}.app.light .pill.running{background:#e6f6ee;color:#047857}.app.light .pill.done{background:#e9f0fe;color:#1d4ed8}.app.light .pill.failed{background:#fdeaea;color:#b91c1c}.app.light .pill.disabled{background:#eceff4;color:#5b6675}.app.light .pill.aborted{background:#fef3e2;color:#b45309}.app.light .unk{color:#55606f}.app.light .drawer,.app.light .modal{background:var(--surface)}.app.light .drawer-head{border-bottom-color:var(--border)}.app.light .drawer-mask{background:#14203859}.app.light .modal-mask{background:#14203873}.app.light .jobbar{background:var(--surface)}.app.light .panel h3 .bar{background:var(--brand)}.app.light .notice.warn{background:#fef3e2;border-color:#f5c98a;color:#92400e}.app.light .notice.err{background:#fdeaea;border-color:#f3a9a9;color:#991b1b}.app.light .notice.ok{background:#e6f6ee;border-color:#9fd9bb;color:#065f46}.app.light .notice.info{background:#e9f0fe;border-color:#a9c4f7;color:#1e40af}.app.light .notice code{background:#0000000f}.app.light .mini-bar,.app.light .progbar{background:var(--surface-3)}.app.light .field-row{border-bottom-color:var(--border)}.app.light .src-default{color:#6b7686}.app.light .src-config{color:#1d4ed8}.app.light .src-overrides{color:#b45309}.app.light .src-strategy{color:#047857}.app.light .locked{color:#6b7686}.app.light .ev-row,.app.light .check-item{border-bottom-color:var(--border)}.app.light .danger-zone{background:#fdecec;border-color:#f3a9a9}.app.light .danger-zone h3{color:#b91c1c}