:root{color:#edf1f5;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0b0d10;--sidebar:#0e1115;--surface:#12161b;--surface2:#171c22;--surface3:#1d232b;--line:#262d35;--soft:#1d2329;--text:#edf1f5;--muted:#8d98a5;--subtle:#65717e;--accent:#48d6b0;--accent2:#2bbd98;--accentSoft:#48d6b01f;--red:#ff737d;background:#0b0d10;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{background:var(--bg);min-width:320px;min-height:100%;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button{color:inherit}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.boot{min-height:100vh;color:var(--muted);justify-content:center;align-items:center;gap:16px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand-mark{background:#121b19;border:1px solid #31433f;border-radius:6px;justify-content:center;align-items:end;gap:3px;width:31px;height:31px;padding:7px 6px;display:flex}.brand-mark span{background:var(--accent);border-radius:1px 1px 0 0;width:4px}.brand-mark span:first-child{opacity:.55;height:8px}.brand-mark span:nth-child(2){height:15px}.brand-mark span:last-child{opacity:.78;height:11px}.brand-mark.large{gap:4px;width:42px;height:42px;padding:9px 8px}.brand-mark.large span{width:5px}.brand-mark.large span:first-child{height:11px}.brand-mark.large span:nth-child(2){height:21px}.brand-mark.large span:last-child{height:15px}.login-page{grid-template-columns:minmax(420px,1.1fr) minmax(440px,.9fr);min-height:100vh;display:grid}.login-context{border-right:1px solid var(--line);background:#0e1216;flex-direction:column;padding:clamp(36px,5vw,72px);display:flex;position:relative}.login-context:after{content:"";background:#26302f;width:42%;height:1px;position:absolute;inset:auto 8% 12% auto;box-shadow:0 44px #1d2525,0 88px #171e1e}.context-copy{z-index:1;max-width:650px;margin:auto 0;position:relative}.eyebrow{color:var(--accent);align-items:center;gap:9px;font-size:11px;font-weight:750;display:flex}.eyebrow span{background:var(--accent);width:22px;height:1px}.context-copy h1{color:#f4f7f7;margin:22px 0;font-size:clamp(38px,4.5vw,68px);line-height:1.08}.context-copy>p:last-child{color:var(--muted);font-size:16px;line-height:1.8}.context-metrics{border-top:1px solid var(--line);z-index:1;grid-template-columns:repeat(3,1fr);padding-top:24px;display:grid;position:relative}.context-metrics div{gap:5px;display:grid}.context-metrics strong{font-size:22px}.context-metrics span{color:var(--subtle);font-size:11px}.login-panel{place-items:center;padding:40px;display:grid}.login-form{gap:22px;width:min(390px,100%);display:grid}.login-form header span{color:var(--accent);font-size:11px;font-weight:750}.login-form h2{margin:8px 0;font-size:32px}.login-form header p{color:var(--muted);margin:0}.login-form label{color:#c5ccd3;gap:8px;font-size:12px;display:grid}.input-shell{border:1px solid var(--line);background:var(--surface);border-radius:6px;align-items:center;gap:10px;height:48px;padding:0 13px;display:flex}.input-shell:focus-within{border-color:var(--accent2);box-shadow:0 0 0 3px var(--accentSoft)}.input-shell svg{color:var(--subtle)}.input-shell em{color:var(--muted);border-right:1px solid var(--line);padding-right:10px;font-style:normal}.input-shell input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.icon-button{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.icon-button:hover{background:var(--surface3);color:var(--text)}.icon-button.compact{width:28px;height:28px}.login-submit,.button{cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;gap:9px;font-weight:700;display:inline-flex}.login-submit{background:var(--accent);color:#07120f;height:48px}.login-submit:hover,.button.primary:hover{background:#5de0bd}.login-submit:disabled,.button:disabled{opacity:.45;cursor:not-allowed}.login-note{text-align:center;color:var(--subtle);font-size:10px}.form-error,.toast.error{color:#ffc1c5;background:#ff737d1a;border:1px solid #ff737d33;border-radius:6px;padding:12px;font-size:12px}.app-shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.app-shell>aside{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar-brand{padding:2px 8px 24px}.sidebar-brand div:last-child{display:grid}.sidebar-brand small{color:var(--subtle);font-size:10px}.app-shell nav{gap:4px;display:grid}.app-shell nav>span{color:var(--subtle);padding:18px 10px 5px;font-size:9px}.app-shell nav button{height:39px;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;padding:0 11px;display:flex}.app-shell nav button:hover{color:var(--text);background:var(--surface2)}.app-shell nav button.active{color:var(--accent);background:var(--accentSoft)}.app-shell aside footer{border-top:1px solid var(--line);grid-template-columns:34px 1fr 36px;align-items:center;gap:9px;margin-top:auto;padding:16px 6px 0;display:grid}.app-shell aside footer>div:nth-child(2){min-width:0;display:grid}.app-shell aside footer b{font-size:12px}.app-shell aside footer small{color:var(--subtle);font-size:9px}.avatar{background:var(--accentSoft);width:34px;height:34px;color:var(--accent);border-radius:6px;place-items:center;font-weight:800;display:grid}.workspace{min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#0b0d10eb;justify-content:space-between;align-items:center;height:56px;padding:0 30px;display:flex;position:sticky;top:0}.topbar>span{color:var(--subtle);font-size:10px}.environment{color:var(--muted);align-items:center;gap:8px;font-size:10px;display:flex}.environment i{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--accentSoft);border-radius:50%}.content{max-width:1280px;margin:0 auto;padding:32px}.page-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.page-heading p{color:var(--accent);margin:0 0 6px;font-size:10px;font-weight:750}.page-heading h1{margin:0 0 6px;font-size:26px}.page-heading span{color:var(--muted);font-size:12px}.button.primary{background:var(--accent);color:#07120f}.button.secondary{background:var(--surface2);border:1px solid var(--line);color:#cfd6de}.panel{border:1px solid var(--line);background:var(--surface);border-radius:7px;margin-bottom:16px}.panel>header{border-bottom:1px solid var(--soft);align-items:center;min-height:68px;padding:14px 18px;display:flex}.panel>header>div{align-items:center;gap:12px;display:flex}.panel-icon{background:var(--accentSoft);width:34px;height:34px;color:var(--accent);border-radius:6px;place-items:center;display:grid}.panel h2{margin:0 0 4px;font-size:14px}.panel header p{color:var(--subtle);margin:0;font-size:10px}.form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.form-grid label{color:var(--muted);gap:7px;font-size:10px;display:grid}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid var(--line);background:var(--surface2);width:100%;min-height:40px;color:var(--text);border-radius:5px;outline:0;padding:9px 11px}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--accent2)}.form-grid input[readonly]{color:var(--subtle);background:#101419}.form-grid textarea{resize:vertical;min-height:70px}.wide{grid-column:1/-1}.asset-grid{background:var(--soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;padding:1px;display:grid}.asset{background:var(--surface);cursor:pointer;grid-template-columns:1fr auto;align-items:center;gap:6px;min-width:0;min-height:84px;padding:15px;display:grid}.asset>div{color:#d7dde3;align-items:center;gap:9px;font-size:12px;display:flex}.asset>div svg{color:var(--accent)}.asset input{opacity:0;width:1px;height:1px;position:absolute}.asset small{white-space:nowrap;text-overflow:ellipsis;color:var(--subtle);grid-column:1;font-size:9px;overflow:hidden}.asset>svg{color:var(--subtle);grid-area:1/2/3}.product-list{background:var(--soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.product-list fieldset{background:var(--surface);border:0;min-width:0;margin:0;padding:18px}.product-list fieldset:disabled{opacity:.35}.product-list legend{width:100%;color:var(--text);grid-template-columns:28px 1fr;align-items:center;padding:0 0 15px;font-size:13px;font-weight:700;display:grid}.product-list legend>span{color:var(--accent);font-size:10px}.product-list legend small{color:var(--subtle);grid-column:2;margin-top:3px;font-size:8px;font-weight:400}.product-list .form-grid{grid-template-columns:1fr}.publish-bar{z-index:4;background:#12161bf2;border:1px solid #30423e;border-radius:7px;justify-content:space-between;align-items:center;min-height:62px;padding:11px 14px;display:flex;position:sticky;bottom:14px}.publish-bar>span{color:var(--muted);font-size:10px}.toast{z-index:10;border-radius:6px;max-width:380px;padding:12px 15px;font-size:12px;position:fixed;bottom:88px;right:24px}.toast.success{color:#9af0d6;background:#10231e;border:1px solid #245748}.metric-grid{background:var(--line);border:1px solid var(--line);border-radius:7px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.metric-grid article{background:var(--surface);gap:8px;padding:22px;display:grid}.metric-grid span,.metric-grid small{color:var(--subtle);font-size:10px}.panel.narrow{max-width:760px}.panel-footer{border-top:1px solid var(--line);justify-content:flex-end;padding:12px 18px;display:flex}@media (max-width:980px){.product-list,.form-grid{grid-template-columns:1fr 1fr}.app-shell{grid-template-columns:190px minmax(0,1fr)}}@media (max-width:720px){.login-page{grid-template-columns:1fr}.login-context{display:none}.login-panel{min-height:100vh;padding:28px}.app-shell{display:block}.app-shell>aside{width:100%;height:auto;padding:12px;position:relative}.sidebar-brand{padding:0}.app-shell nav{grid-template-columns:repeat(3,1fr);margin-top:12px}.app-shell nav>span{display:none}.app-shell nav button{justify-content:center}.app-shell aside footer{display:none}.content{padding:20px 14px 90px}.topbar{padding:0 16px}.page-heading{flex-direction:column;align-items:flex-start}.product-list,.form-grid,.asset-grid,.metric-grid{grid-template-columns:1fr}.publish-bar{bottom:8px}.wide{grid-column:auto}}.content{max-width:1520px;padding:34px clamp(22px,3vw,46px);font-size:15px}.page-heading{margin-bottom:26px}.page-heading p{font-size:13px}.page-heading h1{font-size:30px}.page-heading span{font-size:15px}.button{min-height:42px;padding:0 16px;font-size:14px}.panel>header{min-height:76px;padding:16px 20px}.panel h2{font-size:17px}.panel header p{font-size:13px}.panel-body{padding:20px}.form-grid{gap:16px}.form-grid label{gap:8px;font-size:14px}.form-grid input,.form-grid select,.form-grid textarea{min-height:44px;padding:10px 12px;font-size:15px}.asset{min-height:92px;padding:17px}.asset>div{font-size:15px}.asset small{font-size:12px}.product-list fieldset{padding:20px}.product-list legend{font-size:16px}.product-list legend>span{font-size:13px}.product-list legend small{font-size:11px}.publish-bar>span{font-size:13px}.toast{font-size:14px}.metric-grid span,.metric-grid small{font-size:13px}.metric-grid strong{font-size:28px}.inline-alert{color:#ffadb3;background:#ff737d14;border:1px solid #ff737d3d;border-radius:6px;align-items:center;gap:12px;margin-bottom:20px;padding:14px 16px;display:flex}.inline-alert>div{gap:3px;display:grid}.inline-alert strong{font-size:15px}.inline-alert span{color:#c78d92;font-size:13px}.inline-alert button{color:#ffd0d3;cursor:pointer;background:0 0;border:0;margin-left:auto;font-size:13px}.operations-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.operations-metrics article{grid-template-rows:auto 1fr auto;grid-template-columns:44px minmax(0,1fr);column-gap:13px;min-height:145px}.operations-metrics .metric-icon{border-radius:6px;grid-row:1/3;place-items:center;width:40px;height:40px;display:grid}.metric-icon.cyan{color:var(--accent);background:var(--accentSoft)}.metric-icon.blue{color:#67a8ff;background:#67a8ff1c}.metric-icon.green{color:#7cdb89;background:#7cdb891a}.metric-icon.amber{color:#f2b85b;background:#f2b85b1c}.operations-metrics article>strong{align-self:end}.operations-metrics article>small{grid-column:2}.operations-metrics .money-value{font-size:23px}.dashboard-layout{grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr);gap:18px;margin-top:18px;display:grid}.analytics-panel{border:1px solid var(--line);background:var(--surface);border-radius:7px;overflow:hidden}.analytics-panel>header{border-bottom:1px solid var(--soft);justify-content:space-between;align-items:center;min-height:70px;padding:15px 19px;display:flex}.analytics-panel header>div{gap:4px;display:grid}.analytics-panel header span{color:var(--subtle);font-size:12px}.analytics-panel header strong{font-size:16px}.trend-chart{align-items:end;gap:5px;height:250px;padding:24px 18px 12px;display:flex;overflow-x:auto}.trend-day{flex-direction:column;flex:1 0 18px;justify-content:end;align-items:center;gap:9px;min-width:18px;height:100%;display:flex}.trend-day>div{justify-content:center;align-items:end;gap:2px;width:100%;height:100%;display:flex}.trend-day i{background:var(--accent);border-radius:2px 2px 0 0;width:36%;max-width:9px;min-height:4px}.trend-day i.orders,.chart-legend i.orders{background:#67a8ff}.trend-day>span{color:var(--subtle);writing-mode:vertical-rl;font-size:10px}.chart-legend{border-top:1px solid var(--soft);height:45px;color:var(--muted);align-items:center;gap:18px;padding:0 19px;font-size:12px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i{background:var(--accent);border-radius:2px;width:8px;height:8px}.health-list{padding:10px 18px}.health-list>div{border-bottom:1px solid var(--soft);grid-template-columns:40px 1fr auto;align-items:center;gap:12px;min-height:84px;display:grid}.health-list>div:last-child{border-bottom:0}.health-icon{background:var(--surface2);width:38px;height:38px;color:var(--muted);border-radius:6px;place-items:center;display:grid}.health-list>div>div{gap:5px;display:grid}.health-list strong{font-size:14px}.health-list small{color:var(--subtle);font-size:12px}.health-list b{font-size:22px}.data-panel{border:1px solid var(--line);background:var(--surface);border-radius:7px;overflow:hidden}.table-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-height:72px;padding:13px 16px;display:flex}.table-search{border:1px solid var(--line);background:var(--surface2);min-width:260px;max-width:520px;height:44px;color:var(--subtle);border-radius:5px;flex:1;align-items:center;gap:10px;padding:0 12px;display:flex}.table-search:focus-within{border-color:var(--accent2)}.table-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1;font-size:15px}.table-toolbar select{border:1px solid var(--line);background:var(--surface2);min-width:145px;height:44px;color:var(--text);border-radius:5px;padding:0 11px;font-size:14px}.data-table{min-height:310px;position:relative;overflow-x:auto}.data-table table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-bottom:1px solid var(--soft);text-align:left;white-space:nowrap;padding:14px 16px}.data-table th{height:50px;color:var(--subtle);font-size:13px;font-weight:600}.data-table td{color:#b6c0c9;height:66px;font-size:14px}.data-table td strong{color:var(--text);font-size:14px}.data-table td small{color:var(--subtle);margin-top:5px;font-size:12px;display:block}.status-badge{border:1px solid var(--line);min-height:25px;color:var(--muted);background:var(--surface2);border-radius:4px;align-items:center;padding:3px 9px;font-size:12px;display:inline-flex}.status-badge.good{color:#82dfbc;background:#48d6b014;border-color:#48d6b038}.status-badge.warn{color:#e8bd70;background:#f2b85b14;border-color:#f2b85b33}.status-badge.bad{color:#ff939a;background:#ff737d14;border-color:#ff737d33}.table-state{color:var(--subtle);background:var(--surface);justify-content:center;align-items:center;gap:9px;font-size:14px;display:flex;position:absolute;inset:50px 0 0}.empty-state.compact{width:100%;color:var(--subtle);place-items:center;font-size:14px;display:grid}.pagination{min-height:62px;color:var(--muted);justify-content:space-between;align-items:center;padding:10px 16px;font-size:13px;display:flex}.pagination>div{align-items:center;gap:8px;display:flex}.pagination b{color:#cbd3da;font-size:13px;font-weight:600}@media (max-width:1100px){.operations-metrics{grid-template-columns:1fr 1fr}.dashboard-layout{grid-template-columns:1fr}}@media (max-width:720px){.app-shell nav{grid-template-columns:repeat(2,1fr)}.content{padding:22px 14px 90px}.table-toolbar{flex-direction:column;align-items:stretch}.table-search{width:100%;min-width:0;max-width:none}.table-toolbar select{width:100%}.data-table th,.data-table td{padding:12px;font-size:13px}.operations-metrics{grid-template-columns:1fr}.operations-metrics article{min-height:126px}}.placement-workbench{border:1px solid var(--line);background:var(--surface);border-radius:7px;overflow:hidden}.placement-workbench>header{border-bottom:1px solid var(--soft);justify-content:space-between;align-items:end;min-height:82px;padding:16px 20px;display:flex}.placement-workbench label{color:var(--muted);gap:8px;font-size:13px;display:grid}.placement-workbench select,.placement-workbench input{border:1px solid var(--line);background:var(--surface2);height:44px;color:var(--text);border-radius:5px;outline:0;font-size:15px}.placement-workbench select{min-width:260px;padding:0 12px}.placement-workbench>header>div{text-align:right;display:grid}.placement-workbench>header>div strong{font-size:20px}.placement-workbench>header>div span{color:var(--subtle);font-size:12px}.placement-add{border-bottom:1px solid var(--soft);align-items:end;gap:12px;padding:18px 20px;display:flex}.placement-add label{flex:1;max-width:620px}.placement-add select{width:100%}.placement-rule{color:#b9c4cc;border-bottom:1px solid var(--soft);background:#48d6b00d;align-items:center;gap:10px;min-height:52px;padding:0 20px;font-size:13px;display:flex}.placement-rule svg{color:var(--accent)}.placement-list-head,.placement-row{grid-template-columns:minmax(260px,1fr) 160px 52px;align-items:center;display:grid}.placement-list-head{height:46px;color:var(--subtle);border-bottom:1px solid var(--soft);padding:0 20px;font-size:13px}.placement-row{border-bottom:1px solid var(--soft);min-height:70px;padding:12px 20px}.placement-row>div{gap:5px;display:grid}.placement-row strong{font-size:15px}.placement-row small{color:var(--subtle);font-size:12px}.placement-row input{width:120px;padding:0 12px}.placement-empty{min-height:220px;color:var(--subtle);place-items:center;font-size:14px;display:grid}.placement-workbench>footer{min-height:66px;color:var(--muted);justify-content:space-between;align-items:center;padding:11px 20px;font-size:13px;display:flex}@media (max-width:720px){.placement-workbench>header{flex-direction:column;align-items:stretch;gap:12px}.placement-workbench>header>div{text-align:left}.placement-add{flex-direction:column;align-items:stretch}.placement-workbench select{width:100%;min-width:0}.placement-list{overflow-x:auto}.placement-list-head,.placement-row{min-width:620px}.placement-workbench>footer{flex-direction:column;align-items:stretch;gap:12px}.placement-workbench>footer .button{width:100%}}.setting-row{justify-content:space-between;align-items:center;gap:24px;display:flex}.setting-row h2{margin:0 0 6px}.setting-row p{color:var(--muted);margin:0;font-size:13px}.switch{flex:none;align-items:center;display:inline-flex;position:relative}.switch input{opacity:0;position:absolute}.switch span{background:var(--surface2);border:1px solid var(--line);cursor:pointer;border-radius:14px;width:48px;height:28px;transition:all .18s}.switch span:after{content:"";background:var(--muted);border-radius:50%;width:22px;height:22px;margin:2px;transition:all .18s;display:block}.switch input:checked+span{background:var(--accent);border-color:var(--accent)}.switch input:checked+span:after{background:#071312;transform:translate(20px)}