:root{--ink:#202a2b;--muted:#72807f;--bg:#f3f5f4;--border:#dfe6e2;--green:#234c42;--gold:#b39863}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 'Microsoft YaHei',system-ui,sans-serif}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}button,a{cursor:pointer}button{border:0;border-radius:6px;background:#e9efeb;color:var(--green);padding:9px 15px}button:hover{filter:brightness(.96)}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.primary{background:var(--green);color:white}.danger{background:#f9e9e5;color:#ab4c37}.ghost{background:transparent;border:1px solid var(--border)}.loading{padding:80px;text-align:center}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1.15fr}.login-art{padding:70px 10%;background:#17362e;color:#e8ede8;position:relative;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.login-art:after{content:'';position:absolute;width:500px;height:500px;right:-240px;bottom:-240px;border:1px solid #799485;transform:rotate(45deg)}.login-brand{font:34px/1.7 SimSun,serif;letter-spacing:6px;color:#d7c392;margin-bottom:55px}.login-art h1{font:45px/1.6 SimSun,serif;letter-spacing:3px}.login-art p{color:#acbeb3;margin:25px 0;max-width:350px}.eyebrow{font-size:10px;letter-spacing:3px;color:var(--gold);margin-bottom:12px}.login-panel{padding:60px 10%;display:flex;flex-direction:column;justify-content:center}.login-panel h2{font-size:25px;font-weight:500;margin-bottom:9px}.sub{color:var(--muted);font-size:12px}.account-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:25px 0}.account-grid button{padding:13px 7px;font-size:12px;background:white;border:1px solid var(--border)}.account-grid .active{border-color:var(--green);background:#e7efea;color:var(--green)}.account-grid small{display:block;font-size:10px;color:var(--muted);margin-top:4px}label{display:block;font-size:12px}label>span{display:block;color:var(--muted);margin-bottom:6px}input,select,textarea{border:1px solid #ced8d1;border-radius:5px;padding:10px 12px;background:white;width:100%;color:var(--ink)}textarea{min-height:85px;resize:vertical}input[type=checkbox]{width:auto;margin-right:8px}input[readonly]{background:#f4f6f4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.wide{grid-column:1/-1}.form-actions{display:flex;gap:12px;margin-top:23px;justify-content:flex-end}.notice{padding:15px 18px;margin:22px 0;background:#edf1e8;color:#6d755d;font-size:12px;border-left:3px solid var(--gold)}.login-panel form{display:grid;gap:17px}.login-panel form button{padding:13px}.login-footer{margin-top:22px;display:flex;gap:20px;color:var(--muted);font-size:12px}.shell{display:grid;grid-template-columns:222px 1fr;min-height:100vh}.sidebar{background:#17372e;color:#bacfc2;padding:28px 18px;position:fixed;top:0;bottom:0;width:222px;overflow-y:auto}.side-brand{font:25px SimSun,serif;color:#e0d0aa;letter-spacing:4px;padding:0 12px}.side-brand small{display:block;font:10px/1.8 system-ui;letter-spacing:1px;color:#a2b7a9;margin-top:9px}.sidebar nav{margin-top:32px}.sidebar nav a{display:flex;gap:10px;align-items:center;font-size:13px;padding:11px 13px;border-radius:6px;margin:3px 0}.sidebar nav a.active{background:#315348;color:#fff}.sidebar nav a span:first-child{font:11px Georgia;color:#b4a479}.side-footer{padding:25px 12px;font-size:11px}.workspace{grid-column:2;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--border);padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:0;z-index:10}.topbar h1{font-size:19px;font-weight:500}.topbar-actions{display:flex;gap:12px;align-items:center;font-size:12px}.test-pill{background:#f4eddd;color:#947849;padding:4px 9px;border-radius:4px;font-size:10px}.content{padding:29px 34px 50px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px}.page-heading h2{font-size:22px;font-weight:500}.page-heading p{color:var(--muted);font-size:12px;margin-top:6px}.actions{display:flex;flex-wrap:wrap;gap:8px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:22px 0}.metric{background:white;padding:23px;border:1px solid var(--border);border-radius:9px}.metric span{font-size:12px;color:var(--muted)}.metric strong{display:block;font:28px/1.8 Georgia,serif;color:var(--green);overflow-wrap:anywhere}.metric small{display:block;color:var(--muted);font-size:10px}.panel{background:white;border:1px solid var(--border);border-radius:9px;margin:20px 0;overflow:hidden}.panel-head{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-head h3{font-size:15px;font-weight:500}.table-wrap{overflow:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap;font-size:12px}th{font-weight:400;color:var(--muted);background:#f7f9f7}th,td{padding:13px 17px;border-bottom:1px solid #edf0ec;vertical-align:middle}td.name{white-space:normal;min-width:200px;max-width:310px}.table-actions{display:flex;gap:6px}.table-actions button{padding:5px 9px;font-size:11px;white-space:nowrap}tbody tr:hover{background:#fbfcfa}.badge{display:inline-block;padding:3px 8px;font-size:10px;border-radius:4px;background:#edf1ec;color:#53705b}.badge.pending{background:#f9f0dc;color:#9c7b31}.badge.bad{background:#faeae7;color:#a75e4f}.cell-sub{display:block;color:var(--muted);font-size:10px;margin-top:3px}.product-thumb{width:60px;height:60px;object-fit:contain;background:#f3f4ef;border-radius:5px}.toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.toolbar input{max-width:370px}.toolbar select{width:180px}.toolbar span{font-size:11px;color:var(--muted)}.pagination{display:flex;align-items:center;gap:12px;justify-content:flex-end;margin:17px 0}.empty{padding:40px;text-align:center;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:22px}.steps article{border:1px solid var(--border);padding:22px;border-radius:6px}.steps strong{font:24px Georgia;color:var(--gold)}.steps h3{margin:9px 0;font-size:14px}.steps p{font-size:12px;color:var(--muted)}.token-box{background:#fff;padding:30px;text-align:center;max-width:620px;border:1px solid var(--border);border-radius:8px}.token-box code{font:26px/2 monospace;letter-spacing:2px;overflow-wrap:anywhere}.token-box small{display:block;color:var(--muted)}.report-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.report-card{background:#fff;border:1px solid var(--border);border-radius:8px;padding:24px}.report-card h3{font-size:15px;margin-bottom:16px}.report-card dl{margin:0}.report-card dl>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px}.report-card dd{margin:0;text-align:right}.report-card p{font-size:12px;color:var(--muted);line-height:2}.error-banner{padding:20px;background:#f9eae6;color:#9d503f;margin:20px 0}.switch-row{display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--border);padding:19px 0}.switch-row input{width:auto}dialog{border:1px solid var(--border);border-radius:12px;padding:0;width:min(720px,94vw);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#0c201b70;backdrop-filter:blur(3px)}.modal-close{position:absolute;right:12px;top:12px;background:none;font-size:23px;padding:0 8px;z-index:1}#modalBody{padding:35px}.modal-title{font-size:21px;margin-bottom:10px}.modal-sub{font-size:12px;color:var(--muted);margin-bottom:23px}.modal-error{color:#a6503a;font-size:12px;margin-top:15px}.detail-list{margin:20px 0}.detail-list div{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:10px 0;border-bottom:1px solid var(--border);font-size:12px}.detail-list dd{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.detail-list dt{color:var(--muted)}.inline-check{display:flex;align-items:flex-start;font-size:12px;gap:6px}.inline-check input{width:auto}.code{font-family:monospace;font-size:12px}.mobile-title{display:none}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);padding:13px 23px;color:#fff;background:#234c42;border-radius:5px;z-index:99;max-width:90%}#toast:empty{display:none}
@media(max-width:1150px){.metrics{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.topbar,.content{padding-left:22px;padding-right:22px}.login-panel{padding:45px 7%}.account-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.login-page{grid-template-columns:1fr}.login-art{padding:30px 25px}.login-brand{font-size:27px;margin-bottom:15px}.login-art h1{font-size:26px}.login-art p{margin:12px 0;font-size:12px}.login-panel{padding:30px 25px}.shell{display:block}.sidebar{position:static;width:auto;padding:18px 18px 10px}.side-brand{font-size:22px}.side-brand small{display:none}.sidebar nav{display:flex;overflow:auto;gap:5px;margin-top:17px}.sidebar nav a{white-space:nowrap;padding:8px 12px;font-size:12px}.sidebar nav a span:first-child,.side-footer{display:none}.topbar{height:auto;min-height:67px;position:static;flex-wrap:wrap;padding:15px 20px;gap:12px}.topbar h1{font-size:15px}.topbar-actions{gap:7px}.topbar-actions button{font-size:11px;padding:6px 9px}.content{padding:22px 17px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h2{font-size:20px}.metrics{gap:10px}.metric{padding:17px}.metric strong{font-size:23px}.report-grid,.steps,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.steps{padding:15px;gap:10px}.steps article{padding:16px}.token-box{padding:20px}.token-box code{font-size:19px}#modalBody{padding:30px 22px}.detail-list div{grid-template-columns:90px 1fr}.toolbar input{max-width:100%}}