:root{font-family:Onest,sans-serif;color:#101828;background:#f1f3f8;font-variant-numeric:tabular-nums}*{box-sizing:border-box}body{margin:0;display:flex;min-height:100vh}aside{width:248px;position:fixed;inset:0 auto 0 0;background:linear-gradient(180deg,#111a2e,#0b1322);padding:20px 12px;color:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 22px}.brand>b{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#5c55db,#2563eb);display:grid;place-items:center}.brand span{font-size:14px;font-weight:600}.brand small,.db-state small{display:block;color:#75839d;font-size:11px;margin-top:2px;font-weight:400}nav{display:flex;flex-direction:column;gap:3px}nav label{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#526078;padding:15px 12px 5px}nav button,nav a{appearance:none;border:0;background:transparent;color:#9ca8bc;text-align:left;padding:10px 12px;border-radius:9px;font:500 13.5px Onest;cursor:pointer;text-decoration:none}nav button:hover,nav a:hover{background:#ffffff0d;color:#fff}nav button.active{background:#2563eb38;color:#fff}nav a span{float:right;color:#d6bbfb;background:#6941c633;border:1px solid #6941c677;padding:1px 6px;border-radius:12px;font-size:9px}.db-state{margin-top:auto;background:#ffffff08;border:1px solid #ffffff0f;border-radius:12px;padding:12px;display:flex;gap:9px;align-items:center;font-size:12px}.db-state i{width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px #12b76a22}main{margin-left:248px;width:calc(100% - 248px);padding:28px 32px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}h1{font-size:24px;margin:0;letter-spacing:-.03em}header p{color:#667085;font-size:13px;margin:4px 0 0}.live{color:#027a48;background:#ecfdf3;border:1px solid #c9f0db;border-radius:20px;padding:6px 11px;font-size:12px;font-weight:600}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin-bottom:20px}.kpi,.card{background:#fff;border:1px solid #e7eaf0;border-radius:15px;box-shadow:0 1px 3px #1018280f}.kpi{padding:16px 18px}.kpi span{font-size:12px;color:#667085}.kpi strong{display:block;font-size:25px;margin-top:8px;letter-spacing:-.035em}.kpi small{display:block;color:#98a2b3;margin-top:4px}.toolbar{display:flex;align-items:center;gap:10px;padding:16px 20px;border-bottom:1px solid #eef1f6}.toolbar>div{margin-right:auto}.toolbar strong{font-size:14px}.toolbar small{display:block;color:#98a2b3;margin-top:2px}.toolbar input{width:250px;border:1px solid #e4e7ee;border-radius:9px;padding:9px 11px;font:13px Onest}.toolbar button{border:1px solid #e4e7ee;background:#fff;border-radius:9px;padding:9px 13px;font:600 12px Onest;cursor:pointer}.table-wrap{overflow:auto;max-height:58vh}table{width:100%;border-collapse:collapse;min-width:760px}th{text-align:left;background:#fafbfd;color:#667085;text-transform:uppercase;letter-spacing:.05em;font-size:10.5px;padding:10px 16px;position:sticky;top:0}td{padding:12px 16px;border-top:1px solid #f2f4f8;font-size:12.5px;color:#475467}td:first-child{font-weight:600;color:#101828}.badge{display:inline-block;padding:3px 8px;border-radius:10px;background:#eff4ff;color:#1d4ed8;font-size:11px;font-weight:600}.money{font-weight:600;color:#101828;text-align:right}.negative{color:#b42318}.notice{padding:12px 20px;background:#fffaeb;color:#93370d;font-size:12px;display:none}.notice.show{display:block}footer{color:#98a2b3;font-size:11px;margin-top:12px}@media(max-width:900px){aside{position:static;width:100%;height:auto}body{display:block}nav{display:flex;flex-direction:row;overflow:auto}nav label,.db-state{display:none}nav button,nav a{white-space:nowrap}main{margin:0;width:100%;padding:18px 14px}.kpis{grid-template-columns:1fr 1fr}.toolbar{flex-wrap:wrap}.toolbar input{width:100%;order:3}}