
:root{font-family:Segoe UI,Arial,sans-serif;color:#20344a;background:#f3f6fa;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #34bca6;outline-offset:3px}.shell{display:grid;grid-template-columns:248px 1fr;min-height:100vh}aside{background:#122c43;color:#a9bfce;padding:32px 18px;display:flex;flex-direction:column;gap:28px}.brand{color:white;font-size:25px;letter-spacing:3px;font-weight:750;padding:0 14px}.brand small{display:block;font-size:10px;letter-spacing:3px;color:#64c9b3;margin-top:9px}.group{font-size:10px;letter-spacing:1.7px;padding:8px 14px;color:#7695aa}nav{display:grid;gap:5px}nav button{border:0;background:none;color:#b6cad8;text-align:left;padding:13px 15px;border-radius:8px}nav button.active{background:#23475d;color:#fff;border-left:3px solid #64d2b8}.aside-foot{margin-top:auto;padding:16px;font-size:12px;line-height:1.8;border-top:1px solid #345064}main{min-width:0}header{height:84px;background:white;border-bottom:1px solid #e4eaf0;display:flex;align-items:center;justify-content:space-between;padding:0 38px;gap:15px}header select{max-width:430px;border:0;background:transparent;font-weight:600;color:#20344a}header small{color:#7b8998}header button{border:1px solid #e1e7ed;background:white;padding:9px 12px;border-radius:7px}.content{padding:35px 38px;max-width:1550px;margin:auto}.eyebrow{color:#7e8f9f;font-size:11px;text-transform:uppercase;letter-spacing:2px}.heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:10px 0 28px}h1{font-size:29px;margin:4px 0 8px;letter-spacing:-.7px}h2{font-size:17px;margin:0}p{color:#7c8a99;font-size:14px;line-height:1.6}.primary{background:#14866f;color:white;border:0;border-radius:7px;padding:12px 18px;font-weight:600}.secondary{background:white;border:1px solid #d9e2e9;border-radius:7px;padding:10px 14px;color:#395469}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.card,.panel{background:white;border:1px solid #e4eaf0;border-radius:11px}.card{padding:23px}.card label{font-size:12px;color:#7b8b9b}.value{font-size:27px;font-weight:650;margin:15px 0 10px;letter-spacing:-1px}.card small{color:#8b99a6;font-size:11px}.green{color:#15876e}.red{color:#c36653}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}.panel{overflow:hidden;margin-bottom:24px}.panel-title{padding:22px 24px;border-bottom:1px solid #edf1f5;display:flex;justify-content:space-between;align-items:center}.badge{font-size:11px;border-radius:20px;padding:6px 9px;background:#fff0e7;color:#bc7541}.badge.ok{background:#e5f5ef;color:#16856a}.empty{padding:48px 25px;text-align:center}.empty strong{display:block;font-size:15px;margin:12px}.empty p{font-size:12px}.row{padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #edf1f5}.row:last-child{border:0}.row strong{font-size:13px}.row small{display:block;color:#8795a3;font-size:11px;margin-top:7px}.amount{font-size:14px;font-weight:600;white-space:nowrap}.row button{padding:7px 10px;font-size:11px}.summary{padding:24px}.bar{height:9px;background:#edf2f6;border-radius:6px;overflow:hidden;margin:12px 0 22px}.bar span{display:block;background:#198b73;height:100%}.alert{padding:16px 20px;background:#eaf4f2;border:1px solid #d7e9e5;border-radius:8px;color:#48776e;font-size:12px;margin-bottom:24px;line-height:1.7}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{width:100%;max-width:400px}.login{min-height:100vh;display:grid;place-items:center;background:#122c43}.login-box{background:white;border-radius:16px;padding:42px;width:min(440px,92vw)}.login-box .brand{color:#17374b;padding:0;margin-bottom:32px}.field{display:grid;gap:7px;margin-bottom:17px}.field label{font-size:12px;font-weight:600}input,select,textarea{border:1px solid #dce4eb;border-radius:7px;padding:11px;background:white;color:#20344a;width:100%}.login-box button{width:100%}.error{color:#b64040;font-size:12px;min-height:17px}.muted{color:#8897a6}.modal-backdrop{position:fixed;inset:0;background:#102c4366;display:grid;place-items:center;padding:18px;z-index:5}.modal{background:white;width:min(540px,100%);max-height:90vh;overflow:auto;border-radius:12px;padding:28px}.modal h2{margin-bottom:24px}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}#toast{position:fixed;bottom:25px;right:25px;color:white;background:#183d50;padding:14px 22px;border-radius:9px;display:none;z-index:10}.meta{font-size:11px;color:#97a5b0;margin-top:28px}.chart-label{display:flex;justify-content:space-between;font-size:12px;margin-top:16px}.account-chip{display:flex;align-items:center;gap:12px}.icon{background:#edf5f2;color:#16856e;width:35px;height:35px;display:grid;place-items:center;border-radius:9px}.nowrap{white-space:nowrap}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.shell{grid-template-columns:210px 1fr}.content{padding:26px 22px}header{padding:0 22px}}@media(max-width:700px){.shell{display:block}aside{padding:18px;gap:14px}.brand{font-size:21px}nav{display:flex;overflow:auto}nav button{white-space:nowrap;padding:10px}.group,.aside-foot{display:none}header{height:auto;min-height:72px;padding:14px;flex-wrap:wrap}header select{max-width:100%;font-size:12px}.content{padding:22px 14px}.cards{gap:10px}.card{padding:16px}.value{font-size:22px}.heading{align-items:flex-start}h1{font-size:24px}.row{padding:16px;flex-wrap:wrap}.heading button{font-size:12px}.user-name{display:none}}
