:root{--nav:#0d1e37;--nav-light:#172d4b;--blue:#1964d8;--blue-dark:#124fae;--text:#172b43;--muted:#607088;--line:#e7ebf1;--canvas:#f5f7fa;--green:#197a58;--amber:#a86b13;--red:#bb3548;--shadow:0 8px 32px #172b430c;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);background:var(--canvas);font-synthesis:none}
*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.7px;line-height:1.25;font-weight:700}h2{font-size:18px;line-height:1.4;font-weight:650}h3{font-size:15px;line-height:1.5}p{line-height:1.65}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.6}.long-text{overflow-wrap:anywhere}.eyebrow{color:#7e8da5;font-size:10px;font-weight:700;letter-spacing:1.7px;margin-bottom:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:12px;background:#fff;padding:12px;z-index:100}.skip-link:focus{top:8px}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid #75a8f2;outline-offset:3px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:10px 18px;border:1px solid transparent;border-radius:8px;background:var(--blue);color:#fff;font-size:13px;font-weight:650;line-height:1.4;text-decoration:none;white-space:normal;transition:background .15s}.button:hover:not(:disabled){background:var(--blue-dark)}.button.secondary{color:#465971;background:#fff;border-color:#dce3ee}.button.secondary:hover:not(:disabled){background:#f0f4fa;border-color:#b9c9df}.button.danger{background:var(--red);color:#fff}.button.danger:hover:not(:disabled){background:#9e2638}.button.secondary.danger{color:var(--red);background:#fff;border-color:#edc7ce}.button.compact{padding:8px 14px}.button.full{width:100%;margin-top:22px}.icon-button{flex:none;width:44px;height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:23px;background:transparent;border:1px solid transparent;border-radius:8px;color:#5e7088}.icon-button:hover:not(:disabled){background:#edf2f8}.text-button{border:0;background:transparent;color:var(--blue);min-height:44px;padding:8px;font-size:12px;font-weight:600}.button-row{display:flex;flex-wrap:wrap;gap:8px}
.sidebar{width:224px;position:fixed;top:0;bottom:0;left:0;background:var(--nav);padding:32px 20px;color:#b9c5d6;display:flex;flex-direction:column;z-index:30}.brand,.login-brand{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:800;letter-spacing:1.1px;text-decoration:none;color:#fff}.brand-mark{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#2467ce;color:#fff;border-radius:9px;font-size:14px;font-weight:800;letter-spacing:-1px;flex:none}.brand-sub{display:block;font-size:10px;letter-spacing:2.5px;line-height:1.8;color:#8b9cb4;font-weight:400}.nav-label{font-size:10px;letter-spacing:1px;color:#667b97;margin:47px 12px 13px}.main-nav{display:flex;flex-direction:column;gap:6px}.main-nav button{display:flex;align-items:center;gap:12px;min-height:46px;text-align:left;padding:10px 14px;border:0;border-radius:8px;background:transparent;color:#a3b4cb;font-size:13px}.main-nav button[aria-current=page]{color:#fff;background:#1b365b;box-shadow:inset 3px 0 #5a95f4}.main-nav button:hover{background:#172e4e;color:#fff}.nav-icon{width:18px;font-size:19px;line-height:1}.sidebar-bottom{margin-top:auto;font-size:11px;color:#8fa3bf;line-height:1.8;padding:16px 10px 0;border-top:1px solid #ffffff0c}.sidebar-bottom>span:last-child{display:block;margin-left:13px;font-size:10px;color:#6f86a6}.security-dot{display:inline-block;width:6px;height:6px;background:#7b9dc8;border-radius:50%;margin-right:7px}
.workspace-wrap{margin-left:224px;min-width:0}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#fff;border-bottom:1px solid var(--line)}.breadcrumb{font-size:12px;color:#5e6f86}.operator{display:flex;align-items:center;gap:10px;font-size:12px;min-width:0}.operator>div{min-width:0;max-width:240px}.operator strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.operator-avatar{width:32px;height:32px;border-radius:50%;background:#eaf0fa;color:#426da7;display:flex;align-items:center;justify-content:center;font-size:11px}.operator .icon-button{font-size:20px;margin-left:8px}.mobile-brand,.bottom-nav{display:none}
main{padding:38px 42px 20px;max-width:1630px;margin:0 auto;min-height:calc(100vh - 138px)}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px}.page-heading .muted{font-size:13px;margin-top:10px}.page-heading>.button{margin-top:24px;flex:none}.read-status{font-size:11px;color:#5e6f86;margin-top:-10px;margin-bottom:18px}.read-status.stale{color:var(--amber)}.panel{background:#fff;border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:0 2px 8px #142b4402;margin-bottom:20px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-heading h2{font-size:15px}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.metric{padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px;position:relative;overflow:hidden}.metric-label{font-size:12px;color:#5e6f86;margin-bottom:14px}.metric-value{font-size:30px;font-weight:700;letter-spacing:-1px;color:#1d3556;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metric-value .unit{font-size:12px;letter-spacing:0;font-weight:400;margin-left:6px;color:#5e6f86}.metric-foot{font-size:11px;color:#5e6f86;margin-top:14px;line-height:1.5}.metric.accent{background:linear-gradient(120deg,#14325a,#1d497b);border-color:transparent;color:#fff}.metric.accent .metric-label{color:#adc4e1}.metric.accent .metric-value{color:#fff}.metric.accent .metric-foot,.metric.accent .unit{color:#8eafd7}.overview-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.overview-columns .panel{margin-bottom:0;min-height:250px}.attention-item,.recent-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid #edf1f6}.attention-item:last-child,.recent-item:last-child{border:0}.attention-item strong,.recent-item strong{display:block;font-size:13px;overflow-wrap:anywhere}.attention-item p,.recent-item p{font-size:11px;color:#5e6f86;margin-top:5px}.attention-item .text-button{flex:none}.recent-name{min-width:0}.recent-balance{font-size:14px;font-weight:650;font-variant-numeric:tabular-nums;flex:none}.quiet-note{display:flex;gap:12px;padding:22px 3px;color:#5e6f86;font-size:11px;max-width:1050px}.note-icon{display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border:1px solid #9cacbe;border-radius:50%;margin-top:3px;font-size:11px;flex:none}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 9px;border-radius:5px;font-size:11px;line-height:1.5;white-space:normal;font-weight:550;background:#eaf6ee;color:#257753}.badge.disabled,.badge.danger{background:#fbedef;color:#b94153}.badge.warning{background:#fff5e4;color:#ab731d}.badge.neutral{background:#eef2f7;color:#74859c}.badge.blue{background:#ebf2ff;color:#3d73c4}
.list-panel{padding:0;overflow:visible}.list-toolbar{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--line)}.search-field{display:flex;align-items:center;gap:8px;width:min(380px,100%);padding-left:13px;background:#f7f9fc;border:1px solid #e5eaf2;border-radius:8px;color:#5e6f86}.search-field>span{font-size:20px}.search-field input{background:transparent;border:0;min-height:44px;margin:0;padding:10px 12px 10px 0;box-shadow:none!important}.list-toolbar select{width:135px;margin:0;font-size:12px}.list-toolbar>.icon-button{margin-left:auto}.account-row{display:grid;grid-template-columns:minmax(180px,2.7fr) minmax(90px,1.25fr) minmax(70px,.9fr) minmax(78px,.9fr) 118px;gap:18px;align-items:center;padding:19px 24px}.table-head{background:#fafbfd;border-bottom:1px solid var(--line);padding-top:13px;padding-bottom:13px;font-size:11px;color:#5e6f86}.account-card{border-bottom:1px solid #edf1f5;font-size:12px}.account-card:hover{background:#fbfcff}.account-card:last-child{border-bottom:0}.account-name-button{display:block;max-width:100%;text-align:left;border:0;background:none;padding:0;color:#243b58;line-height:1.6;font-size:13px;font-weight:650;overflow-wrap:anywhere;min-height:24px}.account-name-button:hover{color:var(--blue)}.account-login{display:block;color:#5e6f86;font-size:11px;overflow-wrap:anywhere;margin-top:4px}.account-balance{font-size:17px;font-weight:650;font-variant-numeric:tabular-nums;white-space:nowrap}.mobile-label{display:none}.account-computers{line-height:1.7;color:#52657e}.account-computers small{display:block;font-size:10px;color:#5e6f86}.row-actions{display:flex;gap:2px;align-items:center;position:relative}.row-actions>.button{min-width:73px;padding:8px 11px;font-size:12px}.row-actions .icon-button{width:42px}.account-status{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.password-warning{font-size:10px;color:#ad711c}.more-menu{position:absolute;right:0;top:48px;min-width:180px;max-width:min(260px,calc(100vw - 40px));z-index:35;padding:5px;background:#fff;border:1px solid #dfe7f1;border-radius:9px;box-shadow:0 12px 32px #12263c24}.more-menu button{width:100%;text-align:left;min-height:44px;padding:10px 12px;background:none;border:0;border-radius:5px;color:#4c6079;font-size:12px}.more-menu button:hover{background:#f0f5fc}.more-menu button.destructive{color:var(--red)}.pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 24px;border-top:1px solid var(--line)}.pagination>div{display:flex;align-items:center;gap:12px}.empty{padding:40px 24px;text-align:center;color:#5e6f86;font-size:13px;line-height:1.8}.loading{padding:30px;color:#5e6f86;font-size:13px}.legacy-panel summary{font-size:13px;font-weight:600;min-height:44px;display:flex;align-items:center;cursor:pointer}.legacy-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.legacy-item strong{font-size:13px}.legacy-item p{font-size:12px;color:#5e6f86;margin-top:5px}
label{display:block;font-size:12px;font-weight:550;color:#435872;margin:18px 0 8px}input,select{width:100%;min-height:46px;padding:11px 13px;border:1px solid #dce3ed;border-radius:8px;background:#fff;color:#263d58;font-size:13px;outline:none;min-width:0}input:hover,select:hover{border-color:#b7c8df}input:disabled,select:disabled{background:#f4f6f9;color:#8390a3}input::placeholder{color:#5e6f86}.field-help{display:block;color:#5e6f86;font-size:11px;line-height:1.7;margin-top:10px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.filter-grid{display:grid;grid-template-columns:minmax(145px,1.3fr) minmax(120px,1fr) minmax(130px,1fr) minmax(130px,1fr) auto;gap:14px;align-items:end}.filter-grid label{margin-top:0}.filter-grid input,.filter-grid select{font-size:12px}.finance-row{display:grid;grid-template-columns:1.2fr 1.4fr .8fr 1.6fr;gap:22px;padding:18px 24px;align-items:center;font-size:12px;border-bottom:1px solid #edf1f5}.finance-head{background:#fafbfd;color:#5e6f86;font-size:11px}.finance-row strong{display:block;font-size:12px}.finance-row small{display:block;color:#5e6f86;font-size:10px;margin-top:5px;overflow-wrap:anywhere}.amount-positive{color:#247c5b}.amount-negative{color:#b84858}.finance-note{color:#5e6f86;overflow-wrap:anywhere;font-size:11px}.role-guide{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--line)}.role-guide strong{display:block;font-size:12px}.role-guide span{display:block;color:#5e6f86;font-size:10px;margin-top:7px}.admin-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.admin-row:last-child{border:0}.admin-row strong{font-size:13px;overflow-wrap:anywhere}.admin-row .muted{display:block;font-size:11px;margin-top:5px}
dialog{border:1px solid #e5eaf1;border-radius:16px;width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:28px;color:var(--text);background:#fff;box-shadow:0 24px 90px #0d223a33;overflow:auto}dialog::backdrop{background:#0b1d37a3;backdrop-filter:blur(2px)}.dialog-heading,.drawer-header{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px}.dialog-heading .icon-button{margin:-8px -10px 0 0}.dialog-heading h2{font-size:22px;letter-spacing:-.3px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px;flex-wrap:wrap}.target-summary{padding:14px 16px;background:#f3f6fb;border-radius:8px;font-weight:600;font-size:13px;overflow-wrap:anywhere;line-height:1.7;margin:18px 0}.notice{padding:14px 16px;background:#fff8e9;border:1px solid #f4e5c0;border-radius:8px;color:#96712d;font-size:12px;line-height:1.8;margin:16px 0}.operation-note{font-size:10px;color:#5e6f86;overflow-wrap:anywhere;line-height:1.8;margin-top:16px}.review{padding:22px;background:#f3f7fd;border:1px solid #e0e9f7;border-radius:10px}.review-amount{font-size:30px;letter-spacing:-1px;font-weight:700;margin:14px 0;color:#214b85}.review-label{font-size:11px;color:#5e6f86}.detail-drawer{width:min(650px,100vw);height:100dvh;max-height:100dvh;border-radius:0;margin:0 0 0 auto;padding:0;border:0;border-left:1px solid var(--line);display:none;overflow:hidden}.detail-drawer[open]{display:flex;flex-direction:column}.drawer-header{padding:30px 30px 0;margin-bottom:14px}.drawer-header h2{font-size:24px;overflow-wrap:anywhere}.drawer-header>div{min-width:0}.detail-top-actions{display:flex;align-items:center;justify-content:space-between;padding:0 30px 22px}.tabs{display:flex;border-bottom:1px solid var(--line);padding:0 30px;gap:28px}.tabs button{min-height:50px;border:0;border-bottom:2px solid transparent;background:transparent;color:#5e6f86;font-size:13px;padding:10px 0;min-width:58px}.tabs button[aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue);font-weight:650}.tabs button span{font-size:10px;margin-left:5px}.drawer-body{padding:26px 30px 40px;overflow:auto;min-height:0;flex:1}.balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}.balance-item{border:1px solid var(--line);border-radius:8px;padding:16px;min-width:0}.balance-label{font-size:10px;color:#5e6f86;margin-bottom:10px}.balance-value{font-size:22px;letter-spacing:-.6px;font-weight:650;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.balance-unit{font-size:10px;margin-left:4px;color:#5e6f86;letter-spacing:0;font-weight:400}.info-row{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:13px 0;font-size:12px;border-bottom:1px solid #edf1f5}.info-row>span:last-child{text-align:right;overflow-wrap:anywhere;max-width:65%}.detail-section{margin-bottom:24px}.detail-section h3{margin-bottom:12px}.device-card{border:1px solid var(--line);border-radius:10px;padding:20px;margin-bottom:16px;background:#fff}.device-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:10px}.device-header h3{overflow-wrap:anywhere;max-width:68%}.device-meta{font-size:10px;color:#5e6f86;overflow-wrap:anywhere;margin:14px 0}.device-actions{display:flex;gap:8px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:12px}.device-actions .button{font-size:11px;flex:1;min-width:80px;padding:9px 8px}.command-receipt{border:1px solid #dce7f7;background:#f6f9fe;border-radius:8px;padding:12px;margin-top:14px;font-size:11px;line-height:1.8;overflow-wrap:anywhere}.command-receipt strong{display:block;font-size:11px}.command-receipt.failed{background:#fff5f6;border-color:#f0d1d7;color:#9f3749}.command-receipt small{display:block;color:#5e6f86;margin-top:4px}.history-item{padding:15px 0;border-bottom:1px solid var(--line);font-size:12px}.history-item>div{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-item p{font-size:10px;color:#5e6f86;margin-top:7px;overflow-wrap:anywhere}.pending-item{padding:18px 0;border-bottom:1px solid var(--line)}.pending-item strong{display:block;font-size:13px;overflow-wrap:anywhere}.pending-item p{font-size:11px;line-height:1.8;color:#5e6f86;overflow-wrap:anywhere;margin:8px 0}.pending-item .button-row{margin-top:12px}
.message{border:1px solid #cbe4d8;background:#edf8f1;border-radius:9px;padding:14px 18px;color:#277355;font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin-bottom:20px}.message.error{background:#fff0f2;border-color:#f1ccd4;color:#ad3e50}.message.warning{background:#fff8ea;border-color:#f3e0b9;color:#a37522}.pending-banner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;background:#fff6e7;border:1px solid #f1dfba;border-radius:10px;margin-bottom:22px;color:#a47b2f}.pending-banner strong{display:block;font-size:12px}.pending-banner span{display:block;font-size:11px;margin-top:4px}.workspace-footer{display:flex;justify-content:space-between;gap:16px;padding:20px 42px 28px;color:#5e6f86;font-size:9px;letter-spacing:1px}.workspace-footer span:last-child{letter-spacing:0}
.login-page{min-height:100dvh;background:radial-gradient(ellipse at 50% 0,#214973 0,#0d1e37 66%);padding:60px 20px 28px;display:flex;flex-direction:column;align-items:center}.login-brand{margin-bottom:38px}.login-brand .brand-mark{width:42px;height:42px}.login-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:36px;box-shadow:0 25px 100px #06182f50}.login-card h1{font-size:29px;margin-bottom:10px}.login-card>.muted{font-size:13px}.login-tabs{margin-top:28px}.segmented{display:flex;padding:4px;background:#f1f4f9;border-radius:9px;gap:4px}.segmented button{min-height:44px;flex:1;border:0;background:transparent;border-radius:7px;font-size:12px;color:#8391a6}.segmented button[aria-pressed=true]{background:#fff;color:#255fae;box-shadow:0 1px 4px #0b294019;font-weight:650}.login-security{font-size:10px;color:#5e6f86;text-align:center;margin-top:22px}.login-footer{font-size:10px;letter-spacing:1.2px;color:#7087a6;margin-top:36px}.initial-loading{text-align:center;padding:30vh 20px;color:#7d8fa8;font-size:13px}
@media(min-width:1700px){main{padding-top:46px}.metrics-grid{gap:22px}.metric{padding:28px}.metric-value{font-size:36px}.overview-columns{gap:28px}.account-row{padding-top:23px;padding-bottom:23px}}
@media(max-width:1200px){.sidebar{width:196px;padding:28px 15px}.workspace-wrap{margin-left:196px}.topbar{padding:0 28px}main{padding:30px 28px 20px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-grid .button{width:max-content}.account-row{grid-template-columns:minmax(150px,2fr) minmax(88px,1.1fr) minmax(62px,.7fr) minmax(65px,.8fr) 111px;gap:12px;padding-left:18px;padding-right:18px}.account-balance{font-size:16px}.list-toolbar{padding:18px}.workspace-footer{padding-left:28px;padding-right:28px}}
@media(max-width:900px){.sidebar{display:none}.workspace-wrap{margin-left:0}.topbar{height:72px;padding:0 22px}.mobile-brand{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:1px}.mobile-brand .brand-mark{width:30px;height:30px;font-size:12px}.breadcrumb{display:none}.operator-avatar{display:none}.operator>div{max-width:200px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:space-around;padding:8px 12px max(8px,env(safe-area-inset-bottom));background:#fffffff2;backdrop-filter:blur(12px);border-top:1px solid #e3e9f1;box-shadow:0 -4px 20px #0b254908}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:62px;min-height:48px;flex:1;font-size:10px;color:#5e6f86;background:transparent;border:0;border-radius:8px}.bottom-nav button>span{font-size:18px;line-height:1.1}.bottom-nav button[aria-current=page]{color:#2264c3;background:#eff5ff}.workspace-footer{padding-bottom:98px}main{min-height:calc(100vh - 172px)}.role-guide{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){h1{font-size:25px}.topbar{padding:0 16px;height:66px}.operator>div{max-width:140px}.operator .icon-button{margin-left:0;width:36px;min-height:44px}.operator-role{font-size:9px}.mobile-brand{font-size:10px;gap:8px}.mobile-brand .brand-mark{width:28px;height:28px}main{padding:26px 16px 16px}.page-heading{gap:12px;align-items:flex-start;margin-bottom:20px}.page-heading>.button{margin-top:22px;font-size:11px;padding:10px 12px}.page-heading .muted{font-size:11px;margin-top:8px}.eyebrow{font-size:8px;letter-spacing:1.2px}.metrics-grid{gap:10px;margin-bottom:18px}.metric{padding:18px 15px}.metric-label{font-size:10px;margin-bottom:12px}.metric-value{font-size:26px;letter-spacing:-.8px}.metric-value .unit{font-size:9px;margin-left:3px}.metric-foot{font-size:9px;margin-top:10px}.overview-columns{grid-template-columns:1fr;gap:16px}.panel{padding:20px;margin-bottom:16px;border-radius:10px}.panel-heading{margin-bottom:14px}.overview-columns .panel{min-height:0}.quiet-note{font-size:10px;padding-top:18px}.read-status{font-size:9px}.list-panel{padding:0;border:0;background:transparent;box-shadow:none}.list-toolbar{padding:0 0 14px;border:0;gap:8px;flex-wrap:wrap}.search-field{width:100%;order:0}.list-toolbar select{width:calc(100% - 52px);order:1}.list-toolbar>.icon-button{order:2;margin-left:0;background:#fff;border-color:var(--line)}.table-head{display:none}.account-card{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px;background:#fff;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.account-card:hover{background:#fff}.account-identity{grid-column:1/-1;padding-right:64px}.account-name-button{font-size:14px}.account-login{font-size:11px}.account-card{position:relative}.account-status{position:absolute;top:20px;right:20px;max-width:72px;text-align:right;align-items:flex-end}.account-balance{font-size:22px}.mobile-label{display:block;font-size:10px;color:#5e6f86;margin-bottom:8px;font-weight:400;letter-spacing:0}.account-computers{font-size:12px}.account-computers small{font-size:10px}.row-actions{grid-column:1/-1;border-top:1px solid #edf1f7;padding-top:14px;justify-content:flex-end}.row-actions>.button{flex:1}.row-actions>.icon-button{margin-left:6px}.more-menu{top:61px;z-index:45}.pagination{border:0;padding:6px 4px 0}.pagination>.muted{max-width:52%;font-size:10px}.pagination>div{gap:6px}.legacy-panel{padding:18px}.legacy-item{align-items:flex-start;flex-direction:column;gap:12px}.filter-grid{grid-template-columns:1fr 1fr;gap:12px}.filter-grid>div:first-child{grid-column:1/-1}.filter-grid>.button{width:100%}.filter-grid label{font-size:10px}.filter-grid input,.filter-grid select{padding:10px 8px;font-size:11px}.finance-head{display:none}.finance-row{grid-template-columns:1fr auto;gap:14px;border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:12px;background:#fff}.finance-row .finance-target{grid-column:1/-1;grid-row:2}.finance-row .finance-amount{grid-column:2;grid-row:1;text-align:right}.finance-note{grid-column:1/-1;padding-top:12px;border-top:1px solid #edf1f6}.admin-row{align-items:flex-start;flex-wrap:wrap;gap:12px}.admin-row>.button-row{width:100%}.admin-row>.button-row .button{flex:1}.role-guide{gap:20px 10px}.role-guide span{font-size:9px}.workspace-footer{font-size:8px;padding:16px 18px 95px;letter-spacing:.6px}.workspace-footer>span:last-child{max-width:50%;text-align:right}.message{padding:12px 15px;font-size:11px}.pending-banner{padding:14px;gap:12px;align-items:flex-start}.pending-banner span{font-size:10px}.pending-banner .button{font-size:10px;min-width:86px;padding:9px}
dialog{width:100vw;max-width:100vw;margin:auto 0 0;max-height:calc(100dvh - 20px);border-radius:18px 18px 0 0;border:0;padding:24px 20px max(24px,env(safe-area-inset-bottom));box-shadow:0 -8px 50px #0d223a33}.dialog-heading h2{font-size:21px}.dialog-actions{position:sticky;bottom:-24px;background:#fff;padding:18px 0 4px;margin-top:12px;z-index:1}.dialog-actions>.button{flex:1}.form-columns{gap:12px}.detail-drawer{width:100vw;max-height:100dvh;height:100dvh;margin:0;border-radius:0}.drawer-header{padding:24px 20px 0}.drawer-header h2{font-size:22px}.detail-top-actions{padding:0 20px 16px}.tabs{padding:0 20px;gap:24px}.drawer-body{padding:22px 20px 30px}.balance-grid{grid-template-columns:1fr 1fr}.balance-item:first-child{grid-column:1/-1}.balance-item{padding:16px}.balance-item:first-child .balance-value{font-size:30px}.balance-value{font-size:22px}.info-row{font-size:11px;gap:14px}.device-card{padding:17px}.device-actions{gap:7px}.device-actions .button{font-size:10px;min-width:calc(50% - 7px)}.command-receipt{font-size:10px}.login-page{padding:40px 16px 24px}.login-card{padding:30px 24px}.login-brand{margin-bottom:30px}.login-card h1{font-size:27px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}


/* Operational text remains readable at every viewport. */
:root{--muted:#607088}.small,.read-status,.field-help,.quiet-note,.metric-label,.metric-foot,.attention-item p,.recent-item p,.account-login,.account-computers small,.finance-row small,.finance-note,.info-row,.device-meta,.command-receipt,.command-receipt small,.operation-note,.history-item p,.pending-item p,.role-guide span,.admin-row .muted,.workspace-footer{font-size:14px;line-height:1.65}.quiet-note,.metric-foot,.field-help,.read-status,.account-login,.account-computers small,.finance-note,.device-meta,.operation-note,.history-item p,.pending-item p,.workspace-footer{color:#5e6f86}.metric.accent .metric-foot,.metric.accent .unit{color:#bfd0e7}.account-name-button,.finance-row strong,.admin-row strong{font-size:15px}.account-card,.finance-row,.device-actions .button{font-size:14px}.table-head,.finance-head{font-size:13px}.login-card .login-security{font-size:13px}.badge{font-size:12px}.device-actions .button{min-height:44px}.account-name-button{min-height:44px}.sidebar-bottom{font-size:12px}.sidebar-bottom>span:last-child{font-size:11px}@media(max-width:650px){.small,.read-status,.field-help,.quiet-note,.metric-label,.metric-foot,.attention-item p,.recent-item p,.account-login,.account-computers small,.finance-row small,.finance-note,.info-row,.device-meta,.command-receipt,.command-receipt small,.operation-note,.history-item p,.pending-item p,.role-guide span,.admin-row .muted{font-size:14px}.page-heading .muted,.filter-grid label,.device-actions .button,.pagination>.muted,.row-actions>.button,.pending-banner span{font-size:14px}.filter-grid input,.filter-grid select,input,select{font-size:16px}.metric-value{font-size:25px}.bottom-nav button{font-size:12px}.workspace-footer{font-size:12px}.account-identity{padding-right:74px}.finance-row{font-size:14px}.search-field input{font-size:16px}}

.row-actions .icon-button,.operator .icon-button{width:44px;min-width:44px}.account-row{grid-template-columns:minmax(180px,2.7fr) minmax(90px,1.25fr) minmax(70px,.9fr) minmax(78px,.9fr) 121px}.account-identity .account-login{font-weight:400}.mobile-label{font-size:12px}.recovery-section{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.recovery-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.recovery-heading h3{font-size:16px}.recovery-card{padding:16px;border:1px solid var(--line);border-radius:9px;margin-bottom:12px;font-size:14px}.recovery-card p{overflow-wrap:anywhere;margin:10px 0;font-size:14px;color:#5e6f86}.recovery-card .case-heading{display:flex;gap:12px;justify-content:space-between;align-items:center}.recovery-card small{display:block;color:#5e6f86;font-size:14px;line-height:1.6}.recovery-card .button{margin-top:12px}textarea{width:100%;min-height:112px;resize:vertical;padding:12px;border:1px solid #dce3ed;border-radius:8px;font:inherit;font-size:14px;color:var(--text)}textarea:focus-visible{outline:3px solid #75a8f2;outline-offset:3px}@media(max-width:1200px){.account-row{grid-template-columns:minmax(150px,2fr) minmax(88px,1.1fr) minmax(62px,.7fr) minmax(65px,.8fr) 121px}}@media(max-width:650px){.account-card{grid-template-columns:1fr 1fr}.account-identity{padding-right:74px}.operator .icon-button{width:44px}.mobile-label{font-size:14px}.recovery-heading{align-items:flex-start;flex-direction:column}.recovery-heading .text-button{padding-left:0}textarea{font-size:16px}.recovery-card .button{width:100%}}

/* Credit adjustment: truthful balances and settlement receipts. */
.adjustment-balances{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0 12px}.adjustment-balance{padding:14px 12px;border:1px solid var(--line);border-radius:8px;min-width:0}.adjustment-balance span{display:block;color:#5e6f86;font-size:14px;line-height:1.5;margin-bottom:8px}.adjustment-balance strong{display:block;font-size:22px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.adjustment-modes{margin:20px 0}.adjustment-modes button{font-size:14px;color:#5e6f86;line-height:1.5;padding:10px 8px;min-height:48px}.adjustment-progress{padding:18px;border:1px solid #dce7f7;border-radius:10px;background:#f6f9fe;font-size:14px;line-height:1.7}.adjustment-progress>p{margin:14px 0;overflow-wrap:anywhere}.adjustment-device{margin-top:14px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}.adjustment-device p{margin-top:6px}.adjustment-progress .notice,.review .notice,#adjustment-mode-help{font-size:14px;color:#765319}.adjustment-progress .info-row{font-size:14px}.adjustment-message{margin-bottom:16px}.adjustment-history{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.adjustment-history h3{font-size:16px;margin-bottom:10px}.adjustment-history .text-button{display:block;text-align:left;min-height:44px;line-height:1.6;overflow-wrap:anywhere}.adjustment-history .field-help{margin-bottom:8px}@media(max-width:650px){.adjustment-balances{grid-template-columns:1fr 1fr}.adjustment-balance:last-child{grid-column:1/-1}.adjustment-balance:last-child strong{font-size:28px}.adjustment-modes{flex-wrap:wrap}.adjustment-modes button{flex:1 1 calc(50% - 4px)}.adjustment-modes button:last-child{flex-basis:100%}.adjustment-progress{padding:16px}.adjustment-progress .info-row{gap:12px}.adjustment-progress .info-row>span:last-child{max-width:62%}.review{padding:18px}.review-label,.target-summary,.message,.notice{font-size:14px}.dialog-actions .button{font-size:14px;min-height:44px}}

#confirm-impact{font-size:14px;line-height:1.8;color:#765319}

.button.secondary.danger:hover:not(:disabled){background:#fff1f3;color:#9e2638;border-color:#d6a7b0}#topup-dialog .message.warning,#topup-dialog .badge.warning{color:#765319}
