:root{color:#e8eeeb;font-synthesis:none;text-rendering:optimizelegibility;--bg:#0d100f;--surface:#131715;--surface-2:#181d1b;--surface-3:#202622;--border:#2d3531;--border-strong:#3a4540;--text:#e8eeeb;--muted:#91a099;--green:#62db91;--amber:#e1b55d;--red:#f07171;--red-deep:#3a1e1e;background:#0d100f;font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);min-width:320px}button,input,select,textarea{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--green);outline-offset:2px}.app-shell{grid-template-columns:220px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{border-right:1px solid var(--border);z-index:20;background:#101412;flex-direction:column;height:100dvh;padding:18px 12px 14px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:10px;height:42px;padding:0 8px;font-weight:700;display:flex}.brand-mark{background:var(--green);color:#07120b;border-radius:6px;place-items:center;width:30px;height:30px;display:grid}.sidebar nav{gap:3px;margin-top:28px;display:grid}.sidebar nav button{color:#aab5b0;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;height:40px;padding:0 11px;display:flex}.sidebar nav button:hover{background:var(--surface-2);color:var(--text)}.sidebar nav button.active{color:#dff9e8;box-shadow:inset 3px 0 var(--green);background:#1b2b22}.sidebar-footer{border-top:1px solid var(--border);color:var(--muted);align-items:center;gap:9px;margin-top:auto;padding:16px 10px 4px;font-size:12px;display:flex}.main-column{min-width:0}.topbar{border-bottom:1px solid var(--border);z-index:15;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0d100ff0;justify-content:flex-end;align-items:center;height:58px;padding:0 24px;display:flex;position:sticky;top:0}.environment{color:var(--muted);align-items:center;gap:8px;margin-right:auto;font-size:12px;display:flex}.health-dot{background:var(--green);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #62db9117}.operator{align-items:center;gap:10px;font-size:13px;display:flex}.mobile-menu{display:none}.icon-button,.danger-icon{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.icon-button:hover{border-color:var(--border-strong);background:var(--surface-3)}.danger-icon{color:var(--red);background:0 0;border-color:#0000}.danger-icon:hover{background:var(--red-deep)}main{padding:24px}.page{max-width:1540px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;min-height:60px;margin-bottom:20px;display:flex}.page-header h1{margin:0;font-size:22px;line-height:1.3}.page-header p,.panel-heading p,.drawer-header p{color:var(--muted);margin:6px 0 0;font-size:13px}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.primary-button,.secondary-button,.danger-button{cursor:pointer;border:1px solid #0000;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 16px;font-weight:650;display:inline-flex}.primary-button{background:var(--green);color:#07120b}.primary-button:hover{background:#78e4a3}.secondary-button{background:var(--surface-2);border-color:var(--border);color:var(--text)}.secondary-button:hover{border-color:var(--border-strong)}.danger-button{background:var(--red);color:#1a0909;width:100%}.compact{min-height:36px;padding:0 13px}button:disabled{opacity:.45;cursor:not-allowed}.status{border:1px solid;border-radius:5px;align-items:center;gap:6px;min-height:30px;padding:0 9px;font-size:12px;display:inline-flex}.status-ok{color:#baf2cd;background:#13281c;border-color:#295b3b}.status-risk{color:#ffc4c4;background:#2d1717;border-color:#653030}.metric-band{border:1px solid var(--border);background:var(--surface);border-radius:6px;grid-template-columns:repeat(5,minmax(130px,1fr));margin-bottom:16px;display:grid;overflow:hidden}.metric{border-right:1px solid var(--border);min-width:0;padding:17px 18px}.metric:last-child{border-right:0}.metric span{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.metric strong{margin-top:9px;font-size:23px;font-weight:720;line-height:1;display:block}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.profit{color:var(--green)!important}.loss{color:var(--red)!important}.dashboard-grid{grid-template-columns:minmax(0,1.8fr) minmax(280px,.7fr);gap:16px;display:grid}.lower-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.panel{border:1px solid var(--border);background:var(--surface);border-radius:6px}.panel-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;min-height:66px;padding:15px 17px;display:flex}.panel-heading h2,.reconcile-panel h2,.signature-panel h2{margin:0;font-size:15px}.chart-panel{min-height:360px}.chart-wrap{height:255px;padding:6px 10px 12px}.chart-legend{color:var(--muted);gap:18px;padding:11px 17px 0;font-size:11px;display:flex}.chart-legend span:before{content:"";vertical-align:middle;width:14px;height:2px;margin-right:6px;display:inline-block}.legend-revenue:before{background:#e6ece9}.legend-cost:before{background:var(--amber)}.legend-profit:before{background:var(--green)}.risk-panel{padding-bottom:16px}.risk-score{justify-content:center;align-items:baseline;gap:9px;height:112px;padding-top:27px;display:flex}.risk-score strong{font-size:42px}.risk-score span{color:var(--muted);font-size:12px}.risk-panel dl,.reconcile-panel dl{margin:0;padding:0 17px 15px}.risk-panel dl div,.reconcile-panel dl div{border-bottom:1px solid #242b28;justify-content:space-between;align-items:center;min-height:38px;display:flex}.risk-panel dt,.reconcile-panel dt{color:var(--muted);font-size:12px}.risk-panel dd,.reconcile-panel dd{font-variant-numeric:tabular-nums;margin:0}.risk-panel>.status{margin:12px 17px 0}.table-panel{overflow:auto}.table-panel table{border-collapse:collapse;width:100%;min-width:620px}th{color:var(--muted);text-align:left;z-index:1;background:#151a18;height:37px;padding:0 14px;font-size:11px;font-weight:600;position:sticky;top:0}td{border-top:1px solid #242b28;height:44px;padding:0 14px;font-size:12px}tbody tr:hover{background:#181e1b}.full-table{min-height:360px;max-height:calc(100dvh - 170px)}.mono{font-family:Consolas,SFMono-Regular,monospace;font-size:11px}.muted{color:var(--muted)}.empty,.loading{min-height:240px;color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.fatal-error{min-height:260px;color:var(--red);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.fatal-error button{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:5px;padding:8px 14px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toolbar{align-items:center;margin-bottom:12px;display:flex}.search{border:1px solid var(--border);background:var(--surface);width:min(420px,100%);height:38px;color:var(--muted);border-radius:5px;align-items:center;gap:8px;padding:0 11px;display:flex}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.table-status{border-radius:4px;align-items:center;min-height:24px;padding:0 8px;font-size:11px;display:inline-flex}.status-active{color:#baf2cd;background:#183021}.status-unused{color:#e9cd92;background:#302718}.status-disabled,.status-expired{color:#ffb4b4;background:#311b1b}.drawer-backdrop{z-index:100;background:#00000094;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{border-left:1px solid var(--border-strong);background:#111513;width:min(470px,100vw);height:100%;overflow:auto;box-shadow:-20px 0 60px #0006}.drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;min-height:82px;padding:18px 20px;display:flex}.drawer-header h2{margin:0;font-size:18px}.drawer-content{padding:20px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}label{color:#b8c2bd;gap:7px;font-size:12px;display:grid}input,select,textarea{border:1px solid var(--border);width:100%;min-height:40px;color:var(--text);background:#0d110f;border-radius:5px;padding:9px 10px}textarea{resize:vertical;min-height:82px}input::placeholder,textarea::placeholder{color:#68736e}.span-2{grid-column:1/-1}.safety-box{color:#d8f6e3;background:#15251b;border:1px solid #2d573d;border-radius:5px;align-items:flex-start;gap:10px;padding:12px;display:flex}.safety-box span,.success-block span{color:#9eb4a6;margin-top:4px;font-size:11px;line-height:1.5;display:block}.notice{border-radius:5px;align-items:center;gap:8px;min-height:40px;margin:10px 0;padding:9px 11px;font-size:12px;display:flex}.notice-error{color:#ffc4c4;background:#2b1717;border:1px solid #5a2c2c;grid-column:1/-1}.notice-success{color:#c8f4d6;background:#152a1d;border:1px solid #315b3f}.notice-neutral{color:#bdc9c3;border:1px solid var(--border);background:#171d1a}.success-block{color:var(--green);background:#14251a;border:1px solid #2d573d;border-radius:5px;gap:11px;padding:14px;display:flex}.secret-output{border:1px solid var(--border-strong);background:#0b0e0d;border-radius:5px;margin:16px 0;padding:13px}.secret-output label{color:var(--muted)}.secret-output code{overflow-wrap:anywhere;color:#e9f8ee;margin:9px 0;line-height:1.5;display:block}.secret-output span{color:var(--muted);font-size:11px}.danger-zone{background:var(--red-deep);color:#ffc0c0;border:1px solid #683333;border-radius:5px;margin-bottom:18px;padding:15px}.danger-zone strong{margin:10px 0 5px;display:block}.danger-zone p{color:#d99b9b;font-size:12px;line-height:1.6}.pricing-list{gap:16px;display:grid}.pricing-panel{padding:0 18px 18px}.pricing-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;min-height:62px;display:flex}.pricing-heading h2{margin:0 0 5px;font-size:16px}.pricing-heading span{color:var(--muted);font-size:11px}.price-summary{border-bottom:1px solid var(--border);grid-template-columns:repeat(3,minmax(120px,1fr)) auto;gap:0;margin-bottom:17px;display:grid}.price-summary>div{padding:16px 14px 16px 0}.price-summary span{color:var(--muted);font-size:11px;display:block}.price-summary strong{margin-top:6px;font-size:19px;display:block}.price-summary>svg{color:var(--muted);align-self:center}.pricing-form{grid-template-columns:repeat(4,minmax(120px,1fr))}.pricing-form .span-2{grid-column:span 2}.form-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:16px;display:flex}.form-actions>span{color:var(--muted);font-size:11px}.reconcile-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px;display:grid}.reconcile-panel h2{border-bottom:1px solid var(--border);align-items:center;min-height:52px;padding:0 17px;display:flex}.signature-panel{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:100px;margin-top:16px;padding:17px;display:grid}.signature-panel>svg{color:var(--green)}.signature-panel p{color:var(--muted);font-size:11px}.signature-panel code{overflow-wrap:anywhere;color:#9daaa4;font-size:10px}.signature-state{color:var(--green);gap:7px;font-size:12px;display:flex}.login-screen{background:#0c100e;place-items:center;min-height:100dvh;padding:20px;display:grid}.login-panel{border:1px solid var(--border-strong);background:var(--surface);border-radius:7px;width:min(400px,100%);padding:30px;box-shadow:0 28px 80px #00000061}.login-symbol{color:#07120b;background:var(--green);border-radius:6px;place-items:center;width:46px;height:46px;display:grid}.login-panel h1{margin:20px 0 6px;font-size:23px}.login-panel>p{color:var(--muted);margin:0 0 24px;font-size:12px}.login-panel form{gap:15px;display:grid}.security-settings{max-width:720px;padding:20px}.security-intro{border-bottom:1px solid var(--border);gap:12px;margin-bottom:18px;padding-bottom:18px;display:flex}.security-intro>svg{color:var(--green)}.security-intro h2{margin:0;font-size:16px}.security-intro p{color:var(--muted);margin:6px 0 0;font-size:12px;line-height:1.6}@media (max-width:1100px){.metric-band{grid-template-columns:repeat(3,1fr)}.metric:nth-child(3){border-right:0}.metric:nth-child(n+4){border-top:1px solid var(--border)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}.pricing-form{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (max-width:760px){.app-shell{grid-template-columns:1fr}.sidebar{width:220px;transition:transform .18s;position:fixed;left:0;transform:translate(-100%)}.sidebar-open{transform:translate(0)}.sidebar-scrim{z-index:19;background:#0000008c;border:0;position:fixed;inset:0}.mobile-menu{border:1px solid var(--border);background:var(--surface-2);border-radius:5px;place-items:center;width:36px;height:36px;margin-right:10px;display:grid}.topbar{justify-content:space-between;padding:0 12px}.environment{margin-right:0}.operator>span{display:none}main{padding:16px 12px}.page-header{flex-direction:column;align-items:stretch}.header-actions{justify-content:flex-start}.metric-band{grid-template-columns:1fr 1fr}.metric{border-top:1px solid var(--border)}.metric:first-child,.metric:nth-child(2){border-top:0}.metric:nth-child(2n){border-right:0}.reconcile-grid{grid-template-columns:1fr}.signature-panel{grid-template-columns:auto 1fr}.signature-state{grid-column:1/-1}.form-grid,.pricing-form{grid-template-columns:1fr}.span-2,.pricing-form .span-2{grid-column:1}.price-summary{grid-template-columns:1fr 1fr}.price-summary>svg{display:none}.form-actions{flex-direction:column;align-items:stretch}.form-actions button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important}}