*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:var(--font-sans);color:var(--fg1);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.45}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}:root{--tia-1:#1e7bff;--tia-2:#ff7a1f;--tia-3:#2ecc5a;--tia-4:#7a4a2b;--tia-5:#8c92a4;--tia-6:#f5f5f0;--tia-7:#e03e3e;--tia-8:#1f2230;--tia-9:#f2c200;--tia-10:#7a3cff;--tia-11:#ff9dbe;--tia-12:#16c6b9;--app-sidebar-w:224px;--app-rightpanel-w:380px;--app-topbar-h:56px}.app{grid-template-columns:var(--app-sidebar-w) minmax(620px, 1fr) var(--app-rightpanel-w);grid-template-rows:var(--app-topbar-h) 1fr;background:var(--paper);min-width:0;height:100vh;display:grid;overflow-x:auto}.app.no-rightpanel{grid-template-columns:var(--app-sidebar-w) 1fr}@media (width<=1200px){.app{grid-template-columns:var(--app-sidebar-w) 1fr}.app .app-rightpanel{display:none}}.app.compact{--app-sidebar-w:200px;--app-rightpanel-w:340px;font-size:13px}.app-topbar{background:var(--white);border-bottom:1px solid var(--border-subtle);z-index:10;grid-column:1/-1;align-items:center;gap:16px;padding:0 16px;display:flex}.app-sidebar{background:var(--ink-900);color:#e7e9ef;border-right:1px solid var(--ink-800);flex-direction:column;gap:4px;padding:12px 10px;display:flex;overflow-y:auto}.app-main{background:var(--paper);flex-direction:column;min-width:0;display:flex;position:relative;overflow:hidden}.app-rightpanel{background:var(--white);border-left:1px solid var(--border-subtle);flex-direction:column;display:flex;overflow:hidden}.tb-brand{align-items:center;gap:10px;min-width:200px;display:flex}.tb-logo{background:var(--ink-900);border-radius:999px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid;position:relative}.tb-logo:before{content:"";background:var(--grad-blaze-conic);border-radius:999px;position:absolute;inset:-1.5px;-webkit-mask:radial-gradient(circle,#0000 11.5px,#000 13px);mask:radial-gradient(circle,#0000 11.5px,#000 13px)}.tb-logo span{font-family:var(--font-display);color:#fff;z-index:1;letter-spacing:.5px;font-size:7px;font-weight:800}.tb-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:15px;font-weight:800}.tb-name em{color:var(--blaze-orange);font-style:normal}.tb-tenant{border:1px solid var(--border-subtle);background:var(--paper);border-radius:10px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:600;display:flex}.tb-tenant-dot{background:var(--blaze-green);border-radius:999px;width:8px;height:8px}.tb-tenant svg{opacity:.5;width:12px;height:12px}.tb-search{border:1px solid var(--border-subtle);background:var(--paper);border-radius:10px;flex:1;align-items:center;gap:8px;max-width:520px;height:36px;padding:0 12px;display:flex}.tb-search:focus-within{border-color:var(--blaze-orange);background:#fff;box-shadow:0 0 0 3px #ff5a1f1a}.tb-search input{background:0 0;border:none;outline:none;flex:1;font-size:13px}.tb-search-kbd{font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--fg3);background:var(--white);border-radius:4px;padding:2px 6px;font-size:11px}.tb-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.tb-iconbtn{width:36px;height:36px;color:var(--fg2);transition:all .16s var(--ease-blaze);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:grid;position:relative}.tb-iconbtn:hover{background:var(--paper);color:var(--fg1)}.tb-iconbtn .badge{background:var(--blaze-orange);border:2px solid var(--white);border-radius:999px;width:8px;height:8px;position:absolute;top:6px;right:6px}.tb-divider{background:var(--border-subtle);width:1px;height:24px;margin:0 4px}.tb-user{background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:4px 10px 4px 4px;display:flex}.tb-user:hover{background:var(--paper)}.tb-avatar{background:linear-gradient(135deg, var(--blaze-orange), var(--blaze-magenta));color:#fff;width:28px;height:28px;font-family:var(--font-display);border-radius:999px;place-items:center;font-size:11px;font-weight:800;display:grid}.tb-user-name{font-size:12.5px;font-weight:700}.tb-user-role{color:var(--fg3);font-size:10.5px}.sb-brand-row{align-items:center;gap:8px;padding:6px 8px 12px;display:flex}.sb-brand-name{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;font-size:13px;font-weight:800}.sb-brand-org{color:var(--ink-400);font-size:10.5px}.sb-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--ink-400);padding:16px 10px 6px;font-size:10px;font-weight:700}.sb-item{color:#c8cbd6;text-align:left;width:100%;transition:background .16s var(--ease-blaze), color .16s var(--ease-blaze);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.sb-item:hover:not(:disabled){color:#fff;background:#ffffff0d}.sb-item.is-active{color:#fff;background:#ffffff1a}.sb-item.is-active .sb-icon{color:var(--blaze-orange)}.sb-item:disabled{opacity:.4;cursor:not-allowed}.sb-item.has-children{padding-left:10px}.sb-icon{opacity:.85;flex:0 0 16px;width:16px;height:16px}.sb-label{flex:1}.sb-count{color:var(--ink-300);background:#ffffff14;border-radius:999px;padding:1px 7px;font-size:10.5px;font-weight:600}.sb-item.is-active .sb-count{background:var(--blaze-orange);color:#fff}.sb-item-soon{color:var(--ink-400);letter-spacing:.04em;background:#ffffff0d;border-radius:4px;padding:1px 6px;font-size:9px}.sb-children{border-left:1px solid #ffffff14;flex-direction:column;gap:1px;margin-top:1px;margin-bottom:4px;margin-left:18px;padding-left:22px;display:flex}.sb-child{color:var(--ink-300);text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;padding:5px 10px;font-size:12px;font-weight:500;display:flex}.sb-child:hover{color:#fff;background:#ffffff0a}.sb-child.is-active{color:#fff;background:#ffffff14}.sb-foot{border-top:1px solid #ffffff0f;flex-direction:column;gap:6px;margin-top:auto;padding:10px 8px;display:flex}.sb-status{color:var(--ink-300);align-items:center;gap:8px;padding:4px 6px;font-size:11px;display:flex}.sb-status-dot{background:var(--blaze-green);border-radius:999px;width:6px;height:6px;box-shadow:0 0 0 3px #2ecc5a33}.ws-header{background:var(--white);border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;min-height:52px;padding:0 20px;display:flex}.ws-title-group{flex-direction:column;gap:1px;display:flex}.ws-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:17px;font-weight:800}.ws-crumb{color:var(--fg3);font-size:11.5px}.ws-crumb b{color:var(--fg2);font-weight:600}.ws-tabs{gap:2px;margin-left:8px;display:flex}.ws-tab{color:var(--fg3);background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:600}.ws-tab:hover{background:var(--paper);color:var(--fg1)}.ws-tab.is-active{background:var(--ink-100);color:var(--fg1)}.ws-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.btn{background:var(--white);color:var(--fg1);border:1px solid #0000;border-color:var(--border-subtle);transition:all .16s var(--ease-blaze);border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-size:12.5px;font-weight:700;display:inline-flex}.btn:hover{background:var(--paper)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--blaze-orange);color:#fff;border-color:var(--blaze-orange)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ink{background:var(--ink-800);color:#fff;border-color:var(--ink-800)}.btn-ink:hover{background:var(--ink-700);border-color:var(--ink-700)}.btn-danger{background:var(--white);color:var(--danger);border-color:#e03e3e4d}.btn-danger:hover{background:#e03e3e0f}.btn-ghost{color:var(--fg2);background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--paper);color:var(--fg1)}.btn-sm{gap:4px;padding:5px 10px;font-size:11.5px}.btn-icon{justify-content:center;width:32px;height:32px;padding:0}.btn svg{width:14px;height:14px}.pill{background:var(--ink-100);color:var(--fg1);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.pill-dot{background:currentColor;border-radius:999px;flex:0 0 6px;width:6px;height:6px}.pill-ok{color:#157a35;background:#2ecc5a1f}.pill-warn{color:#8a5a00;background:#f2a90024}.pill-err{color:#b82a2a;background:#e03e3e1a}.pill-info{color:var(--blaze-blue);background:#1e7bff1a}.pill-violet{color:var(--blaze-violet);background:#7a3cff1a}.pill-magenta{color:var(--blaze-magenta);background:#e6138c1a}.pill-mute{background:var(--ink-100);color:var(--fg2)}.rp{flex-direction:column;height:100%;display:flex}.rp-head{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding:16px 18px 12px;display:flex}.rp-eyebrow{color:var(--fg3);letter-spacing:.04em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.rp-title-row{align-items:flex-start;gap:10px;display:flex}.rp-icon-tile{background:var(--ink-100);width:40px;height:40px;color:var(--fg1);border-radius:10px;flex:0 0 40px;place-items:center;display:grid}.rp-icon-tile.is-orange{color:var(--blaze-orange);background:#ff5a1f1a}.rp-icon-tile.is-blue{color:var(--blaze-blue);background:#1e7bff1a}.rp-icon-tile.is-violet{color:var(--blaze-violet);background:#7a3cff1a}.rp-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:16px;font-weight:800;line-height:1.2}.rp-sub{color:var(--fg3);margin-top:1px;font-size:12px}.rp-actions-row{flex-wrap:wrap;gap:6px;display:flex}.rp-tabs{border-bottom:1px solid var(--border-subtle);gap:2px;padding:0 12px;display:flex}.rp-tab{color:var(--fg3);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:9px 12px;font-size:12px;font-weight:600}.rp-tab:hover{color:var(--fg1)}.rp-tab.is-active{color:var(--fg1);border-bottom-color:var(--blaze-orange)}.rp-body{flex:1;padding:16px 18px;overflow-y:auto}.rp-section{margin-bottom:22px}.rp-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--fg3);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.rp-section-title button{color:var(--blaze-blue);letter-spacing:.02em;text-transform:none;background:0 0;border:none;font-size:11px;font-weight:700}.rp-kv-grid{grid-template-columns:110px 1fr;gap:9px 10px;font-size:13px;display:grid}.rp-kv-grid>dt{color:var(--fg3);font-weight:500}.rp-kv-grid>dd{color:var(--fg1);margin:0;font-weight:600}.rp-kv-grid>dd.mono{font-family:var(--font-mono);font-size:12px}.rp-capacity{background:var(--paper);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:12px;padding:12px;display:flex}.rp-cap-row{justify-content:space-between;align-items:baseline;display:flex}.rp-cap-num{font-family:var(--font-display);letter-spacing:-.02em;font-size:24px;font-weight:800}.rp-cap-num small{color:var(--fg3);font-size:13px;font-weight:600}.rp-cap-label{color:var(--fg3);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.rp-cap-bar{background:var(--ink-200);border-radius:999px;height:8px;position:relative;overflow:hidden}.rp-cap-fill{background:var(--blaze-orange);border-radius:999px;height:100%}.rp-cap-fill.is-warn{background:var(--warn)}.rp-cap-fill.is-err{background:var(--danger)}.rp-cap-fill.is-ok{background:var(--blaze-green)}.rp-list{border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.rp-list-row{border-bottom:1px solid var(--divider);background:0 0;border-left:none;border-right:none;align-items:center;gap:10px;padding:10px 12px;font-size:13px;display:flex}.rp-list-row:last-child{border-bottom:none}.rp-list-row:hover{background:var(--paper);cursor:pointer}.rp-list-id{font-family:var(--font-mono);color:var(--fg3);font-size:11.5px}.rp-list-main{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.rp-list-name{font-size:13px;font-weight:600}.rp-list-meta{color:var(--fg3);font-size:11.5px}.rp-integration{border:1px dashed var(--border-strong);background:#7a3cff08;border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.rp-integration-head{align-items:center;gap:8px;display:flex}.rp-integration-tile{background:var(--grad-blaze-diag);color:#fff;width:28px;height:28px;font-size:11px;font-weight:800;font-family:var(--font-display);border-radius:7px;flex:0 0 28px;place-items:center;display:grid}.rp-integration-name{font-size:13px;font-weight:700}.rp-integration-status{color:var(--fg3);font-size:11px}.scroll-area{overflow-y:auto}.spacer{flex:1}.kbd{font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--fg3);background:var(--paper);border-radius:4px;padding:1px 5px;font-size:11px}.divider-h{background:var(--border-subtle);height:1px;margin:8px 0}.dot-pulse:after{content:"";opacity:.4;animation:pulse 1.6s var(--ease-blaze) infinite;border:2px solid;border-radius:999px;position:absolute;inset:-4px}@keyframes pulse{0%{opacity:.6;transform:scale(.7)}to{opacity:0;transform:scale(1.4)}}.sp-wrap{background:var(--paper);flex-direction:column;height:100%;display:flex;overflow:hidden}.sp-status{background:var(--white);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:24px;padding:12px 22px;display:flex}.sp-status-l{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.sp-status-r{align-items:center;gap:18px;display:flex}.sp-meta-k{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:2px;font-size:10px;font-weight:700}.sp-meta-v{font-family:var(--font-display);color:var(--fg1);letter-spacing:-.01em;align-items:center;font-size:15px;font-weight:800;display:flex}.sp-meta-sep{background:var(--border-subtle);width:1px;height:28px}.sp-meta-arrow{color:var(--fg3);place-items:center;padding:0 4px;display:grid}.sp-counter{flex-direction:column;align-items:flex-end;display:flex}.sp-counter-n{font-family:var(--font-display);letter-spacing:-.02em;align-items:baseline;font-weight:800;display:flex}.sp-counter-n b{color:var(--fg1);font-size:24px}.sp-counter-n span{color:var(--fg3);font-size:14px}.sp-counter-l{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:700}.sp-toolbar{background:var(--paper);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:12px;padding:10px 22px;display:flex}.sp-toolbar-l{flex:1;min-width:0}.sp-toolbar-r{align-items:center;gap:6px;display:flex}.sp-hint{color:var(--fg2);background:var(--white);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:8px;padding:4px 12px;font-size:12.5px;display:inline-flex}.sp-hint b{color:var(--fg1);font-weight:700}.sp-stage{flex:1;grid-template-columns:minmax(200px,220px) minmax(140px,1fr) minmax(200px,220px);gap:0;min-width:700px;min-height:0;padding:24px 32px;display:grid;position:relative;overflow:auto}.sp-cable{background:var(--white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);z-index:2;border-radius:14px;flex-direction:column;align-self:stretch;min-height:600px;display:flex;overflow:hidden}.sp-cable-head{background:linear-gradient(180deg, var(--paper) 0%, var(--white) 100%);border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;padding:10px 14px;display:flex}.sp-cable-badge{width:28px;height:28px;font-family:var(--font-display);color:#fff;border-radius:8px;flex:0 0 28px;place-items:center;font-size:13px;font-weight:800;display:grid}.sp-cable-badge-a{background:var(--blaze-blue)}.sp-cable-badge-b{background:var(--blaze-magenta)}.sp-cable-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:13.5px;font-weight:800}.sp-cable-sub{color:var(--fg3);font-size:11px}.sp-fibers{flex-direction:column;flex:1;padding:6px;display:flex;overflow-y:auto}.sp-fiber{background:var(--white);height:28px;min-height:28px;color:var(--fg2);transition:all .14s var(--ease-blaze);-webkit-user-select:none;user-select:none;border:1.5px solid #0000;border-radius:6px;align-items:center;gap:8px;margin:1px 0;padding:0 8px;font-size:11.5px;font-weight:600;display:flex;position:relative}.sp-fiber-a{padding-right:0}.sp-fiber-b{padding-left:0}.sp-fiber:hover{background:var(--paper);border-color:var(--border-strong)}.sp-fiber-idx{background:var(--fc);width:22px;height:22px;color:var(--fg);font-family:var(--font-display);border-radius:4px;flex:0 0 22px;place-items:center;font-size:11px;font-weight:800;display:grid}.sp-fiber.is-stripe .sp-fiber-idx{background:var(--fc);background-image:repeating-linear-gradient(135deg,#0000 0 4px,#0000002e 4px 6px)}.sp-fiber-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg3);flex:1;font-size:11px;overflow:hidden}.sp-fiber-port{font-family:var(--font-mono);color:var(--fg3);font-size:10.5px}.sp-fiber-b .sp-fiber-name{text-align:right}.sp-fiber.is-connected{background:var(--paper);opacity:.85}.sp-fiber.is-connected .sp-fiber-name{color:var(--fg2)}.sp-fiber.is-foreign{background:repeating-linear-gradient(135deg, #0000000a 0 6px, transparent 6px 12px), var(--paper);opacity:.7;cursor:not-allowed}.sp-fiber.is-foreign .sp-fiber-idx{filter:grayscale(.3)}.sp-fiber-link{font-family:var(--font-mono);color:var(--blaze-violet,#7a3cff);white-space:nowrap;background:#7a3cff1a;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.sp-fiber.is-pending{border-color:var(--blaze-orange);background:#ff5a1f14;box-shadow:0 0 0 3px #ff5a1f1f}.sp-fiber.is-drag{opacity:.7;border-color:var(--blaze-orange)}.sp-fiber.is-hover{border-color:var(--blaze-blue);background:#1e7bff0f}.sp-fiber.is-selected{border-color:var(--blaze-orange);background:#ff5a1f1a}.sp-cable-strip{background:var(--paper);border-bottom:1px solid var(--border-subtle);align-items:stretch;gap:12px;padding:10px 32px;display:flex}.sp-cable-strip-l{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;border-right:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:6px;padding-right:12px;font-size:11px;font-weight:700;display:flex}.sp-cable-strip-list{flex:1;gap:8px;display:flex;overflow-x:auto}.sp-cable-card{background:var(--white);border:1.5px solid var(--border-subtle);min-width:200px;max-width:260px;transition:all .14s var(--ease-blaze);border-radius:10px;flex-direction:column;flex-shrink:0;gap:4px;padding:8px 10px;display:flex}.sp-cable-card.is-a{border-color:var(--blaze-blue);box-shadow:0 0 0 2px #1e7bff26}.sp-cable-card.is-b{border-color:var(--blaze-magenta);box-shadow:0 0 0 2px #e6138c26}.sp-cable-card.is-a.is-b{border-color:var(--blaze-violet,#7a3cff)}.sp-cable-card-head{align-items:center;gap:6px;display:flex}.sp-cable-card-kind{text-transform:uppercase;letter-spacing:.04em;background:var(--paper);color:var(--fg3);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:9px;font-weight:800}.sp-cable-card-kind.kind-cuts_route{color:#0a3fae;background:#1e7bff1f}.sp-cable-card-kind.kind-terminates_route{color:#0a6b33;background:#2bb5731f}.sp-cable-card-kind.kind-device_pigtail{color:#a8430a;background:#ff7a1f1f}.sp-cable-card-label{color:var(--fg1);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.sp-cable-card-meta{color:var(--fg3);font-size:10px}.sp-cable-card-count b{color:var(--fg1);font-size:12px;font-weight:800}.sp-cable-card-actions{gap:4px;margin-top:2px;display:flex}.sp-cable-card-btn{border:1px solid var(--border-subtle);background:var(--white);color:var(--fg2);cursor:pointer;transition:all .12s var(--ease-blaze);border-radius:6px;flex:1;padding:4px 8px;font-size:10.5px;font-weight:700}.sp-cable-card-btn:hover:not(:disabled){background:var(--paper);border-color:var(--border-strong)}.sp-cable-card-btn.a:hover:not(:disabled){border-color:var(--blaze-blue);color:var(--blaze-blue)}.sp-cable-card-btn.b:hover:not(:disabled){border-color:var(--blaze-magenta);color:var(--blaze-magenta)}.sp-cable-card-btn.active{cursor:default;opacity:.5}.sp-cable-card-btn.a.active{background:var(--blaze-blue);color:#fff;border-color:var(--blaze-blue);opacity:.85}.sp-cable-card-btn.b.active{background:var(--blaze-magenta);color:#fff;border-color:var(--blaze-magenta);opacity:.85}.sp-canvas{pointer-events:none;position:relative}.sp-svg{pointer-events:auto;position:absolute;inset:0;overflow:visible}.sp-line.is-new path{animation:sp-line-in .42s var(--ease-blaze)}@keyframes sp-line-in{0%{stroke-dasharray:400;stroke-dashoffset:400px;opacity:0}to{stroke-dasharray:400;stroke-dashoffset:0;opacity:1}}.sp-modal-bg{z-index:2000;animation:fade-in .2s var(--ease-blaze);background:#0b0d1466;place-items:center;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.sp-modal{background:var(--white);width:480px;max-width:calc(100% - 32px);box-shadow:var(--shadow-lg);animation:modal-in .28s var(--ease-blaze);border-radius:16px;overflow:hidden}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.sp-modal-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.sp-modal-kicker{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:700}.sp-modal-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:800}.sp-modal-body{padding:20px}.sp-modal-flow{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.sp-modal-side{flex-direction:column;gap:8px;display:flex}.sp-modal-side-k{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px;font-weight:700}.sp-modal-fchip{font-family:var(--font-display);border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-weight:800;display:inline-flex}.sp-modal-fchip b{font-size:18px}.sp-modal-fchip span{opacity:.85;font-size:12px;font-weight:600}.sp-modal-side-id{color:var(--fg3);font-size:11.5px}.sp-modal-arrow{color:var(--fg3)}.sp-modal-foot{background:var(--paper);border-top:1px solid var(--border-subtle);gap:8px;padding:14px 20px;display:flex}.mp-wrap{flex:1;position:relative;overflow:hidden}.mp-canvas{background:linear-gradient(#eceef2 0%,#e8eaf0 100%);position:absolute;inset:0}.mp-bg-svg{width:100%;height:100%;display:block}.mp-toolbar-tl,.mp-toolbar-tr,.mp-toolbar-bl,.mp-toolbar-br{background:var(--white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);z-index:1000;border-radius:12px;gap:6px;padding:6px;display:flex;position:absolute}.mp-toolbar-tl{flex-direction:column;gap:4px;min-width:180px;padding:8px;top:16px;left:16px}.mp-toolbar-tr{top:16px;right:16px}.mp-toolbar-bl{bottom:16px;left:16px}.mp-toolbar-br{flex-direction:column;bottom:16px;right:16px}.mp-tl-title{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;padding:4px 6px;font-size:10px;font-weight:700}.mp-layer{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:6px 8px;font-size:12.5px;font-weight:600;display:flex}.mp-layer:hover{background:var(--paper)}.mp-layer-sw{border-radius:4px;flex:0 0 12px;width:12px;height:12px}.mp-layer-on{background:var(--ink-200);width:32px;height:18px;transition:all .16s var(--ease-blaze);border-radius:999px;flex:0 0 32px;position:relative}.mp-layer-on:after{content:"";width:14px;height:14px;transition:all .16s var(--ease-blaze);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;position:absolute;top:2px;left:2px}.mp-layer.is-on .mp-layer-on{background:var(--blaze-orange)}.mp-layer.is-on .mp-layer-on:after{left:16px}.mp-fab{background:var(--white);border:1px solid var(--border-subtle);width:36px;height:36px;color:var(--fg1);border-radius:10px;place-items:center;display:grid}.mp-fab:hover{background:var(--paper)}.mp-fab.is-active{background:var(--ink-800);color:#fff;border-color:var(--ink-800)}.mp-elem{cursor:pointer;transition:filter .16s var(--ease-blaze)}.mp-elem:hover{filter:brightness(1.1)drop-shadow(0 2px 4px #0003)}.mp-elem.is-selected{filter:drop-shadow(0 0 0 var(--blaze-orange))}.mp-callout{background:var(--white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-md);pointer-events:none;z-index:1000;border-radius:12px;min-width:160px;padding:10px 12px;font-size:12px;position:absolute}.mp-callout-title{font-family:var(--font-display);font-size:13px;font-weight:800}.mp-callout-sub{color:var(--fg3);margin-top:1px;font-size:11px}.dash{flex:1;grid-template-columns:repeat(12,1fr);align-content:start;gap:16px;padding:24px 28px;display:grid;overflow-y:auto}.dash-h{grid-column:1/-1;justify-content:space-between;align-items:flex-end;margin-bottom:4px;display:flex}.dash-greeting{font-family:var(--font-display);letter-spacing:-.01em;font-size:22px;font-weight:800}.dash-greeting span{color:var(--blaze-orange)}.dash-sub{color:var(--fg3);margin-top:2px;font-size:13px}.dash-kpi{background:var(--white);border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;grid-column:span 3;gap:6px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.dash-kpi-k{color:var(--fg3);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:700}.dash-kpi-v{font-family:var(--font-display);letter-spacing:-.02em;font-size:30px;font-weight:800;line-height:1}.dash-kpi-d{color:var(--fg3);align-items:center;gap:4px;font-size:11.5px;display:flex}.dash-kpi-d b{font-weight:700}.dash-kpi-d.is-up b{color:var(--blaze-green)}.dash-kpi-d.is-down b{color:var(--danger)}.dash-kpi-spark{opacity:.5;pointer-events:none;width:100%;height:36px;position:absolute;bottom:0;right:0}.dash-card{background:var(--white);border:1px solid var(--border-subtle);border-radius:14px;flex-direction:column;gap:12px;padding:18px;display:flex}.dash-card-h{justify-content:space-between;align-items:center;display:flex}.dash-card-t{font-family:var(--font-display);letter-spacing:-.01em;font-size:14px;font-weight:800}.dash-card-s{color:var(--fg3);font-size:11.5px}.dash-act-row{border-bottom:1px solid var(--divider);align-items:flex-start;gap:10px;padding:8px 0;font-size:13px;display:flex}.dash-act-row:last-child{border:none}.dash-act-i{background:var(--paper);width:28px;height:28px;color:var(--fg2);border-radius:8px;flex:0 0 28px;place-items:center;display:grid}.dash-act-i.is-warn{color:#8a5a00;background:#f2a9001f}.dash-act-i.is-info{color:var(--blaze-blue);background:#1e7bff1a}.dash-act-i.is-err{color:var(--danger);background:#e03e3e1a}.dash-act-m{flex:1;min-width:0}.dash-act-w{font-size:12.5px}.dash-act-w b{font-weight:700}.dash-act-t{color:var(--fg3);margin-top:1px;font-size:11px}.tbl{background:var(--white);flex-direction:column;flex:1;display:flex;overflow:hidden}.tbl-toolbar{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:12px 22px;display:flex}.tbl-toolbar input{border:1px solid var(--border-subtle);background:var(--paper);border-radius:8px;outline:none;flex:0 280px;padding:7px 12px;font-size:13px}.tbl-toolbar input:focus{border-color:var(--blaze-orange);background:#fff}.tbl-scroll{flex:1;overflow:auto}.tbl table{border-collapse:collapse;width:100%;font-size:13px}.tbl th{background:var(--paper);border-bottom:1px solid var(--border-subtle);text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--fg3);z-index:1;padding:10px 16px;font-size:11px;font-weight:700;position:sticky;top:0}.tbl td{border-bottom:1px solid var(--divider);padding:10px 16px}.tbl tr:hover td{background:var(--paper);cursor:pointer}.tbl tr.is-selected td{background:#ff5a1f0f}.tbl-id{font-family:var(--font-mono);color:var(--fg2);font-size:12px}.tbl-pbar{background:var(--ink-200);vertical-align:middle;border-radius:999px;width:80px;height:6px;margin-right:8px;display:inline-block;overflow:hidden}.tbl-pbar>div{background:var(--blaze-blue);border-radius:999px;height:100%}.tbl-pbar.is-warn>div{background:var(--warn)}.tbl-pbar.is-err>div{background:var(--danger)}.cv-wrap{flex:1;place-items:center;padding:32px;display:grid;overflow:auto}.cv-stage{grid-template-columns:280px 1fr 280px;align-items:stretch;gap:0;width:100%;max-width:980px;display:grid;position:relative}.cv-device{background:var(--white);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);z-index:2;border-radius:14px;padding:16px}.cv-device-h{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.cv-device-tile{background:var(--blaze-orange);color:#fff;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.cv-device-tile.is-blue{background:var(--blaze-blue)}.cv-device-tile.is-magenta{background:var(--blaze-magenta)}.cv-device-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:14px;font-weight:800}.cv-device-sub{color:var(--fg3);font-size:11.5px}.cv-ports{flex-direction:column;gap:4px;display:flex}.cv-port{background:var(--paper);cursor:pointer;border:1.5px solid #0000;border-radius:6px;align-items:center;gap:10px;padding:6px 8px;font-size:12px;font-weight:600;display:flex}.cv-port:hover{background:var(--ink-100)}.cv-port.is-active{border-color:var(--blaze-orange);background:#ff5a1f14}.cv-port-num{width:24px;height:22px;font-family:var(--font-display);color:#fff;border-radius:4px;flex:0 0 24px;place-items:center;font-size:11px;font-weight:800;display:grid}.cv-port-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg2);flex:1;font-size:11.5px;overflow:hidden}.cv-port-status{color:var(--fg3);font-size:10px;font-weight:700}.cv-canvas{position:relative}.cv-canvas svg{width:100%;height:100%;position:absolute;inset:0}.fo-wrap{flex:1;grid-template-columns:360px 1fr;gap:20px;padding:24px 28px;display:grid;overflow:auto}.fo-card{background:var(--white);border:1px solid var(--border-subtle);border-radius:14px;padding:20px}.fo-step-h{color:var(--fg3);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.fo-step-num{background:var(--ink-800);color:#fff;border-radius:999px;place-items:center;width:20px;height:20px;font-size:10px;font-weight:800;display:grid}.fo-typegrid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fo-type{border:1.5px solid var(--border-subtle);background:var(--white);cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;display:flex}.fo-type:hover{border-color:var(--border-strong)}.fo-type.is-active{border-color:var(--blaze-orange);background:#ff5a1f0f}.fo-type-i{background:var(--paper);width:32px;height:32px;color:var(--fg1);border-radius:8px;place-items:center;display:grid}.fo-type.is-active .fo-type-i{background:var(--blaze-orange);color:#fff}.fo-type-name{font-size:13px;font-weight:700}.fo-type-sub{color:var(--fg3);font-size:11px}.fo-photo{aspect-ratio:4/3;border:1.5px dashed var(--border-strong);color:var(--fg3);text-align:center;cursor:pointer;border-radius:10px;place-items:center;gap:6px;padding:16px;display:grid}.fo-photo:hover{background:var(--paper)}.fo-photo img{object-fit:cover;border-radius:8px;width:100%;height:100%}.fo-input{border:1px solid var(--border-subtle);background:var(--paper);border-radius:8px;outline:none;width:100%;padding:9px 12px;font-size:13px}.fo-input:focus{border-color:var(--blaze-orange);background:#fff}.fo-textarea{border:1px solid var(--border-subtle);resize:vertical;background:var(--paper);border-radius:8px;outline:none;width:100%;min-height:76px;padding:9px 12px;font-size:13px}.state-wrap{flex:1;place-items:center;padding:40px;display:grid}.state-card{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:420px;display:flex}.state-icon{background:var(--paper);width:72px;height:72px;color:var(--fg2);border-radius:18px;place-items:center;display:grid}.state-icon.is-err{color:var(--danger);background:#e03e3e1a}.state-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:800}.state-sub{color:var(--fg2);font-size:13px;line-height:1.55}.state-actions{gap:8px;display:flex}.skel{background:linear-gradient(90deg, var(--ink-100) 0%, var(--ink-200) 50%, var(--ink-100) 100%);background-size:200% 100%;border-radius:6px;animation:1.4s linear infinite skel}@keyframes skel{0%{background-position:200% 0}to{background-position:-200% 0}}.qc-modal-bg{z-index:2000;background:#0b0d1466;place-items:center;display:grid;position:fixed;inset:0}.qc-modal{background:var(--white);width:420px;box-shadow:var(--shadow-lg);border-radius:16px;overflow:hidden}.view-fade{animation:fade-in .2s var(--ease-blaze)}.login-wrap{background:var(--paper);background-image:var(--grad-aurora-wash);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:var(--white);width:100%;max-width:420px;box-shadow:var(--shadow-md);border-radius:18px;flex-direction:column;gap:20px;padding:32px;display:flex}.login-brand{align-items:center;gap:10px;margin-bottom:4px;display:flex}.login-brand-mark{background:var(--ink-900);border-radius:12px;place-items:center;width:40px;height:40px;display:grid;position:relative}.login-brand-mark:before{content:"";background:var(--grad-blaze-conic);border-radius:14px;position:absolute;inset:-2px;-webkit-mask:radial-gradient(circle,#0000 16px,#000 18px);mask:radial-gradient(circle,#0000 16px,#000 18px)}.login-brand-mark span{font-family:var(--font-display);color:#fff;z-index:1;letter-spacing:.5px;font-size:11px;font-weight:800}.login-brand-name{font-family:var(--font-display);letter-spacing:-.01em;font-size:17px;font-weight:800}.login-brand-name em{color:var(--blaze-orange);font-style:normal}.login-title{font-family:var(--font-display);letter-spacing:-.01em;font-size:22px;font-weight:800}.login-sub{color:var(--fg2);margin-top:-16px;font-size:13px}.login-form{flex-direction:column;gap:12px;display:flex}.login-field{flex-direction:column;gap:4px;display:flex}.login-field label{text-transform:uppercase;letter-spacing:.05em;color:var(--fg3);font-size:11px;font-weight:700}.login-field input{border:1px solid var(--border-subtle);background:var(--paper);border-radius:8px;outline:none;padding:10px 12px;font-size:13px}.login-field input:focus{border-color:var(--blaze-orange);background:#fff;box-shadow:0 0 0 3px #ff5a1f1a}.login-error{color:var(--danger);background:#e03e3e14;border:1px solid #e03e3e2e;border-radius:8px;padding:10px 12px;font-size:12px}.login-foot{color:var(--fg3);text-align:center;font-size:11.5px}.login-foot a{color:var(--blaze-blue);font-weight:600;text-decoration:none}