:root{color-scheme:light;--bg:#f3f5ef;--ink:#17392f;--muted:#687d74;--green:#176c50;--line:#dce5db;--warn:#98612b}*{box-sizing:border-box}body{margin:0;font:15px/1.6 system-ui,"Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg)}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}aside{position:sticky;top:0;height:100vh;background:#123c30;color:#e9f1e8;padding:34px 24px;display:flex;flex-direction:column}.brand{font-size:26px;font-weight:800;letter-spacing:3px}.brand span{display:block;font-size:12px;letter-spacing:2px;color:#9dbdae;margin-top:3px}.badge{margin-top:26px;border:1px solid #426b58;border-radius:20px;padding:4px 12px;width:max-content;font-size:12px;color:#d2e5a9}nav{display:grid;gap:8px;margin-top:40px}nav a{padding:10px 12px;border-radius:7px}nav a:hover{background:#24513f}.aside-bottom{margin-top:auto;font-size:12px;color:#bfd0c2}.aside-bottom a{display:block;margin-top:10px}.aside-bottom p{color:#91ad9e;margin-top:24px}main{padding:38px 5%;max-width:1450px;width:100%}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}h1{font-size:30px;letter-spacing:-1px;margin:2px 0}h2{font-size:20px;margin:0 0 12px}h3{margin-top:0}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green);margin:0 0 4px}.muted{color:var(--muted);font-size:13px}header p{margin:5px 0}.actions{display:flex;gap:8px}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:26px;margin-bottom:22px;box-shadow:0 3px 14px #17392f03}.auth{max-width:550px;margin:32px auto}.auth form{display:grid;gap:15px;margin-top:20px}.auth img{background:white;border:1px solid var(--line);border-radius:8px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}.stats article{background:#e4ecdf;border:1px solid #d7e3d1;border-radius:12px;padding:20px 24px}.stats span{display:block;font-size:13px;color:#59725f}.stats strong{font-size:34px;font-weight:650}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:14px;align-items:end}label{display:block;font-size:13px;font-weight:600}input,select{display:block;width:100%;margin-top:6px;border:1px solid #cad7cb;border-radius:7px;padding:11px 12px;background:#fbfcfa;color:var(--ink);font:inherit;min-width:0}input:focus,select:focus{outline:2px solid #a9c9a6;outline-offset:1px}button{border:0;border-radius:7px;padding:12px 17px;background:var(--green);color:#fff;font:600 13px/1.5 system-ui,"Microsoft YaHei",sans-serif;cursor:pointer;white-space:nowrap}button:hover{filter:brightness(.94)}button:disabled{opacity:.55;cursor:wait}button.secondary{background:#eef2e9;color:var(--ink);border:1px solid var(--line)}button.small{padding:7px 12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th{font-size:12px;font-weight:500;color:var(--muted);padding:10px 12px;background:#f5f7f2;white-space:nowrap}td{padding:14px 12px;border-bottom:1px solid #edf1e9;vertical-align:top;overflow-wrap:anywhere}td small{display:block;color:var(--muted);font:11px ui-monospace,monospace;margin-top:3px}.empty{padding:30px;color:var(--muted);text-align:center}.pill{display:inline-block;border-radius:16px;padding:3px 9px;background:#e7f2e7;color:#326441;font-size:12px;white-space:nowrap}.pill.off{background:#f5e9d9;color:#895724}.result{margin-top:18px;padding:18px;background:#edf5e7;border:1px solid #d4e3c8;border-radius:8px}.result span{font-size:12px;color:var(--muted)}code{overflow-wrap:anywhere}.result code{display:block;font-size:17px;margin:10px 0;letter-spacing:1px}.subform{margin-top:20px;padding:22px;background:#f5f7f1;border:1px solid #dae3d5;border-radius:9px}.subform label{margin-bottom:12px;max-width:680px}.subform button{margin-right:8px}.warning{color:var(--warn);font-size:13px}#message{position:sticky;top:10px;z-index:5;padding:13px 18px;background:#e4efdb;border:1px solid #c6d9bc;border-radius:8px;margin-bottom:18px;white-space:pre-wrap}#message.error{background:#fff1e8;border-color:#e8c7af;color:#7b3e24}footer{color:var(--muted);font-size:12px;margin:28px 0}.device-main{max-width:850px;margin:auto;padding:35px 24px}.device-main header{display:block}.device-main .card p{margin-top:0}.device-main .row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.device-main input{margin-bottom:12px}.device-output{background:#f5f7f2;padding:14px;border-radius:7px;font:12px/1.7 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto}.status-big{font-size:22px;font-weight:650;margin:10px 0}.tagline{font-size:12px;color:var(--warn);background:#f4ebd9;border-radius:8px;padding:10px 14px}@media(max-width:1000px){.form-grid{grid-template-columns:1fr 1fr}.shell{grid-template-columns:175px 1fr}aside{padding:24px 18px}main{padding:25px 24px}}@media(max-width:650px){.shell{display:block}aside{position:static;height:auto;padding:18px}nav,.aside-bottom{display:none}.badge{margin-top:8px}.brand span{display:inline;font-size:12px;margin-left:15px}.stats{gap:8px}.stats article{padding:12px}.stats strong{font-size:26px}.card{padding:18px}.form-grid{grid-template-columns:1fr}.section-title{display:block}main{padding:20px 14px}header{gap:12px}h1{font-size:25px}}

.signed-out .shell{display:block}.signed-out main{margin:auto;max-width:650px}.signed-out footer{display:none}.pill.vip{background:#efe6ff;color:#6432a0;font-weight:800}textarea{display:block;width:100%;min-height:72px;resize:vertical;border:1px solid #cad7cb;border-radius:7px;padding:11px 12px;font:inherit}#search-form{margin-bottom:12px}#customer-detail-content p{white-space:pre-wrap;overflow-wrap:anywhere}
