*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,-apple-system,sans-serif;color:#24324b;background:#f5f7fb}button,input,select,textarea{font:inherit}button,a.action{cursor:pointer;border:0;border-radius:9px;background:#2563eb;color:white;padding:10px 17px;font-weight:600;text-decoration:none}button:hover{filter:brightness(.94)}input,select,textarea{width:100%;padding:10px;border:1px solid #d6dce7;border-radius:8px;background:white;color:#24324b}label{display:block;margin:12px 0;font-size:14px;font-weight:600}h1{font-size:27px;letter-spacing:-.6px;margin:0}h2{font-size:19px;margin:0 0 16px}p{color:#66758b}small{font-size:13px;color:#758399}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:26px;color:#64a4ff}.brand span{font-size:18px;color:inherit}.login{min-height:100vh;display:grid;place-items:center;background:#152340}.login form{width:min(430px,92vw);padding:40px;background:white;border-radius:18px}.login .brand{margin-bottom:25px}.login button{width:100%;margin-top:10px}aside{width:236px;background:#152340;color:#b4bfd4;position:fixed;inset:0 auto 0 0;padding:28px 20px;display:flex;flex-direction:column}.workspace{font-size:12px;letter-spacing:1.2px;margin:35px 10px 14px}nav button{display:block;background:transparent;width:100%;text-align:left;margin:5px 0;color:#b4bfd4;font-size:15px}nav button.active{background:#263f69;color:white}main{margin-left:236px;padding:30px 38px}header{display:flex;align-items:center;gap:18px;margin-bottom:32px}header #bell{margin-left:auto}.asidebottom{margin-top:auto;font-size:14px}.ghost{background:transparent;color:#526680;border:1px solid #d5deeb}.asidebottom .ghost{color:#b4bfd4;border:0;padding-left:0}#menutoggle{display:none}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card,.panel{background:white;border:1px solid #e1e6f0;border-radius:13px;padding:23px}.card .value{font-size:29px;font-weight:750;margin:8px 0}.card small{color:#5470a0}.grid{display:grid;grid-template-columns:1.8fr 1fr;gap:20px;margin-top:24px}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.toolbar input{max-width:310px}.toolbar select{width:auto}.toolbar button{margin-left:auto}.chart{display:flex;align-items:end;height:205px;gap:6px;border-bottom:1px solid #dbe3ef;padding-top:20px;overflow:hidden}.bar{background:#3478f6;min-width:5px;flex:1;border-radius:4px 4px 0 0}.listrow{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid #edf0f5;padding:13px 0}.tablewrap{overflow:auto;background:white;border:1px solid #e1e6f0;border-radius:12px}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}th{color:#748198;background:#fafbfe;font-weight:600;white-space:nowrap}td,th{padding:16px;border-bottom:1px solid #edf0f5}td strong{display:block}td small{display:block}.badge{display:inline-block;padding:4px 9px;border-radius:6px;background:#edf3ff;color:#295daf;font-size:13px;white-space:nowrap}.badge.good{background:#e5f6ee;color:#177950}.badge.warn{background:#fff2da;color:#966218}.empty{text-align:center;padding:60px 20px;color:#718097}.muted{font-size:14px;color:#7a879a}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.formgrid button{grid-column:1/-1;margin-top:15px}.notice{background:#eaf1ff;color:#315e9a;padding:16px;border-radius:10px;margin-bottom:22px}#error{color:#a52b3a;margin-bottom:15px}dialog{width:min(650px,94vw);border:0;border-radius:16px;padding:30px;color:#24324b}dialog::backdrop{background:#15234088}.close{float:right}.detailtitle{margin-top:22px}.notes{max-height:230px;overflow:auto}.notes p{font-size:14px;margin:8px 0}.detailactions{display:flex;gap:10px;margin:20px 0}.money{font-variant-numeric:tabular-nums}code{word-break:break-all}@media(max-width:1000px){.cards{grid-template-columns:1fr 1fr}.grid{grid-template-columns:1fr}main{padding:25px}}@media(max-width:720px){aside{transform:translateX(-100%);z-index:20;transition:transform .2s}body.menu aside{transform:translateX(0)}main{margin-left:0;padding:20px 15px}#menutoggle{display:block}header{gap:10px}header h1{font-size:22px}#bell{font-size:13px;padding:8px}.cards{gap:10px}.card{padding:16px}.card .value{font-size:23px}.formgrid{grid-template-columns:1fr}.toolbar{gap:8px}.toolbar input{max-width:none}.panel{padding:18px}td,th{padding:13px}.login form{padding:30px}}

.brand img{display:block;width:100%;max-width:300px;height:auto}.brand-menu{background:#fff;border-radius:10px;padding:10px}.brand-menu img{max-width:190px}