:root{--kion-wine: #582541;--kion-wine-deep: #3d1a2e;--kion-wine-soft: #7a3a5f;--kion-wine-glow: rgba(88, 37, 65, .45);--kion-cream: #f3ece8;--bg-0: #08090d;--bg-1: #0f1117;--bg-2: #161a23;--bg-3: #1d2230;--line: rgba(255,255,255,.06);--line-strong: rgba(255,255,255,.12);--t-1: #ffffff;--t-2: #b6bccb;--t-3: #6b7488;--t-mute: #4a5163;--ok: #1fc16b;--ok-soft: rgba(31,193,107,.15);--warn: #f5a524;--warn-soft: rgba(245,165,36,.15);--err: #e5484d;--err-soft: rgba(229,72,77,.15);--info: #4ea1ff;--info-soft: rgba(78,161,255,.15);--side-bg: linear-gradient(180deg, #0a0c12 0%, #0a0709 100%);--shadow-card: 0 30px 80px rgba(0,0,0,.5);--map-floor: linear-gradient(180deg, #0a0c12 0%, #050608 100%);--map-grid: rgba(255,255,255,.035);--map-text: #ffffff;--map-text-2: #b6bccb;--map-idle-fill: rgba(255,255,255,.03);--map-idle-stroke: rgba(255,255,255,.1);--bigscreen-top: linear-gradient(90deg, #0a0508 0%, #1a0a14 50%, #0a0508 100%);--bsp-bg: linear-gradient(180deg, rgba(22,26,35,.7), rgba(15,17,23,.7));--sidebar-w: 232px;--topbar-h: 60px;--radius: 10px;--radius-sm: 6px;--font: "Inter", "PingFang SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace}html[data-theme=light]{--bg-0: #f3ece8;--bg-1: #ffffff;--bg-2: #fff8f4;--bg-3: #efe6e0;--line: rgba(26, 28, 33, .08);--line-strong: rgba(26, 28, 33, .14);--t-1: #1a1c21;--t-2: #3f4553;--t-3: #6b7384;--t-mute: #8a92a1;--side-bg: linear-gradient(180deg, #fffdfb 0%, #f3ece8 100%);--shadow-card: 0 18px 40px rgba(88, 37, 65, .08);--map-floor: linear-gradient(180deg, #f7f1ed 0%, #efe6df 100%);--map-grid: rgba(26, 28, 33, .08);--map-text: #1a1c21;--map-text-2: #5c6473;--map-idle-fill: rgba(26, 28, 33, .04);--map-idle-stroke: rgba(26, 28, 33, .16);--bigscreen-top: linear-gradient(90deg, #fffdfb 0%, #f3ece8 50%, #fff8f4 100%);--bsp-bg: linear-gradient(180deg, #ffffff, #fff8f4);--ok-soft: rgba(31,193,107,.12);--warn-soft: rgba(245,165,36,.14);--err-soft: rgba(229,72,77,.12);--info-soft: rgba(78,161,255,.12)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:var(--bg-0);color:var(--t-1);font-family:var(--font);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:inherit}.kion-logo{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.12em;font-size:18px;color:var(--t-1)}.kion-logo .mark{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;background:var(--kion-wine);color:var(--kion-cream);font-size:14px;font-weight:900;border-radius:4px;font-style:italic;font-family:var(--font)}.kion-logo .tag{font-size:10px;color:var(--t-3);letter-spacing:.18em;font-weight:500;margin-left:2px;align-self:center}.app{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"side  top" "side  main";height:100vh}.sidebar{grid-area:side;background:var(--side-bg);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow:hidden;position:relative;z-index:1000}.side-brand{height:var(--topbar-h);display:flex;align-items:center;padding:0 20px;border-bottom:1px solid var(--line)}.side-nav{flex:1;overflow-y:auto;padding:16px 12px}.side-nav::-webkit-scrollbar{width:4px}.side-nav::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.nav-group{margin-bottom:18px}.nav-title{font-size:10px;font-weight:600;color:var(--t-mute);letter-spacing:.16em;text-transform:uppercase;padding:0 10px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--t-2);font-size:13px;cursor:pointer;transition:background .15s,color .15s;position:relative}.nav-item:hover{background:var(--bg-2);color:var(--t-1)}.nav-item.active{background:linear-gradient(90deg,#5825412e,#5825410a);color:var(--t-1)}.nav-item.active:before{content:"";position:absolute;left:-12px;top:8px;bottom:8px;width:3px;background:var(--kion-wine);border-radius:0 2px 2px 0;box-shadow:0 0 10px var(--kion-wine-glow)}.nav-item i{width:16px;text-align:center;opacity:.8}.nav-item .badge{margin-left:auto;background:var(--kion-wine);color:#fff;font-size:10px;padding:1px 6px;border-radius:8px;font-weight:600}.side-footer{padding:12px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}.side-footer .avatar{width:32px;height:32px;border-radius:50%;background:var(--kion-wine);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.side-footer .info{flex:1;min-width:0}.side-footer .info .name{font-size:12px;color:var(--t-1)}.side-footer .info .role{font-size:10px;color:var(--t-3)}.topbar{grid-area:top;background:var(--bg-1);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:16px}.topbar .crumbs{font-size:13px;color:var(--t-3)}.topbar .crumbs .here{color:var(--t-1);font-weight:500}.topbar .spacer{flex:1}.topbar .search{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:6px 10px;width:260px;color:var(--t-3);font-size:12px}.topbar .search input{flex:1;background:none;border:none;color:var(--t-1);outline:none}.topbar .icon-btn{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;color:var(--t-2);position:relative}.topbar .icon-btn:hover{background:var(--bg-2);color:var(--t-1)}.topbar .icon-btn .dot{position:absolute;top:6px;right:6px;width:6px;height:6px;border-radius:50%;background:var(--kion-wine);box-shadow:0 0 6px var(--kion-wine-glow)}.topbar .status-pill{display:inline-flex;align-items:center;gap:6px;background:var(--ok-soft);color:var(--ok);padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600}.topbar .status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 6px var(--ok);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.main{grid-area:main;overflow-y:auto;padding:24px;background:radial-gradient(800px 500px at 90% -10%,rgba(88,37,65,.08),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(78,161,255,.04),transparent 60%),var(--bg-0)}.main::-webkit-scrollbar{width:8px}.main::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}.page-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap}.page-head h1{font-size:22px;font-weight:700;letter-spacing:-.01em;color:var(--t-1)}.page-head .sub{font-size:12px;color:var(--t-3);margin-top:4px}.page-head .actions{display:flex;gap:8px}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);padding:16px;position:relative;overflow:hidden}.card.glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(400px 200px at 0% 0%,var(--kion-wine-glow),transparent 60%);pointer-events:none;opacity:.6}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:12px}.card-title{font-size:13px;font-weight:600;color:var(--t-2);letter-spacing:.02em;display:flex;align-items:center;gap:8px}.card-title .pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--kion-wine);box-shadow:0 0 6px var(--kion-wine);animation:pulse 1.6s ease-in-out infinite}.kpi{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);padding:18px;position:relative;overflow:hidden}.kpi .label{font-size:12px;color:var(--t-3);margin-bottom:8px;letter-spacing:.04em}.kpi .value{font-size:28px;font-weight:700;color:var(--t-1);font-family:var(--font);letter-spacing:-.02em;line-height:1.1}.kpi .unit{font-size:14px;color:var(--t-3);margin-left:4px;font-weight:500}.kpi .delta{margin-top:10px;font-size:11px;display:inline-flex;align-items:center;gap:4px}.kpi .delta.up{color:var(--ok)}.kpi .delta.down{color:var(--err)}.kpi .icon-bg{position:absolute;top:14px;right:14px;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#58254126;color:var(--kion-wine-soft);font-size:14px}.grid{display:grid;gap:16px}.grid.cols-2{grid-template-columns:repeat(2,1fr)}.grid.cols-3{grid-template-columns:repeat(3,1fr)}.grid.cols-4{grid-template-columns:repeat(4,1fr)}.grid.cols-6{grid-template-columns:repeat(6,1fr)}.grid.auto-fit-220{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid.auto-fit-280{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media (max-width: 1280px){.grid.cols-4{grid-template-columns:repeat(2,1fr)}.grid.cols-6{grid-template-columns:repeat(3,1fr)}}@media (max-width: 900px){.grid.cols-3{grid-template-columns:1fr 1fr}}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:6px;font-size:12px;font-weight:600;background:var(--bg-2);color:var(--t-1);border:1px solid var(--line);transition:.15s;white-space:nowrap}.btn:hover{background:var(--bg-3)}.btn.primary{background:var(--kion-wine);border-color:var(--kion-wine);color:var(--kion-cream);box-shadow:0 4px 14px -4px var(--kion-wine-glow)}.btn.primary:hover{background:var(--kion-wine-soft);border-color:var(--kion-wine-soft)}.btn.ghost{background:transparent}.btn.sm{padding:4px 10px;font-size:11px}.btn .i{font-size:12px}.tbl{width:100%;border-collapse:collapse;font-size:12.5px}.tbl th{text-align:left;padding:10px 12px;color:var(--t-3);font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line);background:var(--bg-1)}.tbl td{padding:12px;border-bottom:1px solid var(--line);color:var(--t-2)}.tbl tr:hover td{background:#ffffff05;color:var(--t-1)}.tbl td.mono,.tbl td.num{font-family:var(--font-mono)}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:10.5px;font-weight:600;letter-spacing:.02em;background:var(--bg-3);color:var(--t-2)}.tag.ok{background:var(--ok-soft);color:var(--ok)}.tag.warn{background:var(--warn-soft);color:var(--warn)}.tag.err{background:var(--err-soft);color:var(--err)}.tag.info{background:var(--info-soft);color:var(--info)}.tag.wine{background:#5825412e;color:var(--kion-wine-soft)}.tag .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.bar{width:100%;height:6px;background:var(--bg-3);border-radius:3px;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,var(--kion-wine),var(--kion-wine-soft));border-radius:3px}.bar.ok>span{background:linear-gradient(90deg,#0e9550,var(--ok))}.bar.warn>span{background:linear-gradient(90deg,#b67314,var(--warn))}.bar.err>span{background:linear-gradient(90deg,#a52024,var(--err))}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:11px;color:var(--t-3);font-weight:600;letter-spacing:.04em}.field input,.field select,.field textarea{background:var(--bg-2);border:1px solid var(--line);color:var(--t-1);padding:9px 12px;border-radius:6px;font-size:13px;outline:none;transition:border .15s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--kion-wine-soft)}body.bigscreen{background:var(--bg-0);overflow:hidden}.bigscreen-app{display:grid;grid-template-rows:70px 1fr;height:100vh}.bigscreen-top{background:var(--bigscreen-top);border-bottom:1px solid var(--kion-wine);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:relative}.bigscreen-top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--kion-wine),transparent);box-shadow:0 0 12px var(--kion-wine)}.bigscreen-title{font-size:24px;font-weight:800;letter-spacing:.08em;color:var(--t-1)}.bigscreen-time{font-family:var(--font-mono);font-size:22px;color:var(--t-1);letter-spacing:.06em}.bigscreen-grid{display:grid;grid-template-columns:320px 1fr 320px;grid-template-rows:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:12px;padding:12px;height:calc(100vh - 70px);min-height:0;overflow:hidden}.bigscreen-grid>*{min-height:0;min-width:0}.bsp{background:var(--bsp-bg);border:1px solid var(--line);border-radius:8px;padding:12px 14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0}.bsp>*{min-height:0}.bsp-scroll{flex:1 1 auto;overflow-y:auto}.bsp:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,var(--kion-wine) 50%,transparent 90%);opacity:.4}.bsp-title{font-size:11px;color:var(--t-3);letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:6px;margin-bottom:8px}.bsp-title:before{content:"";width:3px;height:12px;background:var(--kion-wine);box-shadow:0 0 6px var(--kion-wine)}.row{display:flex;align-items:center;gap:10px}.col{display:flex;flex-direction:column;gap:10px}.muted{color:var(--t-3)}.mono{font-family:var(--font-mono)}.right{margin-left:auto}.center{text-align:center}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.gap-4{gap:4px}.gap-8{gap:8px}.gap-16{gap:16px}.fs-11{font-size:11px}.fs-12{font-size:12px}.fs-13{font-size:13px}.fw-600{font-weight:600}.fw-700{font-weight:700}.scroll-y{overflow-y:auto}.scroll-y::-webkit-scrollbar{width:4px}.scroll-y::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.light{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle;background:var(--t-mute)}.light.on{background:var(--ok);box-shadow:0 0 6px var(--ok)}.light.warn{background:var(--warn);box-shadow:0 0 6px var(--warn)}.light.err{background:var(--err);box-shadow:0 0 6px var(--err);animation:pulse 1s ease-in-out infinite}.map-canvas{background:radial-gradient(circle at 30% 40%,rgba(88,37,65,.14),transparent 40%),radial-gradient(circle at 70% 60%,rgba(78,161,255,.08),transparent 40%),repeating-linear-gradient(0deg,transparent 0 24px,var(--map-grid) 24px 25px),repeating-linear-gradient(90deg,transparent 0 24px,var(--map-grid) 24px 25px),var(--map-floor);border-radius:var(--radius);position:relative;overflow:hidden}#kion-modal-root,#kion-toast-root,#kion-drawer-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:800;pointer-events:none}#kion-toast-root{display:flex;flex-direction:column;align-items:end;padding:20px;gap:8px;pointer-events:none}body.kmodal-open,body.kdrawer-open{overflow:hidden}.kmodal-backdrop,.kdrawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;z-index:900;animation:kfade .18s ease}.kmodal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 48px);max-height:calc(100vh - 80px);background:var(--bg-1);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 30px 80px #0009,0 0 0 1px #5825414d;display:flex;flex-direction:column;pointer-events:auto;z-index:950;animation:kpop .18s ease;overflow:hidden}.kmodal-head,.kdrawer-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(88,37,65,.1),transparent)}.kmodal-title,.kdrawer-title{font-size:14px;font-weight:700;color:var(--t-1);letter-spacing:.02em;display:flex;align-items:center;gap:8px}.kmodal-title:before,.kdrawer-title:before{content:"";width:3px;height:14px;background:var(--kion-wine);box-shadow:0 0 6px var(--kion-wine)}.kmodal-close,.kdrawer-close{width:28px;height:28px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;color:var(--t-3);background:transparent;border:none;cursor:pointer}.kmodal-close:hover,.kdrawer-close:hover{background:var(--bg-2);color:var(--t-1)}.kmodal-body,.kdrawer-body{padding:20px;overflow-y:auto}.kmodal-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 20px;border-top:1px solid var(--line);background:var(--bg-0)}.kform{display:flex;flex-direction:column;gap:14px}.kform .field{gap:6px}.kform .row2{display:grid;grid-template-columns:1fr 1fr;gap:14px}@keyframes kfade{0%{opacity:0}to{opacity:1}}@keyframes kpop{0%{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes kslidein{0%{transform:translate(100%)}to{transform:translate(0)}}.ktoast{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-1);border:1px solid var(--line-strong);border-radius:8px;color:var(--t-1);font-size:13px;font-weight:500;box-shadow:0 10px 30px #00000080;opacity:0;transform:translate(20px);transition:.22s ease;pointer-events:auto;min-width:180px}.ktoast.show{opacity:1;transform:translate(0)}.ktoast-ok{border-color:var(--ok);color:var(--ok)}.ktoast-err{border-color:var(--err);color:var(--err)}.ktoast-warn{border-color:var(--warn);color:var(--warn)}.ktoast-info{border-color:var(--info);color:var(--info)}.ktoast i{font-size:14px}.ktoast span{color:var(--t-1);font-weight:500}.kdrawer{position:fixed;top:0;right:0;bottom:0;background:var(--bg-1);border-left:1px solid var(--line-strong);box-shadow:-20px 0 60px #00000080;display:flex;flex-direction:column;pointer-events:auto;z-index:950;animation:kslidein .22s ease}.kdrawer-body{flex:1;overflow-y:auto}.detail-row{display:flex;padding:10px 0;border-bottom:1px dashed var(--line)}.detail-row .lbl{width:90px;color:var(--t-3);font-size:12px}.detail-row .val{flex:1;color:var(--t-1);font-size:13px}.detail-section{padding:4px 0 12px}.detail-section h4{font-size:11px;color:var(--t-3);letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-weight:600}.clickable{cursor:pointer;transition:background .12s,transform .12s}.clickable:hover{background:#58254114}.clickable:active{transform:scale(.99)}.row-clickable{cursor:pointer}.row-clickable:hover td{background:#5825411a!important;color:var(--t-1)}.status-pill.clickable{cursor:pointer}.status-pill.clickable:hover{filter:brightness(1.15)}.search-input{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:6px 10px;width:240px;color:var(--t-3);font-size:12px}.search-input input{flex:1;background:none;border:none;color:var(--t-1);outline:none}.empty-state{text-align:center;padding:60px 20px;color:var(--t-3);font-size:13px}.empty-state i{font-size:36px;opacity:.3;display:block;margin-bottom:12px}.toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kanban-card{cursor:grab}.kanban-card.dragging{opacity:.4}.kanban-col.drag-over{background:#5825411a}.kanban-col{min-height:200px;transition:background .15s}.btn-group{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}.btn-group .btn{border:none;border-right:1px solid var(--line);border-radius:0}.btn-group .btn:last-child{border-right:none}.btn-group .btn.active{background:var(--kion-wine);color:var(--kion-cream)}.list-row{display:flex;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line);font-size:12px}.list-row .num{font-family:var(--font-mono)}.site-switcher{position:relative}.site-btn{display:flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--line);color:var(--t-1);padding:6px 12px;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .15s}.site-btn:hover{border-color:var(--kion-wine);background:var(--bg-3, rgba(88,37,65,.15))}.site-btn .site-label{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.site-dropdown{position:absolute;top:100%;right:0;margin-top:6px;width:360px;max-height:480px;overflow:hidden;display:flex;flex-direction:column;background:var(--bg-1);border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 32px #0006;z-index:1100}.site-dd-head{padding:12px;border-bottom:1px solid var(--line);background:var(--bg-2)}.site-dd-body{overflow-y:auto;flex:1;padding:6px 0}.site-dd-foot{padding:8px 12px;border-top:1px solid var(--line);background:var(--bg-2)}.site-region{padding:6px 0}.site-region-head{font-size:11px;font-weight:700;color:var(--t-2);padding:4px 12px;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:6px}.site-region-head i{color:var(--kion-wine-soft);font-size:10px}.site-row{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;transition:background .1s}.site-row:hover:not(.disabled){background:var(--bg-2)}.site-row.disabled{opacity:.5;cursor:not-allowed}.site-row input[type=checkbox]{width:16px;height:16px;cursor:pointer}.site-row .site-name{font-size:13px;font-weight:600;color:var(--t-1)}.site-row .site-name .muted{font-weight:400}html{font-size:clamp(13px,.85vw + .4rem,16px)}.app{width:100vw;height:100vh;overflow:hidden;grid-template-columns:clamp(60px,14vw,232px) 1fr}.main{width:100%;height:100%;overflow:auto;padding:clamp(12px,1.5vw,24px)}.topbar{padding:0 clamp(12px,1.5vw,24px);gap:clamp(8px,1vw,16px);flex-wrap:nowrap}.topbar .search{width:clamp(120px,18vw,260px)}@media (max-width: 1100px){:root{--sidebar-w: 60px}.sidebar .kion-logo>span:not(.mark){display:none}.sidebar .kion-logo .tag{display:none}.sidebar .nav-title{font-size:0;padding:0 6px 6px;height:4px}.sidebar .nav-title:before{content:"";display:block;width:16px;height:1px;background:var(--t-mute);margin:2px 0 0 4px}.sidebar .nav-item span:not(.badge){display:none}.sidebar .nav-item i{width:22px;font-size:16px}.sidebar .nav-item{justify-content:center;padding:10px 6px}.sidebar .nav-item .badge{position:absolute;top:4px;right:4px;margin:0}.sidebar .nav-item{position:relative}.sidebar .side-footer .info{display:none}.sidebar .side-footer{justify-content:center;padding:12px 6px}.sidebar .side-footer i{display:none}}@media (max-width: 900px){.topbar .crumbs{font-size:12px}.topbar .status-pill,.topbar .search{display:none}.site-btn .site-label{max-width:80px}.site-dropdown{width:280px;right:-60px}}@media (max-width: 700px){.topbar .icon-btn:nth-child(4){display:none}.site-btn .site-label{display:none}.site-btn{padding:6px 8px}.topbar{gap:6px}}.page-head{flex-wrap:wrap;gap:12px;margin-bottom:clamp(12px,1.2vw,20px)}.page-head h1{font-size:clamp(18px,1.6vw + .5rem,24px)}.page-head .actions{flex-wrap:wrap}@media (max-width: 700px){.page-head .actions .btn:not(.primary){display:none}}.kpi{padding:clamp(12px,1.2vw,18px)}.kpi .value{font-size:clamp(20px,1.8vw + .5rem,30px)}.kpi .icon-bg{width:clamp(28px,2.4vw,40px);height:clamp(28px,2.4vw,40px);font-size:clamp(11px,.9vw + .4rem,15px)}.card{padding:clamp(12px,1.2vw,18px)}.tbl{font-size:clamp(11px,.7vw + .5rem,13px)}.tbl th,.tbl td{padding:clamp(8px,.8vw,12px)}.card>.tbl,.card>table{display:block;overflow-x:auto;white-space:nowrap;scrollbar-width:thin;-webkit-overflow-scrolling:touch}.card>.tbl::-webkit-scrollbar{height:6px}.card>.tbl::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}.tbl thead{position:sticky;top:0;z-index:1;background:var(--bg-1)}.grid{gap:clamp(10px,1vw,16px)}.kmodal{width:95%!important;max-width:min(95vw,var(--kmw, 560px))!important;max-height:90vh;overflow-y:auto}.kdrawer{width:min(100vw,var(--kdw, 480px))!important}.map-canvas{min-height:clamp(360px,50vh,600px)}.bigscreen-grid{display:grid;grid-template-columns:320px 1fr 320px;grid-template-rows:repeat(4,1fr);gap:12px;width:100%;height:100%;padding:12px}@media (max-width: 1500px){.bigscreen-grid{grid-template-columns:260px 1fr 260px}}@media (max-width: 1200px){.bigscreen-grid{grid-template-columns:220px 1fr 220px}}.flex-1{flex:1;min-width:0;min-height:0}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}@media (max-width: 800px){.grid.cols-4{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.grid.cols-4,.grid.cols-3{grid-template-columns:1fr}}.kdrawer-body{padding:16px}.echarts-container{width:100%;min-height:200px}.kpi.clickable{cursor:pointer}.kpi.clickable:hover{border-color:var(--kion-wine-soft)}.field-input,.field input.field-input{background:var(--bg-2);border:1px solid var(--line);color:var(--t-1);padding:9px 12px;border-radius:6px;font-size:13px;outline:none;width:100%}.field-input:focus{border-color:var(--kion-wine-soft)}.field-label{font-size:11px;color:var(--t-3);font-weight:600;letter-spacing:.04em;margin-bottom:6px}.divider{height:1px;background:var(--line);margin:16px 0}.row.between{justify-content:space-between}.feed-list{max-height:280px;overflow-y:auto}.feed-item{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px}.feed-time{color:var(--t-3);font-size:11px;min-width:40px}.feed-text{flex:1}.rank-tbl{width:100%}.rank-tbl td{padding:8px 4px;border-bottom:1px solid rgba(255,255,255,.04);vertical-align:middle}.ticket-item{display:flex;gap:8px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05);align-items:flex-start}.ticket-body{flex:1}.zone-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.zone-cell{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;padding:12px;min-height:88px}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 20% -10%,rgba(88,37,65,.45),transparent),radial-gradient(800px 400px at 100% 100%,rgba(78,161,255,.08),transparent),var(--bg-0)}.login-card{width:400px;background:var(--bg-1);border:1px solid var(--line);border-radius:14px;padding:32px;box-shadow:var(--shadow-card)}.btn.danger{background:var(--err);border-color:var(--err);color:#fff}.delta.up{color:var(--ok)}.delta.down{color:var(--err)}.track-app{display:grid;grid-template-rows:60px 1fr 220px;height:100vh;width:100vw;background:radial-gradient(800px 500px at 90% -10%,rgba(88,37,65,.1),transparent 60%),radial-gradient(700px 400px at 0% 100%,rgba(78,161,255,.04),transparent 60%),var(--bg-0)}.track-top{display:flex;align-items:center;gap:16px;padding:0 20px;background:var(--bigscreen-top);border-bottom:1px solid var(--kion-wine);position:relative}.track-top:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--kion-wine),transparent);box-shadow:0 0 12px var(--kion-wine)}.track-top .brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.12em;font-size:16px}.track-top .brand .mark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;background:var(--kion-wine);color:var(--kion-cream);font-size:12px;font-weight:900;border-radius:4px;font-style:italic}.track-top .title{font-size:16px;font-weight:700;letter-spacing:.04em;color:var(--t-1)}.track-top .spacer{flex:1}.track-top .ctrl{display:inline-flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--line);color:var(--t-1);padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500}.track-top .ctrl select,.track-top .ctrl input{background:transparent;border:none;color:var(--t-1);font-size:12px;outline:none;padding:0}.track-top .ctrl input[type=date]{color-scheme:dark}.track-top .ctrl select{padding-right:14px}.track-top .ctrl .lbl{color:var(--t-3);font-size:11px;margin-right:2px}.track-top .back-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;background:var(--bg-2);border:1px solid var(--line);color:var(--t-2);cursor:pointer;transition:.15s}.track-top .back-btn:hover{background:var(--bg-3);color:var(--t-1)}.track-main{display:grid;grid-template-columns:360px 1fr;gap:12px;padding:12px;min-height:0;overflow:hidden}.panel{background:var(--bsp-bg);border:1px solid var(--line);border-radius:8px;padding:12px 14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:0}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 10%,var(--kion-wine) 50%,transparent 90%);opacity:.4}.panel-title{font-size:11px;color:var(--t-3);letter-spacing:.16em;text-transform:uppercase;display:flex;align-items:center;gap:6px;margin-bottom:10px}.panel-title:before{content:"";width:3px;height:12px;background:var(--kion-wine);box-shadow:0 0 6px var(--kion-wine)}.panel-scroll{flex:1 1 auto;overflow-y:auto}.panel-scroll::-webkit-scrollbar{width:4px}.panel-scroll::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.summary-kpis{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.sk{background:var(--bg-2);border:1px solid var(--line);border-radius:6px;padding:8px 10px}.sk .lbl{font-size:10px;color:var(--t-3);letter-spacing:.08em}.sk .val{font-size:22px;font-weight:700;color:var(--t-1);margin-top:2px;font-family:var(--font)}.sk .val .unit{font-size:11px;color:var(--t-3);margin-left:2px;font-weight:500}.sk.ok .val{color:var(--ok)}.sk.info .val{color:var(--info)}.sk.warn .val{color:var(--warn)}.sk.err .val{color:var(--err)}.status-bar{display:flex;height:24px;border-radius:4px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line)}.status-bar .seg{display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;color:#000000b3;transition:opacity .15s}.status-bar .seg:hover{opacity:.85}.status-legend{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;font-size:11px}.status-legend .item{display:inline-flex;align-items:center;gap:4px;color:var(--t-2)}.status-legend .dot{width:8px;height:8px;border-radius:50%;display:inline-block}.legend-running{background:var(--ok)}.legend-charging{background:var(--info)}.legend-fault{background:var(--err)}.legend-idle{background:#6b7488}.map-panel{padding:0}.map-panel-head{padding:10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px}.map-svg-wrap{flex:1 1 auto;position:relative;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:8px 14px 14px}.map-svg-wrap svg{width:100%;height:100%;max-width:100%;max-height:100%;display:block}.map-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--t-3);font-size:13px;flex-direction:column;gap:8px}.map-empty i{font-size:32px;opacity:.3}.zone-rect{fill:var(--map-idle-fill);stroke:var(--map-idle-stroke);stroke-width:1}.zone-label{fill:var(--map-text-2);font-size:13px;font-family:var(--font);font-weight:600;letter-spacing:.06em}.zone-label-sm{fill:var(--t-3);font-size:10px;font-family:var(--font-mono)}.track-path{fill:none;stroke:var(--map-text-2);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.55}.track-point{cursor:pointer;transition:r .15s,stroke-width .15s}.track-point:hover{stroke:var(--map-text);stroke-width:2.5}.event-label{font-size:9px;font-family:var(--font-mono);font-weight:700;fill:var(--map-text);pointer-events:none}.time-label{font-size:9px;font-family:var(--font-mono);fill:var(--map-text-2);pointer-events:none}.pulse-ring{fill:none;stroke-width:2;animation:ringPulse 1.4s ease-out infinite}@keyframes ringPulse{0%{r:6;opacity:.9}to{r:22;opacity:0}}.tip{position:absolute;pointer-events:none;z-index:50;background:var(--bg-1);border:1px solid var(--kion-wine-soft);border-radius:6px;padding:8px 10px;font-size:12px;color:var(--t-1);min-width:160px;max-width:240px;box-shadow:0 10px 30px #00000080;opacity:0;transform:translateY(4px);transition:opacity .12s,transform .12s}.tip.show{opacity:1;transform:translateY(0)}.tip .row{display:flex;gap:8px}.tip .lbl{color:var(--t-3);font-size:10px;min-width:36px}.tip .val{color:var(--t-1);font-size:12px;font-weight:600}.event-list-panel{padding:0}.event-list-head{padding:10px 14px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.event-list-body{flex:1 1 auto;overflow-y:auto}.event-list-body::-webkit-scrollbar{width:4px}.event-list-body::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:2px}.event-row{display:grid;grid-template-columns:80px 110px 1fr 120px 90px;gap:12px;align-items:center;padding:8px 14px;font-size:12px;border-bottom:1px solid var(--line);cursor:pointer;transition:background .1s}.event-row:hover{background:#58254114}.event-row.active{background:#5825412e}.event-row .t{font-family:var(--font-mono);color:var(--t-1);font-weight:600}.event-row .event-name{color:var(--t-1)}.event-row .ev-meta{color:var(--t-3);font-size:11px}.st-running{color:var(--ok)}.st-charging{color:var(--info)}.st-fault{color:var(--err)}.st-idle{color:var(--t-3)}.pt-running{fill:var(--ok);stroke:#0e9550;stroke-width:1.2}.pt-charging{fill:var(--info);stroke:#2a73c2;stroke-width:1.2}.pt-fault{fill:var(--err);stroke:#a52024;stroke-width:1.2}.pt-idle{fill:#8a93a6;stroke:#4a5163;stroke-width:1.2}.nav-back{display:inline-flex;align-items:center;gap:6px}.face-modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.face-modal-grid .face-cam-stage{position:relative;aspect-ratio:4/3;background:#0f1117;border:1px dashed var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.face-modal-grid .face-cam-stage video,.face-modal-grid .face-cam-stage img,.face-modal-grid .face-cam-stage canvas{width:100%;height:100%;object-fit:cover}.face-modal-grid .face-cam-stage .placeholder{color:var(--t-3);font-size:12px;text-align:center;padding:16px}.face-modal-grid .face-cam-stage .placeholder i{font-size:32px;opacity:.5;display:block;margin-bottom:8px}.face-modal-grid .face-cam-actions{margin-top:8px;display:flex;gap:8px}.face-modal-grid .face-preview{aspect-ratio:4/3;background:#0f1117;border:1px dashed var(--line);border-radius:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.face-modal-grid .face-preview img{width:100%;height:100%;object-fit:cover}.face-modal-grid .face-preview .empty{color:var(--t-3);font-size:12px}@media (max-width: 640px){.face-modal-grid{grid-template-columns:1fr}}