:root{--amber-text:#d9a44a}[data-theme=light]{--amber-text:#9a6b18}.demo-banner{background:var(--panel-hi);border-bottom:1px solid var(--rule-2)}.demo-banner-inner{color:var(--ink-soft);align-items:center;gap:16px;padding:12px 30px;font-size:13px;display:flex}.demo-banner-text strong{color:var(--ink)}.demo-badge{font-family:var(--mono);letter-spacing:1.5px;background:var(--signal);color:var(--on-accent);border-radius:999px;flex-shrink:0;padding:4px 10px;font-size:10.5px;font-weight:600}.demo-intro{padding:56px 30px 32px}.demo-meta{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px;display:grid}.demo-meta-item{background:var(--panel);border:1px solid var(--rule-2);border-radius:var(--radius);padding:14px 16px}.demo-meta-k{font-family:var(--mono);letter-spacing:1px;color:var(--ink-mute);text-transform:uppercase;margin-bottom:4px;font-size:10.5px}.demo-meta-v{color:var(--ink);font-size:14px}.app-frame{padding:16px 30px 48px}.window-chrome{background:var(--panel);border:1px solid var(--rule-2);border-radius:var(--r-lg) var(--r-lg) 0 0;border-bottom:none;align-items:center;gap:10px;padding:10px 14px;display:flex}.window-url{background:var(--panel-hi);border:1px solid var(--rule);border-radius:var(--radius-sm);font-family:var(--mono);color:var(--ink-soft);flex:1;align-items:center;gap:8px;padding:5px 14px;font-size:12px;display:flex}.url-lock{color:var(--ok)}.url-text{color:var(--ink-soft)}.window-user{font-family:var(--mono);color:var(--ink-mute);background:var(--panel-hi);border:1px solid var(--rule);border-radius:var(--radius-sm);padding:4px 12px;font-size:12px}.app-shell{background:var(--panel-hi);border:1px solid var(--rule-2);border-radius:0 0 var(--r-lg) var(--r-lg);min-height:720px;box-shadow:var(--shadow-lg);grid-template-columns:240px 1fr;display:grid;overflow:hidden}.app-sidebar{background:#0b0e16;border-right:1px solid #ffffff14;flex-direction:column;padding:18px 12px 16px;display:flex}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:14px;padding:4px 8px 18px;display:flex}.brand-mark{border-radius:var(--radius-sm);background:var(--signal);width:34px;height:34px;color:var(--on-accent);font-family:var(--display);justify-content:center;align-items:center;font-size:17px;font-style:italic;font-weight:600;display:flex}.brand-name{color:#f4efe3;font-size:14px;font-weight:600}.brand-env{font-family:var(--mono);color:#a99e86;font-size:10.5px}.app-nav{flex-direction:column;gap:2px;display:flex}.app-nav-section{font-family:var(--mono);color:#8c8369;text-transform:uppercase;letter-spacing:1.4px;padding:12px 10px 6px;font-size:10px}.app-nav-link{border-radius:var(--radius-sm);color:#cdc2a8;cursor:pointer;align-items:center;gap:10px;padding:8px 10px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.app-nav-link .ico{text-align:center;color:#8c8369;width:18px;font-family:var(--mono)}.app-nav-link:hover{color:#f4efe3;background:#ffffff0f}.app-nav-link.active{color:#fff;box-shadow:inset 2px 0 0 var(--signal);background:#6e8eff33}.app-nav-link.active .ico{color:var(--signal)}.app-search .hint{font-family:var(--mono);color:#a99e86;font-size:11px}.sidebar-bottom{margin-top:auto;padding-top:14px}.sidebar-help{font-family:var(--mono);color:#cdc2a8;border-radius:var(--radius-sm);background:#ffffff0d;border:1px solid #ffffff1a;padding:10px 12px;font-size:11px;line-height:1.55}.sidebar-help strong{color:#f5c451;margin-bottom:4px;display:inline-block}.app-main{background:var(--panel-hi);padding:24px 24px 32px;overflow-y:auto}.view{animation:.35s fadeIn;display:none}.view.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.view-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;display:flex}.crumb{font-family:var(--mono);color:var(--ink-mute);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:11px}.view-head h2{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);margin:0;font-size:25px;font-weight:500}.view-actions{flex-wrap:wrap;gap:6px;display:flex}.btn-mini{background:var(--panel);color:var(--ink-soft);font-family:var(--mono);border:1px solid var(--rule-2);border-radius:var(--radius-sm);cursor:pointer;padding:6px 12px;font-size:12px;transition:background .15s,color .15s,border-color .15s}.btn-mini:hover{color:var(--ink);border-color:var(--ink)}.btn-mini.active{background:var(--signal-wash);color:var(--signal-2);border-color:var(--signal)}.btn-mini.primary{background:var(--ink);color:var(--panel-hi);border-color:#0000;font-weight:500}.card{background:var(--panel);border:1px solid var(--rule-2);border-radius:var(--radius);margin-bottom:16px;padding:18px 18px 16px}.card-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.card-head h3{font-family:var(--display);color:var(--ink);margin:0;font-size:16px;font-weight:500}.card-sub{font-family:var(--mono);color:var(--ink-mute);font-size:11px}.grid-2{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.kpi-row{grid-template-columns:repeat(6,1fr);gap:12px;margin-bottom:18px;display:grid}.kpi-card{background:var(--panel);border:1px solid var(--rule-2);border-radius:var(--radius);border-top:2px solid var(--ink);padding:14px 14px 12px}.kpi-lbl{font-family:var(--mono);color:var(--ink-mute);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-size:10px}.kpi-val{font-family:var(--mono);color:var(--ink);font-feature-settings:"tnum";margin-bottom:4px;font-size:23px;font-weight:600}.kpi-unit{color:var(--ink-mute);font-size:14px}.kpi-trend{font-family:var(--mono);color:var(--ink-mute);font-size:11px}.kpi-trend.up{color:var(--ok)}.kpi-trend.down{color:var(--signal)}[data-theme=light] .kpi-trend.up,[data-theme=light] .tag-qc,[data-theme=light] .pill-green,[data-theme=light] .url-lock{color:#0b7a44}[data-theme=light] .chart .bar b{color:var(--ink-soft)}.chart{align-items:flex-end;gap:10px;height:160px;padding:10px 4px 0;display:flex}.chart .bar{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.chart .bar span{width:100%;height:var(--h,50%);background:var(--ink);border-radius:2px 2px 0 0;transition:background .2s;display:block}.chart .bar:hover span{background:var(--signal)}.chart .bar b{font-family:var(--mono);color:var(--ink-mute);font-size:11px;font-weight:500}.activity-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.activity-list li{border-bottom:1px solid var(--rule);grid-template-columns:80px 56px 1fr;align-items:center;gap:12px;padding:8px 4px;display:grid}.activity-list li:last-child{border-bottom:none}.act-time{font-family:var(--mono);color:var(--ink-mute);font-size:11.5px}.act-tag{font-family:var(--mono);text-align:center;border-radius:var(--radius-sm);padding:3px 6px;font-size:10px;font-weight:600}.tag-prod{background:var(--panel-hi);color:var(--blue);border:1px solid var(--rule-2)}.tag-qc{background:var(--panel-hi);color:var(--ok);border:1px solid var(--rule-2)}.tag-inv{background:var(--panel-hi);color:var(--ink-soft);border:1px solid var(--rule-2)}.tag-acc{background:var(--panel-hi);color:var(--amber-text);border:1px solid var(--rule-2)}.tag-dis{background:var(--panel-hi);color:var(--signal);border:1px solid var(--rule-2)}.act-msg{color:var(--ink);font-size:13px}.act-msg code{font-family:var(--mono);color:var(--ink);background:var(--panel-hi);border:1px solid var(--rule);border-radius:3px;padding:1px 5px}.act-msg strong{color:var(--ink)}.data-table{border-collapse:collapse;width:100%;font-size:13.5px}.data-table thead th{text-align:left;font-family:var(--mono);color:var(--ink-mute);text-transform:uppercase;letter-spacing:1px;border-bottom:1.5px solid var(--ink);padding:8px 10px;font-size:10.5px}.data-table tbody td{border-bottom:1px solid var(--rule);color:var(--ink);padding:10px}.data-table tbody tr:hover{background:var(--panel-hi)}.data-table tbody tr:last-child td{border-bottom:none}.data-table code{font-family:var(--mono);background:var(--panel-hi);border:1px solid var(--rule);color:var(--signal);border-radius:3px;padding:1px 6px;font-size:12.5px}.tr-total td{border-top:1.5px solid var(--ink);background:var(--panel);font-weight:600}.pill{font-family:var(--mono);letter-spacing:.3px;border:1px solid var(--rule-2);border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-block}.pill-blue{background:var(--panel-hi);color:var(--blue)}.pill-amber{background:var(--panel-hi);color:var(--amber-text)}.pill-green{background:var(--panel-hi);color:var(--ok)}.pill-grey{background:var(--panel-hi);color:var(--ink-mute)}.kv-grid{grid-template-columns:130px 1fr;gap:8px 14px;margin:0;display:grid}.kv-grid dt{font-family:var(--mono);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.7px;padding-top:2px;font-size:11px}.kv-grid dd{color:var(--ink);margin:0;font-size:13.5px}.kv-grid dd strong{color:var(--ink)}.status-list,.check-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.status-list li,.check-list li{color:var(--ink);align-items:center;gap:10px;padding:4px 0;font-size:13px;display:flex}.led{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.led-g{background:var(--ok);box-shadow:0 0 0 3px #2f7a4f24}.led-y{background:#c79a2c;box-shadow:0 0 0 3px #c79a2c24}.led-r{background:var(--signal);box-shadow:0 0 0 3px #c0341a24}.led-grey{background:var(--ink-faint)}.mini-stats{border-top:1px solid var(--rule);grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px;padding-top:14px;display:grid}.mini-stats>div{background:var(--panel-hi);border:1px solid var(--rule);border-radius:var(--radius-sm);flex-direction:column;padding:8px 10px;display:flex}.mini-stats span{font-family:var(--mono);color:var(--ink-mute);text-transform:uppercase;letter-spacing:1px;font-size:10px}.mini-stats strong{font-family:var(--mono);color:var(--ink);font-size:15px}.tanks{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tank{background:var(--panel-hi);border:1px solid var(--rule-2);border-radius:var(--radius-sm);padding:12px}.tank-head{color:var(--ink);justify-content:space-between;align-items:center;margin-bottom:8px;font-size:13.5px;font-weight:600;display:flex}.tank-fill{background:var(--paper-2);border:1px solid var(--rule);border-radius:var(--radius-sm);height:60px;margin-bottom:8px;position:relative;overflow:hidden}.tank-fill span{height:var(--f,50%);background:var(--ink);border-radius:2px 2px 0 0;animation:2.4s ease-in-out infinite tankPulse;position:absolute;bottom:0;left:0;right:0}@keyframes tankPulse{50%{opacity:.78}}.tank-meta{font-family:var(--mono);color:var(--ink-mute);font-size:11.5px}.ring-chart{align-items:center;gap:22px;display:flex}.ring{background:conic-gradient(var(--signal) var(--p), var(--paper-2) 0);border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex;position:relative}.ring-inner{background:var(--panel);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.ring-val{font-family:var(--mono);color:var(--ink);font-size:22px;font-weight:600}.ring-lbl{font-family:var(--mono);color:var(--ink-mute);text-transform:uppercase;letter-spacing:1.2px;font-size:10.5px}.ring-legend{color:var(--ink);flex-direction:column;gap:8px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.ring-legend .dot{border:0;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.d-blue{background:var(--signal)}.d-green{background:var(--ink)}.d-purple{background:var(--ink-faint)}.report-list{grid-template-columns:repeat(2,1fr);gap:8px 12px;margin:0;padding:0;list-style:none;display:grid}.report-list li{background:var(--panel-hi);border:1px solid var(--rule);border-radius:var(--radius-sm);color:var(--ink);align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:flex}.rep-ico{color:var(--signal)}.after-note{max-width:880px;font-family:var(--mono);color:var(--ink-mute);text-align:center;background:var(--panel);border:1px solid var(--rule-2);border-radius:var(--radius-sm);margin:18px auto 0;padding:12px 18px;font-size:12.5px}.after-note strong{color:var(--ink)}@media (width<=1100px){.kpi-row{grid-template-columns:repeat(3,1fr)}.demo-meta{grid-template-columns:repeat(2,1fr)}}@media (width<=880px){.app-shell{grid-template-columns:1fr}.app-sidebar{border-bottom:1px solid #ffffff14;border-right:none}.app-nav{flex-flow:wrap}.app-nav-section{width:100%;padding:6px 8px 4px}.app-nav-link{flex:auto}.grid-2,.report-list{grid-template-columns:1fr}.ring-chart{flex-direction:column;align-items:flex-start}}@media (width<=560px){.kpi-row{grid-template-columns:repeat(2,1fr)}.window-user{display:none}}.demo-filter{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.demo-filter[hidden]{display:none}.demo-chip{font-family:var(--mono);letter-spacing:.4px;cursor:pointer;background:var(--panel);border:1px solid var(--rule-2);color:var(--ink-soft);border-radius:999px;padding:7px 14px;font-size:11.5px;transition:border-color .2s,background .2s,color .2s}.demo-chip:hover{border-color:var(--ink);color:var(--ink)}.demo-chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--panel-hi)}.demo-chooser{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px;display:grid}.demo-card[hidden]{display:none}.demo-card{background:var(--panel);border:1px solid var(--rule-2);border-radius:var(--radius);color:var(--ink);flex-direction:column;gap:8px;padding:22px 22px 18px;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.demo-card:before{content:"";background:var(--signal);transform-origin:50% 0;width:2px;transition:transform .2s;position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.demo-card:hover{border-color:var(--rule-2);box-shadow:var(--shadow);transform:translateY(-3px)}.demo-card:hover:before{transform:scaleY(1)}.demo-card.active{background:linear-gradient(180deg, var(--panel-hi), var(--panel));border-color:var(--ink)}.demo-card.active:after{content:"";background:var(--signal);height:2px;position:absolute;top:0;left:0;right:0}.demo-card-thumb{aspect-ratio:1200/630;object-fit:cover;border:1px solid var(--rule-2);border-radius:var(--radius-sm);background:var(--panel-hi);width:100%;height:auto;margin-bottom:6px;display:block}.demo-card-thumb-none{border-style:dashed;place-items:center;display:grid}.demo-card-thumb-none span{font-family:var(--mono);letter-spacing:1px;text-transform:uppercase;color:var(--ink-mute);text-align:center;padding:0 16px;font-size:11px}.demo-card-eyebrow{font-family:var(--mono);letter-spacing:1.2px;text-transform:uppercase;color:var(--signal);margin-bottom:2px;font-size:10px}.demo-card-title{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);font-size:22px;font-weight:500}.demo-card-sub{color:var(--ink-soft);margin-bottom:4px;font-size:13.5px;line-height:1.55}.demo-card-stack{font-family:var(--mono);color:var(--ink-mute);letter-spacing:.3px;margin-top:auto;padding-top:8px;font-size:11.5px}.demo-card-tech{color:var(--ink-soft);border-top:1px dashed var(--rule);margin-top:8px;padding-top:8px;font-size:12px;line-height:1.5}.demo-card-cta{font-family:var(--mono);color:var(--signal);letter-spacing:.4px;align-self:flex-start;padding-top:6px;font-size:12px;font-weight:600}.demo-card:not(.active) .demo-card-eyebrow,.demo-card:not(.active) .demo-card-cta{color:var(--blue)}@media (width<=880px){.demo-chooser{grid-template-columns:1fr}}