:root{font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#dae1e9;background:#10141b;font-size:14px;--mint:#adf2cd;--line:#2b3542;--muted:#8b99ab;--panel:#1a222d;--red:#f38e8e}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;border-radius:7px;padding:11px 17px;transition:background .15s,transform .15s}button:active:not(:disabled){transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--mint);outline-offset:3px}button.secondary{background:#25303d;color:#c8d4e2;border:1px solid #384759}button.primary{background:var(--mint);color:#102c20;font-weight:700}input,select,textarea{border:1px solid #3a4758;background:#111923;color:#dce7f4;border-radius:6px;padding:10px;min-width:0;width:100%}select{padding-right:20px}input[type=checkbox]{width:20px;height:20px}textarea{font-family:Consolas,monospace;font-size:12px;line-height:1.55}.layout{display:grid;grid-template-columns:222px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--line);background:#141a23;padding:32px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:12px;align-items:center;margin:0 10px 44px}.brand-mark{background:var(--mint);color:#173629;width:43px;height:43px;display:grid;place-items:center;font-size:26px;border-radius:10px}.brand strong{display:block;font-size:25px;letter-spacing:2px}.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:1.3px;margin-top:3px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav{background:none;text-align:left;color:var(--muted);font-size:13px;padding:13px 14px;white-space:pre}.nav.active{color:var(--mint);background:#23342f}.nav:hover{background:#202936;color:#eef3f8}.sidebar-foot{margin-top:auto;padding:35px 6px 0;color:#718397;font-size:11px;display:flex;gap:8px;align-items:center}.dot{width:6px;height:6px;border-radius:100%;background:var(--mint)}.main-shell{min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 36px;color:var(--muted);font-size:12px;letter-spacing:1px}.header-right{display:flex;gap:20px;align-items:center}.stream-status{font:11px Consolas,monospace;color:var(--mint)}.mode-banner{padding:12px 36px;display:flex;gap:16px;align-items:center;font-size:12px;border-bottom:1px solid #414039;background:#282821;color:#c5c1a4}.mode-banner strong{white-space:nowrap;color:#e4d095;letter-spacing:.8px}.mode-banner.production{background:#1a332c;color:#acd7c4;border-color:#305646}.mode-banner.production strong{color:var(--mint)}main{max-width:1600px;margin:auto;padding:32px 36px 60px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}h1{margin:5px 0 0;font-size:30px;font-weight:600;letter-spacing:1px}h2{margin:0;font-size:16px;font-weight:600}.eyebrow{font:10px Consolas,monospace;color:var(--mint);letter-spacing:2px;margin:0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.metric{background:linear-gradient(130deg,#1d2733,#19212b);border:1px solid var(--line);padding:22px;border-radius:10px;display:flex;flex-direction:column;gap:10px}.metric>span{color:var(--muted);font-size:12px}.metric strong{font:25px Consolas,monospace;font-weight:600}.metric small{color:#718397;font-size:11px;overflow-wrap:anywhere}.metric.mint strong{color:var(--mint)}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:24px;margin-bottom:22px;min-width:0}.card-heading{margin-bottom:20px}.card-heading p{margin:7px 0 0;color:var(--muted);font-size:11px;line-height:1.6}.console-grid{display:grid;grid-template-columns:minmax(270px,1fr) minmax(390px,1.75fr);gap:20px}.details{display:grid;grid-template-columns:80px 1fr;gap:16px;margin:0 0 25px;font-size:12px}.details dt{color:var(--muted)}.details dd{margin:0;overflow-wrap:anywhere}.mono{font-family:Consolas,monospace;font-size:10px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-size:12px}.field>span{color:var(--muted)}.muted{color:var(--muted);font-size:11px;line-height:1.75}.controls{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:28px}.control button{width:100%;min-height:53px;font:15px Consolas,monospace;font-weight:700}.control-button{background:#2b3746;color:#dce6f2;border:1px solid #46576c}.stop{background:#bc4747;color:white;border:1px solid #df6e6e}.control small{display:block;color:var(--muted);font-size:10px;text-align:center;line-height:1.6;min-height:32px;padding-top:8px}.manual-row{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);padding-top:24px}.manual-row button{white-space:nowrap}.volume-row{display:flex;gap:18px;align-items:center;margin:24px 0}.volume-row strong{font:10px Consolas,monospace;color:var(--muted);letter-spacing:1px}.volume-row span{font:12px Consolas,monospace;width:38px}input[type=range]{accent-color:var(--mint);padding:0;border:0}.comment-entry{margin-bottom:20px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;font-weight:500;color:var(--muted);font-size:11px;letter-spacing:.5px;padding:13px 12px;border-bottom:1px solid #3a4656}td{padding:16px 12px;border-bottom:1px solid var(--line);line-height:1.6;overflow-wrap:anywhere;max-width:340px}tr:last-child td{border-bottom:0}tbody tr:hover{background:#212c38}.empty{padding:35px;text-align:center;color:#76899e;border:1px dashed #354253;border-radius:7px;font-size:12px}.toast{padding:0 36px}.alert{margin-top:18px;padding:13px 16px;border-radius:6px;overflow-wrap:anywhere;font-size:12px}.alert.error{background:#44292d;color:#ffc0b9;border:1px solid #754247}.alert.success{background:#203b31;color:var(--mint);border:1px solid #3a6150}dialog{max-width:640px;width:calc(100% - 40px);max-height:90vh;border:1px solid #405069;border-radius:12px;padding:28px;background:#19232f;color:#dce6f2}dialog::backdrop{background:#05090ecc;backdrop-filter:blur(4px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.form-error{color:#ffb3a8;font-size:12px}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-top:24px}.plan-price{font:34px Consolas,monospace;color:var(--mint)}pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#9fb1c6;font-size:12px}.card>.secondary{margin:10px 12px 0 0}.loading{color:var(--muted);padding:30px}@media(max-width:1120px){.layout{grid-template-columns:180px 1fr}.sidebar{padding:26px 10px}.console-grid{grid-template-columns:1fr}.metrics{gap:10px}.metric{padding:16px}main{padding:28px 24px}.topbar,.mode-banner{padding-left:24px;padding-right:24px}}@media(max-width:700px){.layout{display:block}.sidebar{padding:12px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0 0 14px}.brand strong{font-size:20px}.brand-mark{width:34px;height:34px;font-size:20px}.sidebar nav{flex-direction:row;overflow-x:auto;gap:5px}.nav{font-size:11px;padding:10px;flex-shrink:0}.sidebar-foot{display:none}.topbar{height:58px;padding:0 16px}.mode-banner{padding:12px 16px;align-items:flex-start;flex-direction:column;gap:6px}main{padding:24px 16px}.metrics{grid-template-columns:repeat(2,1fr)}.page-heading{margin-bottom:22px}h1{font-size:25px}.card{padding:18px}.controls{gap:7px}.control button{padding:8px;font-size:13px}.control small{font-size:9px}.manual-row{flex-direction:column;align-items:stretch}.toast{padding:0 16px}.console-grid{gap:0}.header-right{gap:10px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}