:root{--dark:#203146;--gold:#b78b3f;--bg:#f6f7f8;--line:#e2e6e9}body{margin:0;background:var(--bg);color:#203146;font-family:system-ui,"Microsoft YaHei",sans-serif}.app{display:flex;min-height:100vh}.sidebar{width:235px;background:#17283c;color:white;position:fixed;inset:0 auto 0 0;padding:25px 17px}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:800;margin:5px 6px 48px}.brand>span,.mark{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#ba9454;color:white;font-size:27px}.brand small{display:block;font-size:10px;letter-spacing:1.5px;color:#b6aa8e}.nav-label{font-size:11px;color:#71869b;margin:0 14px 12px}.sidebar nav a{display:block;text-decoration:none;color:#b0c0cb;padding:12px 17px;border-radius:8px;margin:3px 0}.sidebar nav a.active,.sidebar nav a:hover{background:#344657;color:white;border-left:3px solid #bd9654}.side-foot{position:absolute;bottom:25px;left:29px;color:#8ca1b0;font-size:12px}.main{margin-left:235px;width:calc(100% - 235px)}.top{height:68px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 34px}.top span{color:#8a99a6}.user-line{display:flex;align-items:center;gap:14px;font-size:13px}.content{max-width:1450px;margin:auto;padding:34px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.page-title h1{font-weight:800;font-size:28px;margin:4px 0}.page-title p{margin:0;color:#83929f}.eyebrow{font-size:11px;letter-spacing:2px;color:#b38c4a;font-weight:700}.today{color:#8d98a4}.hero-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin-bottom:18px}.hero-balance,.hero-small,.mini-kpis>div,.panel,.account-card,.report-grid>div{border:1px solid var(--line);border-radius:14px;background:white}.hero-balance{padding:24px;color:white;background:linear-gradient(130deg,#1e354b,#38556b);border:0}.hero-balance span,.hero-small span{display:block;color:#c9d3dc;font-size:13px}.hero-balance strong{display:block;font-size:38px;margin:12px 0}.hero-balance small{color:#9eb3c4}.hero-small{padding:23px}.hero-small span{color:#84929c}.hero-small strong{display:block;font-size:26px;margin:15px 0}.hero-small a{text-decoration:none;font-size:13px}.hero-small.receivable{border-top:3px solid #4c9d89}.hero-small.payable{border-top:3px solid #d4a65f}.mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.mini-kpis>div{padding:20px}.mini-kpis span{display:block;color:#8a99a5;font-size:13px}.mini-kpis b{display:block;font-size:20px;margin-top:10px}.dashboard-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:18px}.panel{padding:23px;margin-bottom:18px;box-shadow:0 5px 20px #10203008}.panel h2{font-size:17px;font-weight:750;margin:0 0 18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.panel-head span{color:#8c99a3;font-size:12px}.panel-head a{text-decoration:none}.chart{height:350px}.due-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #edf0f2}.due-icon{display:grid;place-items:center;border-radius:11px;width:35px;height:35px}.due-icon.receivable{background:#e1f2ed;color:#26886f}.due-icon.payable{background:#f9efdc;color:#ad7a30}.due-row>div{flex:1}.due-row b,.due-row small{display:block}.due-row small,.block-muted{color:#8c9ba6;font-size:12px}.due-row strong{font-size:15px}.empty{text-align:center;color:#8a99a5;padding:28px}.title-total{text-align:right;color:#88959f;font-size:13px}.title-total strong{display:block;color:#263c4f;font-size:25px}.status{padding:5px 9px;border-radius:30px;font-size:12px;white-space:nowrap}.status.paid{background:#dff2e9;color:#168059}.status.overdue{background:#fae1df;color:#b74e4e}.status.partial{background:#e6eefb;color:#4e75b9}.status.open{background:#f7eddb;color:#a77629}.table thead{background:#f6f8f9;color:#71818d}.table td,.table th{vertical-align:middle;white-space:nowrap}.block-muted{display:block}.link-btn{border:0;background:none;color:#2e7194;padding:4px;font-size:13px}.link-btn.danger{color:#cf6464}.inline{display:inline}.account-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.account-card{padding:22px}.account-card span,.account-card small{display:block;color:#8795a0}.account-card strong{display:block;font-size:27px;margin:12px 0}.actions{display:flex;gap:10px;margin-top:15px}.hint{font-size:12px;color:#8d9aa5;margin:10px 0 0}.filter-row{display:grid;grid-template-columns:100px 80px 130px 170px 1fr auto;gap:8px;margin-bottom:18px}.positive{color:#168366}.negative{color:#cc6a5b}.pager{display:flex;gap:20px}.report-filter{display:flex;gap:8px}.report-filter input{width:100px}.report-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.report-grid>div{padding:20px}.report-grid span{display:block;color:#8995a0;font-size:13px}.report-grid strong{display:block;font-size:22px;margin-top:10px}.report-bottom{display:grid;grid-template-columns:1fr 1fr;gap:18px}.report-due{display:flex;justify-content:space-between;padding:15px 0;border-top:1px solid var(--line)}dialog{border:0;border-radius:16px;padding:28px;width:min(450px,92vw);box-shadow:0 20px 80px #17283c55}dialog::backdrop{background:#14273c88}dialog h2{font-size:20px}.dialog-actions{display:flex;justify-content:end;gap:10px;margin-top:20px}.login-bg{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#14293d,#314e60)}.login-card{background:white;padding:38px;border-radius:18px;width:min(410px,92vw);box-shadow:0 25px 70px #09172577}.login-card h1{font-size:25px;font-weight:800;margin-top:20px}.login-card p{color:#83929e}.login-card .form-label{width:100%}@media(max-width:1200px){.hero-grid{grid-template-columns:1.5fr 1fr 1fr}.account-grid{grid-template-columns:1fr 1fr}.filter-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.app{display:block}.sidebar{position:static;width:100%;padding:14px}.brand{margin:0 0 12px}.nav-label,.side-foot{display:none}.sidebar nav{display:flex;overflow:auto}.sidebar nav a{white-space:nowrap;padding:8px 10px}.main{margin:0;width:100%}.top{padding:0 14px;font-size:12px}.content{padding:20px 12px}.page-title h1{font-size:24px}.hero-grid,.dashboard-grid,.report-bottom{grid-template-columns:1fr}.hero-balance strong{font-size:33px}.mini-kpis,.report-grid,.account-grid{grid-template-columns:1fr 1fr}.filter-row{grid-template-columns:1fr 1fr}.filter-row input[name=q]{grid-column:1/3}.user-line{font-size:11px}}