:root{--bg-core: #060A14;--bg-deep: #090F1E;--panel-midnight: #0D1527;--panel-elevated: #121D35;--panel-inset: #080D1A;--panel-hover: #172544;--electric-blue: #2563EB;--electric-blue-bright: #3B82F6;--electric-cyan: #00E5FF;--electric-cyan-soft: rgba(0, 229, 255, .12);--electric-violet: #8B5CF6;--electric-violet-soft: rgba(139, 92, 246, .14);--emerald-tech: #10B981;--emerald-soft: rgba(16, 185, 129, .14);--amber-warn: #F59E0B;--amber-soft: rgba(245, 158, 11, .14);--crimson-alert: #EF4444;--crimson-soft: rgba(239, 68, 68, .15);--text-bright: #F8FAFC;--text-primary: #E2E8F0;--text-secondary: #94A3B8;--text-muted: #64748B;--border-dim: rgba(148, 163, 184, .12);--border-cyan: rgba(0, 229, 255, .24);--border-blue: rgba(59, 130, 246, .3);--border-violet: rgba(139, 92, 246, .28);--glow-cyan: 0 0 18px rgba(0, 229, 255, .18);--glow-blue: 0 0 20px rgba(37, 99, 235, .28);--glow-panel: 0 10px 30px -5px rgba(2, 6, 23, .75), inset 0 1px 0 0 rgba(255, 255, 255, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--sidebar-width: 256px;--sidebar-collapsed-width: 72px;--topbar-height: 62px}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background-color:var(--bg-core);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.48;-webkit-font-smoothing:antialiased;overflow-x:hidden;color-scheme:dark}body{background-image:radial-gradient(circle at 15% 10%,rgba(37,99,235,.14) 0%,transparent 40%),radial-gradient(circle at 85% 15%,rgba(139,92,246,.11) 0%,transparent 38%),radial-gradient(circle at 50% 90%,rgba(0,229,255,.07) 0%,transparent 45%),linear-gradient(rgba(56,189,248,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(56,189,248,.025) 1px,transparent 1px);background-size:100% 100%,100% 100%,100% 100%,36px 36px,36px 36px;background-attachment:fixed}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-core)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:4px;border:1px solid rgba(0,229,255,.15)}::-webkit-scrollbar-thumb:hover{background:#334155}.app-shell{display:flex;min-height:100vh;width:100%}.app-sidebar{width:var(--sidebar-width);background:linear-gradient(180deg,#090e1cfa,#060a14fc);border-right:1px solid var(--border-cyan);box-shadow:4px 0 24px #0009;display:flex;flex-direction:column;flex-shrink:0;position:sticky;top:0;height:100vh;z-index:40;transition:width .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.app-sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-brand{height:var(--topbar-height);padding:0 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border-bottom:1px solid var(--border-dim);position:relative}.sidebar-brand:after{content:"";position:absolute;bottom:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--electric-cyan),var(--electric-violet),transparent);opacity:.65}.brand-identity{display:flex;align-items:center;gap:.75rem;min-width:0;overflow:hidden}.brand-monogram{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--electric-blue) 0%,var(--electric-cyan) 55%,var(--electric-violet) 100%);color:#030712;font-weight:900;font-size:.76rem;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 0 14px #00e5ff66}.brand-logo-img{width:36px;height:36px;border-radius:var(--radius-md);object-fit:contain;background:var(--panel-elevated);border:1px solid var(--border-cyan);flex-shrink:0}.brand-full-logo{height:40px;max-width:176px;width:auto;border-radius:var(--radius-sm);object-fit:contain;display:block}.topbar-brand-badge{display:inline-flex;align-items:center;gap:.5rem;padding-right:.75rem;border-right:1px solid var(--border-dim)}.topbar-r-icon{width:26px;height:26px;border-radius:6px;object-fit:contain}.brand-text-wrap{min-width:0;overflow:hidden}.brand-name{font-size:.92rem;font-weight:800;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.01em}.brand-sub{font-size:.68rem;color:var(--electric-cyan);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}.sidebar-collapse-btn{background:#0f172acc;border:1px solid var(--border-dim);color:var(--text-secondary);width:28px;height:28px;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:all .15s ease}.sidebar-collapse-btn:hover{border-color:var(--electric-cyan);color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.sidebar-section-label{padding:1rem 1.05rem .35rem;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted)}.app-sidebar.collapsed .sidebar-section-label,.app-sidebar.collapsed .brand-text-wrap,.app-sidebar.collapsed .nav-item-label,.app-sidebar.collapsed .nav-item-badge,.app-sidebar.collapsed .sidebar-footer-details{display:none}.sidebar-nav{flex:1;padding:.5rem .65rem;display:flex;flex-direction:column;gap:.25rem;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.62rem .8rem;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:500;cursor:pointer;text-align:left;transition:all .16s ease;width:100%;position:relative}.app-sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:.68rem 0}.sidebar-nav-item:hover{background:#1e293b8c;color:var(--text-bright);border-color:#38bdf82e}.sidebar-nav-item.active{background:linear-gradient(90deg,#2563eb47,#00e5ff1f);color:#fff;font-weight:600;border-color:#00e5ff73;box-shadow:inset 3px 0 0 var(--electric-cyan),var(--glow-cyan)}.sidebar-nav-item.active svg{color:var(--electric-cyan);filter:drop-shadow(0 0 6px rgba(0,229,255,.6))}.nav-item-left{display:flex;align-items:center;gap:.75rem;min-width:0}.nav-item-badge{background:#00e5ff24;border:1px solid rgba(0,229,255,.35);color:var(--electric-cyan);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:700;padding:.08rem .45rem;border-radius:999px}.sidebar-footer{padding:.85rem .95rem;border-top:1px solid var(--border-dim);background:#04070fbf;font-size:.74rem}.emulator-status-dot{width:9px;height:9px;border-radius:50%;background:var(--emerald-tech);box-shadow:0 0 10px var(--emerald-tech);display:inline-block;flex-shrink:0}.app-main-wrapper{flex:1;min-width:0;display:flex;flex-direction:column}.app-topbar{height:var(--topbar-height);background:#090f1ee0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-cyan);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:30}.topbar-left{display:flex;align-items:center;gap:.9rem;min-width:0}.mobile-menu-btn{display:none;background:var(--panel-elevated);border:1px solid var(--border-cyan);color:var(--electric-cyan);border-radius:var(--radius-sm);padding:.4rem;cursor:pointer}.breadcrumb-title{font-size:1.05rem;font-weight:800;color:var(--text-bright);margin:0;letter-spacing:.01em;display:flex;align-items:center;gap:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.breadcrumb-title:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--electric-cyan);box-shadow:0 0 8px var(--electric-cyan);display:inline-block;flex-shrink:0}.topbar-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.workspace-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.34rem .75rem;background:#0f172ad9;border:1px solid var(--border-blue);border-radius:var(--radius-md);font-size:.76rem;color:var(--text-secondary)}.workspace-chip strong{color:var(--text-bright)}.role-selector-group{display:inline-flex;align-items:center;gap:.45rem;background:#0f172ae6;border:1px solid var(--border-violet);color:var(--text-secondary);padding:.24rem .35rem .24rem .7rem;border-radius:var(--radius-md);font-size:.75rem}.role-selector-select{background:var(--bg-core);color:var(--electric-cyan);border:1px solid rgba(0,229,255,.28);border-radius:var(--radius-sm);padding:.24rem .55rem;font-size:.75rem;font-weight:700;cursor:pointer}.app-content{flex:1;padding:1.4rem 1.6rem 2.75rem;max-width:1580px;width:100%;margin:0 auto}.page-header{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem}.page-title{margin:0;font-size:1.35rem;font-weight:800;color:var(--text-bright);letter-spacing:-.01em}.page-subtitle{margin:.22rem 0 0;font-size:.83rem;color:var(--text-secondary)}.page-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.panel{background:linear-gradient(155deg,#101a30eb,#0a1120f5);border:1px solid var(--border-blue);border-radius:var(--radius-lg);box-shadow:var(--glow-panel);margin-bottom:1.2rem;overflow:hidden;position:relative}.panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(0,229,255,.55) 35%,rgba(139,92,246,.5) 65%,transparent 100%);pointer-events:none}.panel-header{padding:.9rem 1.2rem;background:#060a168c;border-bottom:1px solid var(--border-dim);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.panel-title{margin:0;font-size:.92rem;font-weight:700;color:var(--text-bright);display:flex;align-items:center;gap:.55rem;letter-spacing:.01em}.panel-body{padding:1.2rem}.panel-body.no-pad{padding:0}.control-center-top-grid{display:grid;grid-template-columns:1.25fr 1.15fr 1fr;gap:1.15rem;margin-bottom:1.2rem}.radial-gauges-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.radial-gauge-card{background:#080d1ac7;border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:.85rem .65rem;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .16s ease}.radial-gauge-card:hover{border-color:var(--electric-cyan);box-shadow:var(--glow-cyan);transform:translateY(-2px)}.radial-svg-wrap{position:relative;width:84px;height:84px;display:flex;align-items:center;justify-content:center;margin-bottom:.45rem}.radial-center-value{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.02rem;font-weight:800;color:var(--text-bright)}.radial-center-sub{font-size:.62rem;color:var(--text-secondary);font-weight:600}.radial-label{font-size:.75rem;font-weight:700;color:var(--text-primary)}.radial-caption{font-size:.68rem;color:var(--text-secondary);margin-top:.12rem}.pipeline-list{display:flex;flex-direction:column;gap:.72rem}.pipeline-row{cursor:pointer;padding:.35rem .5rem;border-radius:var(--radius-sm);transition:background .14s ease}.pipeline-row:hover{background:#38bdf814}.pipeline-row-top{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;margin-bottom:.3rem}.pipeline-stage-name{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.45rem}.pipeline-stage-count{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;color:var(--electric-cyan);font-size:.76rem}.pipeline-bar-track{width:100%;height:7px;background:#060a14e6;border:1px solid rgba(148,163,184,.14);border-radius:999px;overflow:hidden}.pipeline-bar-fill{height:100%;border-radius:999px;transition:width .35s cubic-bezier(.4,0,.2,1)}.fill-cyan{background:linear-gradient(90deg,var(--electric-blue),var(--electric-cyan));box-shadow:0 0 10px #00e5ff80}.fill-amber{background:linear-gradient(90deg,#d97706,#fbbf24);box-shadow:0 0 10px #f59e0b73}.fill-emerald{background:linear-gradient(90deg,#059669,#34d399);box-shadow:0 0 10px #10b98180}.fill-violet{background:linear-gradient(90deg,#6d28d9,#a855f7);box-shadow:0 0 10px #8b5cf680}.fill-crimson{background:linear-gradient(90deg,#b91c1c,#f87171)}.telemetry-matrix{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.telemetry-cell{background:#070c18d1;border:1px solid var(--border-dim);border-left:3px solid var(--electric-cyan);border-radius:var(--radius-md);padding:.75rem .85rem;transition:border-color .15s}.telemetry-cell.violet{border-left-color:var(--electric-violet)}.telemetry-cell.emerald{border-left-color:var(--emerald-tech)}.telemetry-cell.amber{border-left-color:var(--amber-warn)}.telemetry-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--text-secondary);font-weight:700}.telemetry-val{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.25rem;font-weight:800;color:var(--text-bright);margin:.2rem 0 .1rem}.telemetry-sub{font-size:.7rem;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:1.15rem;align-items:start}.two-col-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.15rem;align-items:start}.table-scroll{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:.83rem}.data-table th{text-align:left;padding:.72rem .95rem;background:#050913d9;color:var(--text-secondary);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--border-cyan);white-space:nowrap}.data-table td{padding:.78rem .95rem;border-bottom:1px solid rgba(56,189,248,.1);vertical-align:middle;color:var(--text-primary)}.data-table tbody tr{transition:background .14s ease,box-shadow .14s ease}.data-table tbody tr:hover{background:#2563eb1c;box-shadow:inset 3px 0 0 var(--electric-cyan)}.equip-cell{display:flex;align-items:center;gap:.8rem}.equip-thumb{width:44px;height:44px;border-radius:var(--radius-md);background:linear-gradient(135deg,#0f172af2,#1e293bcc);border:1px solid var(--border-cyan);box-shadow:inset 0 0 10px #00e5ff1f;display:flex;align-items:center;justify-content:center;color:var(--electric-cyan);flex-shrink:0;overflow:hidden}.equip-thumb img{width:100%;height:100%;object-fit:cover}.equip-title{font-weight:700;color:var(--text-bright);font-size:.88rem;line-height:1.25}.equip-sub{font-size:.74rem;color:var(--text-secondary);margin-top:.12rem}.row-lifecycle-wrap{min-width:115px}.row-lifecycle-track{width:100%;height:5px;background:#060a14e6;border-radius:999px;overflow:hidden;margin-top:.3rem;border:1px solid rgba(148,163,184,.15)}.sku-badge{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.74rem;font-weight:700;color:var(--electric-cyan);background:#00e5ff1a;border:1px solid rgba(0,229,255,.35);box-shadow:0 0 10px #00e5ff1f;padding:.2rem .52rem;border-radius:var(--radius-sm);white-space:nowrap;display:inline-block}.status-pill{display:inline-flex;align-items:center;gap:.38rem;padding:.2rem .58rem;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap;border:1px solid transparent;letter-spacing:.01em}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;display:inline-block}.pill-green{background:var(--emerald-soft);color:#34d399;border-color:#10b98166}.pill-green:before{background:#34d399;box-shadow:0 0 6px #34d399}.pill-amber{background:var(--amber-soft);color:#fbbf24;border-color:#f59e0b6b}.pill-amber:before{background:#fbbf24;box-shadow:0 0 6px #fbbf24}.pill-red{background:var(--crimson-soft);color:#f87171;border-color:#ef444473}.pill-red:before{background:#f87171;box-shadow:0 0 6px #f87171}.pill-blue{background:var(--electric-cyan-soft);color:var(--electric-cyan);border-color:#00e5ff66}.pill-blue:before{background:var(--electric-cyan);box-shadow:0 0 6px var(--electric-cyan)}.pill-navy{background:var(--electric-violet-soft);color:#c4b5fd;border-color:#8b5cf666}.pill-navy:before{background:#a78bfa;box-shadow:0 0 6px #a78bfa}.pill-private{font-family:ui-monospace,monospace;background:#ef44441f;color:#fca5a5;border:1px dashed rgba(248,113,113,.5)}.pill-private:before{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.42rem;padding:.46rem .92rem;border-radius:var(--radius-md);font-size:.8rem;font-weight:600;cursor:pointer;border:1px solid transparent;transition:all .16s ease;white-space:nowrap;font-family:inherit}.btn:disabled{opacity:.42;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--electric-blue) 0%,#1D4ED8 100%);color:#fff;border-color:#00e5ff66;box-shadow:0 0 14px #2563eb59}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3B82F6 0%,var(--electric-blue) 100%);border-color:var(--electric-cyan);box-shadow:0 0 18px #00e5ff73;transform:translateY(-1px)}.btn-tech{background:linear-gradient(135deg,#059669 0%,var(--emerald-tech) 100%);color:#fff;border-color:#34d39973;box-shadow:0 0 14px #10b9814d}.btn-tech:hover:not(:disabled){box-shadow:0 0 18px #10b98180;transform:translateY(-1px)}.btn-outline{background:#0f172abf;color:var(--text-primary);border-color:var(--border-blue)}.btn-outline:hover:not(:disabled){background:#2563eb33;border-color:var(--electric-cyan);color:var(--electric-cyan);box-shadow:var(--glow-cyan)}.btn-danger-soft{background:var(--crimson-soft);color:#fca5a5;border-color:#ef444466}.btn-danger-soft:hover:not(:disabled){background:#ef444447;color:#fff}.btn-xs{padding:.25rem .58rem;font-size:.73rem}.btn-sm{padding:.36rem .72rem;font-size:.78rem}.toolbar-grid{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:.65rem;padding:.95rem 1.2rem;background:#070c18bf;border-bottom:1px solid var(--border-dim)}.search-input-wrap{position:relative;display:flex;align-items:center}.search-input-wrap svg{position:absolute;left:.7rem;color:var(--electric-cyan);pointer-events:none}.search-input-wrap .form-control{padding-left:2.2rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:.9rem}.form-field{display:flex;flex-direction:column;gap:.3rem}.form-field.span-full{grid-column:1 / -1}.field-label{font-size:.74rem;font-weight:700;color:var(--text-secondary);letter-spacing:.02em}.form-control{width:100%;padding:.48rem .7rem;border:1px solid rgba(59,130,246,.28);border-radius:var(--radius-sm);background:#060a14e0;color:var(--text-bright);font-size:.84rem;font-family:inherit;transition:border-color .15s,box-shadow .15s}.form-control::placeholder{color:var(--text-muted)}.form-control:focus{outline:none;border-color:var(--electric-cyan);box-shadow:0 0 0 3px #00e5ff29}select.form-control option{background:#0b1224;color:var(--text-bright)}textarea.form-control{min-height:76px;resize:vertical}.workbench-banner{background:radial-gradient(circle at 90% 10%,rgba(0,229,255,.14) 0%,transparent 45%),radial-gradient(circle at 10% 90%,rgba(139,92,246,.14) 0%,transparent 45%),linear-gradient(145deg,#0e172df5,#070c1afa);border:1px solid var(--border-cyan);border-radius:var(--radius-lg);padding:1.25rem 1.4rem;margin-bottom:1.1rem;box-shadow:var(--glow-panel),var(--glow-cyan);position:relative}.workbench-banner-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.15rem}.workbench-identity{display:flex;align-items:flex-start;gap:1.1rem}.workbench-hero-thumb{width:68px;height:68px;border-radius:var(--radius-md);background:linear-gradient(135deg,#0f172af2,#2563eb40);border:1px solid var(--electric-cyan);box-shadow:0 0 16px #00e5ff40;display:flex;align-items:center;justify-content:center;color:var(--electric-cyan);flex-shrink:0;overflow:hidden}.workbench-hero-thumb img{width:100%;height:100%;object-fit:cover}.workbench-cost-summary{display:flex;flex-wrap:wrap;gap:1.15rem;background:#050914d1;border:1px solid var(--border-blue);border-radius:var(--radius-md);padding:.7rem 1.1rem}.wb-cost-item{display:flex;flex-direction:column}.wb-cost-label{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary)}.wb-cost-val{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1.08rem;font-weight:800;color:var(--text-bright)}.lifecycle-stepper{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:1.05rem;padding-top:.9rem;border-top:1px solid var(--border-dim)}.lifecycle-step{background:#080d1ad9;border:1px solid var(--border-dim);color:var(--text-secondary);font-size:.72rem;font-weight:600;padding:.28rem .65rem;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.lifecycle-step:hover:not(:disabled){border-color:var(--electric-cyan);color:var(--text-bright)}.lifecycle-step.current{background:linear-gradient(135deg,var(--electric-blue),var(--electric-cyan));border-color:var(--electric-cyan);color:#030712;font-weight:800;box-shadow:0 0 12px #00e5ff80}.workbench-nav{display:flex;flex-wrap:wrap;gap:.35rem;background:#090f1ee6;border:1px solid var(--border-blue);border-radius:var(--radius-md);padding:.45rem;margin-bottom:1.2rem;box-shadow:var(--glow-panel)}.wb-tab-btn{display:inline-flex;align-items:center;gap:.42rem;padding:.48rem .82rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-secondary);font-size:.79rem;font-weight:600;cursor:pointer;transition:all .14s ease}.wb-tab-btn:hover{background:#2563eb26;color:var(--text-bright)}.wb-tab-btn.active{background:linear-gradient(90deg,#2563eb59,#00e5ff33);border-color:var(--electric-cyan);color:#fff;box-shadow:var(--glow-cyan)}.wb-tab-btn.active svg{color:var(--electric-cyan)}.spec-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:.8rem}.spec-box{background:#070c18d1;border:1px solid var(--border-dim);border-radius:var(--radius-md);padding:.75rem .9rem;position:relative}.spec-box-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:700}.spec-box-value{font-size:.88rem;font-weight:700;color:var(--text-bright);margin-top:.25rem}.spec-box-value.unverified{color:var(--amber-warn);font-family:ui-monospace,monospace;font-size:.78rem}.callout{padding:.8rem 1.05rem;border-radius:var(--radius-md);font-size:.82rem;margin-bottom:1.05rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.callout-info{background:#00e5ff14;border:1px solid rgba(0,229,255,.35);color:#bae6fd}.callout-warn{background:#f59e0b1a;border:1px solid rgba(245,158,11,.4);color:#fde68a}.callout-success{background:#10b9811f;border:1px solid rgba(16,185,129,.42);color:#a7f3d0}.callout-danger{background:#ef444424;border:1px solid rgba(239,68,68,.45);color:#fecaca}.photo-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.95rem}.photo-tile{background:#080d1ae6;border:1px solid var(--border-blue);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.photo-tile-img{width:100%;height:150px;object-fit:cover;background:#050914}.photo-tile-body{padding:.75rem;flex:1;display:flex;flex-direction:column;justify-content:space-between}.dark-code-preview{background:#050912f2;border:1px solid var(--border-cyan);color:var(--text-bright);padding:.9rem;border-radius:var(--radius-sm);font-size:.79rem;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#030712c7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:1rem;z-index:60}.modal-dialog{background:linear-gradient(155deg,#101a32,#091022);border-radius:var(--radius-lg);border:1px solid var(--electric-cyan);box-shadow:0 20px 50px #000000d9,var(--glow-cyan);max-width:780px;width:100%;max-height:90vh;overflow-y:auto}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:1200px){.control-center-top-grid{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.toolbar-grid{grid-template-columns:1fr 1fr}}@media(max-width:860px){.control-center-top-grid{grid-template-columns:1fr}.app-sidebar{position:fixed;left:0;top:0;bottom:0;transform:translate(-100%);transition:transform .2s ease;width:var(--sidebar-width)!important}.app-sidebar.mobile-open{transform:translate(0)}.mobile-menu-btn{display:inline-flex}.app-content{padding:1rem}.two-col-layout,.toolbar-grid,.radial-gauges-row{grid-template-columns:1fr}}