:root{color:#17202f;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2f6;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#eef2f6;min-width:320px}body{background:linear-gradient(#ffffffc7,#fff0 260px),#eef2f6;min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer;transition:transform .16s,background-color .16s,border-color .16s,color .16s,box-shadow .16s}button:active{transform:translateY(1px)}button:disabled{cursor:not-allowed;opacity:.62}input{transition:border-color .16s,box-shadow .16s,background-color .16s}h1,h2,p{margin:0}.entry-page{place-items:center;min-height:100vh;padding:28px;display:grid}.entry-card{background:#ffffffeb;border:1px solid #becbdab8;border-radius:22px;width:min(760px,100%);min-height:auto;overflow:hidden;box-shadow:0 24px 80px #1c27361f}.entry-main{padding:44px}.brand{align-items:center;gap:12px;display:inline-flex}.brand img{object-fit:contain;width:50px;height:50px}.brand strong{color:#111827;font-size:24px;font-weight:900;line-height:1.05;display:block}.brand span{color:#6b7585;margin-top:5px;font-size:14px;display:block}.brand.small{margin-bottom:16px}.brand.small img{width:34px;height:34px}.brand.small strong{font-size:17px}.entry-title{margin-top:58px}.eyebrow{color:#0f766e;font-size:13px;font-weight:900}.entry-card h1{color:#101827;letter-spacing:0;margin-top:14px;font-size:clamp(38px,5vw,62px);font-weight:850;line-height:1.04}.entry-copy{color:#5c6676;max-width:540px;margin-top:18px;font-size:17px;line-height:1.75}.entry-form{background:#f9fbfd;border:1px solid #d8e1ec;border-radius:15px;grid-template-columns:44px minmax(0,1fr) 112px;align-items:center;gap:10px;min-height:68px;margin-top:34px;padding:8px;display:grid;box-shadow:inset 0 1px #ffffffe6}.entry-form:focus-within{border-color:#2f7f6a;box-shadow:0 0 0 4px #2f7f6a1f}.lock-icon{background:#e8f4ef;border-radius:12px;width:36px;height:36px;position:relative}.lock-icon:before{content:"";border:2px solid #277052;border-top-width:6px;border-radius:5px;position:absolute;inset:9px}.entry-form input{color:#101827;background:0 0;border:0;outline:0;min-width:0;font-size:20px}.entry-form button,.refresh-btn.primary,.row-action,.settle-action{color:#fff;background:#173d31;border:0;box-shadow:0 10px 22px #173d312e}.entry-form button{border-radius:12px;height:50px;font-size:18px;font-weight:900}.entry-form button:hover,.refresh-btn.primary:hover,.row-action:hover,.settle-action:hover{background:#0f2f25;box-shadow:0 14px 28px #173d313b}.error{color:#b42318;margin-top:12px;font-size:14px}.dashboard{grid-template-columns:232px minmax(0,1fr);gap:22px;width:min(1600px,100vw - 48px);margin:0 auto;padding:24px 0 56px;display:grid}.sidebar{background:#ffffffe6;border:1px solid #dfe7f1;border-radius:20px;flex-direction:column;justify-content:space-between;height:calc(100vh - 44px);padding:18px;display:flex;position:sticky;top:22px;box-shadow:0 18px 50px #18223014}.side-brand{align-items:center;gap:10px;margin-bottom:22px;display:flex}.side-brand img{width:34px;height:34px}.side-brand strong{color:#101827;font-size:18px;font-weight:900}.side-nav{gap:6px;display:grid}.side-nav button,.logout-btn{color:#586577;text-align:left;background:0 0;border:0;border-radius:12px;width:100%;min-height:42px;padding:0 13px;font-weight:850}.side-nav button:hover{color:#132035;background:#f1f5f9}.side-nav button.active{color:#0f3a2d;background:#e7f4ef;box-shadow:inset 3px 0 #1f8a63}.side-footer{gap:10px;display:grid}.logout-btn{text-align:center;background:#fff;border:1px solid #dce5ef}.logout-btn:hover{color:#9f1239;background:#fff1f2;border-color:#fecdd3}.app-main{min-width:0}.dash-header{background:#ffffffc2;border:1px solid #dfe7f1;border-radius:20px;justify-content:space-between;gap:24px;min-height:108px;margin-bottom:18px;padding:22px;display:flex}.dash-header h1{color:#101827;letter-spacing:0;font-size:28px;font-weight:900}.dash-header p{color:#687589;margin-top:8px;font-size:14px}.dash-meta{color:#687589;white-space:nowrap;flex-direction:column;align-items:flex-end;gap:8px;font-size:13px;display:flex}.sse{color:#087f5b;background:#e4f8ee;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font-size:13px;font-weight:900;display:inline-flex}.sse.compact{justify-content:center}.sse:before{content:"";background:#16a34a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #16a34a1f}.sse.off{color:#9a5b00;background:#fff4d6}.sse.off:before{background:#f59e0b;box-shadow:0 0 0 4px #f59e0b24}.cards{grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px;display:grid}.overview-stack{gap:18px;display:grid}.data-card,.panel{background:#ffffffeb;border:1px solid #dfe7f1;border-radius:20px;box-shadow:0 14px 40px #1822300f}.data-card{padding:20px}.data-card,.panel,.entry-card,.dash-header{animation:.22s both surface-in}@keyframes surface-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.card-title{justify-content:space-between;gap:14px;display:flex}.card-title h2,.panel h2,.modal-head h2{color:#101827;font-size:20px;font-weight:900}.card-title p,.panel-sub,.empty,.modal-head p{color:#687589;font-size:13px}.card-title p{margin-top:6px}.tag{color:#087f5b;background:#e4f8ee;border-radius:999px;height:32px;padding:8px 11px;font-size:12px;font-weight:900}.tag.blue{color:#2563eb;background:#eaf1ff}.big-number{color:#101827;text-align:center;letter-spacing:0;margin-top:26px;font-size:clamp(42px,5vw,64px);font-weight:950;line-height:1}.bar{background:#e8eef6;border-radius:999px;height:10px;margin:24px 0 16px;overflow:hidden}.bar span{border-radius:inherit;background:linear-gradient(90deg,#16a34a,#0284c7);height:100%;transition:width .26s;display:block}.bar.blue span{background:linear-gradient(90deg,#0891b2,#4f46e5)}.mini-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mini-grid div{text-align:center;background:#f8fafc;border:1px solid #e2e9f2;border-radius:14px;min-height:78px;padding:13px}.mini-grid .wide{grid-column:span 2}.mini-grid span{color:#7b8798;font-size:12px;font-weight:800;display:block}.mini-grid strong{color:#101827;margin-top:8px;font-size:21px;font-weight:900;line-height:1.16;display:block}.content-grid{grid-template-columns:minmax(0,1fr) 420px;align-items:start;gap:18px;display:grid}.main-stack{gap:18px;min-width:0;display:grid}.panel{padding:20px;overflow:hidden}.history-table,.admin-table,.detail-table{background:#fff;border:1px solid #e2e9f2;border-radius:16px;margin-top:18px;overflow:hidden}.history-head,.history-row,.detail-head,.detail-row{border-bottom:1px solid #edf2f7;grid-template-columns:150px 1fr 1fr 1fr 100px;align-items:center;min-height:50px;padding:0 14px;display:grid}.history-head,.admin-head,.client-head,.rate-head,.edit-rate-head,.detail-head{color:#728096;background:#f8fafc;font-size:12px;font-weight:900}.history-row,.admin-row,.client-row,.rate-row,.settle-row,.detail-row{color:#223047;font-size:14px}.history-row:last-child{border-bottom:0}.history-row span:nth-child(n+2),.history-head span:nth-child(n+2),.detail-row span:nth-child(n+4),.detail-head span:nth-child(n+4),.customer-detail-row span:nth-child(n+2),.customer-detail-head span:nth-child(n+2){text-align:right}.side{gap:18px;min-width:0;display:grid}.rate-table{background:#fff;border:1px solid #e2e9f2;border-radius:16px;margin-top:18px;overflow:hidden}.rate-head,.rate-row{border-bottom:1px solid #edf2f7;grid-template-columns:1fr 120px;align-items:center;min-height:48px;padding:0 14px;display:grid}.rate-row:last-child{border-bottom:0}.rate-row strong{text-align:right;font-size:18px;font-weight:900}.rate-table.compact .rate-head,.rate-table.compact .rate-row{min-height:42px}.rate-table.compact .rate-row strong{font-size:15px}.client-table{background:#fff;border:1px solid #e2e9f2;border-radius:16px;margin-top:16px;overflow:hidden}.client-head,.client-row{border-bottom:1px solid #edf2f7;grid-template-columns:minmax(130px,1fr) 96px 96px 104px;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:grid}.client-row:last-child{border-bottom:0}.client-row strong,.client-row em,.admin-row-main strong,.admin-row-main em,.settle-row strong,.settle-row em{display:block}.client-row em,.admin-row-main em,.settle-row em{color:#7b8798;margin-top:4px;font-size:12px;font-style:normal}.scroll-table{scrollbar-width:thin;scrollbar-color:#b9c8d8 transparent;max-height:304px;overflow:auto}.client-table.scroll-table{max-height:276px}.history-table.scroll-table{max-height:288px}.scroll-table.tall{max-height:386px}.scroll-table .client-head,.scroll-table .history-head,.scroll-table .detail-head{z-index:2;position:sticky;top:0}.scroll-table::-webkit-scrollbar{width:8px;height:8px}.scroll-table::-webkit-scrollbar-thumb{background:#bdcad8;border-radius:999px}.admin-cards{grid-template-columns:1fr 1fr}.admin-live-table{background:#fff;border:1px solid #e2e9f2;border-radius:16px;margin-top:18px;overflow:auto hidden}.admin-live-head,.admin-live-row-main{border-bottom:1px solid #edf2f7;grid-template-columns:minmax(180px,1fr) 90px 130px 90px 140px;align-items:center;gap:12px;min-width:720px;min-height:52px;padding:0 14px;display:grid}.admin-live-scroll{scrollbar-width:thin;scrollbar-color:#b9c8d8 transparent;max-height:460px;overflow:auto}.admin-live-scroll::-webkit-scrollbar{width:8px;height:8px}.admin-live-scroll::-webkit-scrollbar-thumb{background:#bdcad8;border-radius:999px}.admin-live-head{color:#728096;background:#f8fafc;font-size:12px;font-weight:900}.admin-live-row-wrap{border-bottom:1px solid #edf2f7;transition:background-color .16s}.admin-live-row-wrap:last-child{border-bottom:0}.admin-live-row-wrap:hover,.admin-live-row-wrap.expanded{background:#fbfdff}.admin-live-row-main{color:#223047;text-align:left;width:100%;min-width:720px;font:inherit;background:0 0;border:0}.admin-live-row-main:hover{color:#0f3a2d}.admin-live-head span:nth-child(n+2),.admin-live-row-main span:nth-child(n+2){text-align:right}.admin-head{border-bottom:1px solid #edf2f7;grid-template-columns:minmax(180px,1fr) 120px 70px 112px 90px 128px 128px 78px;align-items:center;gap:12px;min-height:46px;padding:0 14px;display:grid}.simple-admin-head{grid-template-columns:minmax(180px,1fr) 100px 150px 78px}.admin-row-wrap{border-bottom:1px solid #edf2f7;transition:background-color .16s}.admin-row-wrap:last-child{border-bottom:0}.admin-row-wrap:hover,.admin-row-wrap.expanded{background:#fbfdff}.admin-row{grid-template-columns:minmax(0,1fr) 78px;align-items:center;gap:12px;padding:0 14px;display:grid}.admin-row-main{color:#223047;text-align:left;background:0 0;border:0;grid-template-columns:minmax(180px,1fr) 120px 70px 112px 90px 128px 128px;align-items:center;gap:12px;width:100%;min-height:58px;padding:0;display:grid}.simple-admin-row-main{grid-template-columns:minmax(180px,1fr) 100px 150px;min-width:430px}.admin-row-main span:nth-child(n+3),.admin-head span:nth-child(n+3),.simple-admin-row-main span:nth-child(n+2),.simple-admin-head span:nth-child(n+2){text-align:right}.code-pill{color:#24506c;background:#f4f8fb;border:1px solid #dbe7f1;border-radius:999px;justify-content:center;min-width:58px;padding:5px 9px;font-size:12px;font-weight:900;display:inline-flex}.admin-client-table{background:#f8fafc;border-radius:14px;max-height:286px;margin:0 14px 14px 28px;overflow:auto}.live-client-table{max-height:226px}.admin-list-client-table{background:#f8fafc;border-radius:14px;max-height:286px;margin:0 14px 14px 28px;overflow:auto}.detail-row-wrap{border-bottom:1px solid #edf2f7}.detail-row-wrap:last-child{border-bottom:0}.detail-row{text-align:left;width:100%;font:inherit;background:0 0;border:0;grid-template-columns:138px minmax(180px,1fr) 110px 112px 90px 126px}.detail-head{grid-template-columns:138px minmax(180px,1fr) 110px 112px 90px 126px}.detail-row:hover{background:#fbfdff}.detail-row strong{font-weight:900}.customer-detail-head,.customer-detail-row{grid-template-columns:150px 1fr 1fr 1fr 100px}.detail-client-table{background:#f8fafc;border-radius:14px;max-height:286px;margin:0 14px 14px 28px;overflow:auto}.settle-list{background:#fff;border:1px solid #e2e9f2;border-radius:16px;margin-top:18px;overflow:hidden}.settle-row-wrap{border-bottom:1px solid #edf2f7}.settle-row-wrap:last-child{border-bottom:0}.settle-row{grid-template-columns:minmax(180px,1fr) 140px 140px 120px;align-items:center;gap:14px;min-height:64px;padding:0 14px;display:grid}.settle-row-main{width:100%;min-width:0;color:inherit;text-align:left;font:inherit;background:0 0;border:0}.settle-row>.settle-row-main{grid-column:span 3;grid-template-columns:minmax(180px,1fr) 140px 140px;align-items:center;gap:14px;padding:0;display:grid}.settle-row-main:hover{color:#0f3a2d}.settle-action{border-radius:10px;height:36px;font-weight:900}.settle-row span:nth-child(n+2),.settle-row-main span:nth-child(n+2){text-align:right}.settlement-detail-table{background:#f8fafc;border-radius:14px;max-height:286px;margin:0 14px 14px 28px;overflow:auto}.settlement-detail-head,.settlement-detail-row,.compact-client-head,.compact-client-row{border-bottom:1px solid #edf2f7;align-items:center;min-height:48px;padding:0 14px;display:grid}.settlement-detail-head,.settlement-detail-row{grid-template-columns:minmax(160px,1fr) 120px 140px;gap:12px}.compact-client-head,.compact-client-row{grid-template-columns:minmax(180px,1fr) 160px;gap:12px}.settlement-detail-head,.compact-client-head{z-index:2;color:#728096;background:#f8fafc;font-size:12px;font-weight:900;position:sticky;top:0}.settlement-detail-row:last-child,.compact-client-row:last-child{border-bottom:0}.settlement-detail-row span:nth-child(n+2),.compact-client-row span:nth-child(n+2),.settlement-detail-head span:nth-child(n+2),.compact-client-head span:nth-child(n+2){text-align:right}.compact-client-table{max-height:386px}.panel-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.refresh-btn,.row-action{color:#26445f;background:#fff;border:1px solid #d8e2ee;border-radius:10px;height:36px;padding:0 13px;font-weight:850}.refresh-btn:hover{background:#f6f9fc;border-color:#c9d6e3}.refresh-btn.primary,.row-action{border-color:#173d31}.row-action.danger{color:#be123c;box-shadow:none;background:#fff1f2;border-color:#ffe4e6}.row-action.danger:hover{background:#ffe4e6}.panel-sub{margin-top:7px}.empty{text-align:center;background:#f8fafc;border:1px dashed #d3deea;border-radius:16px;margin-top:16px;padding:20px}.modal-backdrop{z-index:20;background:#1018277a;place-items:center;padding:24px;animation:.16s both fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:#fff;border:1px solid #ffffff6b;border-radius:20px;width:min(760px,100%);max-height:calc(100vh - 48px);padding:22px;animation:.18s both modal-in;overflow:auto;box-shadow:0 30px 90px #10182747}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-head{border-bottom:1px solid #edf2f7;justify-content:space-between;gap:18px;padding-bottom:18px;display:flex}.modal-head p{margin-top:8px}.icon-btn{color:#334155;background:#f8fafc;border:1px solid #d8e2ee;border-radius:12px;width:38px;height:38px;font-size:24px;line-height:1}.icon-btn:hover{background:#eef3f8}.edit-rate-table{border:1px solid #e2e9f2;border-radius:16px;margin-top:18px;overflow:hidden}.edit-rate-head,.edit-rate-row{border-bottom:1px solid #edf2f7;grid-template-columns:1fr 1fr 1fr 82px;align-items:center;gap:12px;min-height:56px;padding:9px 12px;display:grid}.edit-rate-row:last-child{border-bottom:0}.edit-rate-row input{color:#101827;border:1px solid #d8e2ee;border-radius:10px;outline:0;width:100%;min-width:0;height:38px;padding:0 10px}.edit-rate-row input:focus{border-color:#2f7f6a;box-shadow:0 0 0 3px #2f7f6a1f}.modal-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (width<=1120px){.cards,.content-grid{grid-template-columns:1fr}.history,.panel{overflow-x:auto}}@media (width<=860px){.entry-page{padding:14px}.entry-main{padding:28px}.entry-title{margin-top:42px}.entry-form{grid-template-columns:42px 1fr}.entry-form button{grid-column:1/-1}.dashboard{grid-template-columns:1fr;width:min(100vw - 28px,1600px);padding-top:14px}.sidebar{gap:14px;height:auto;position:static}.side-brand{margin-bottom:14px}.side-nav{grid-template-columns:1fr 1fr}.side-nav button{text-align:center}.side-nav button.active{box-shadow:inset 0 -3px #1f8a63}.side-footer{grid-template-columns:1fr 1fr}.dash-header{flex-direction:column}.dash-meta{white-space:normal;align-items:flex-start}.mini-grid{grid-template-columns:1fr 1fr}.admin-table,.admin-live-table,.history-table,.client-table,.detail-table,.settle-list,.rate-table{min-width:620px}.panel{padding:16px}}@media (width<=540px){.entry-main{padding:22px}.entry-card h1{font-size:34px}.entry-copy{font-size:15px}.dashboard{width:min(100vw - 16px,1600px)}.side-footer{grid-template-columns:1fr}.cards{gap:12px}.data-card{padding:16px}.big-number{font-size:40px}.mini-grid{grid-template-columns:1fr}.mini-grid .wide{grid-column:auto}}