:root{font-size:14px}
body{background:#0b1420}
.app{grid-template-columns:198px minmax(0,1fr)}
.side{padding:18px 10px;gap:18px}
.brand{padding:0 8px}.brand strong{font-size:15px}.brand small{font-size:11px}
.mark{width:31px;height:31px;font-size:18px;border-radius:9px}
.nav button{padding:9px 11px;font-size:12px;gap:8px;border-radius:8px}
.main{padding:18px 22px 32px;max-width:1650px}
.topbar h1{font-size:25px}.sub{font-size:12px}.eyebrow{font-size:10px}
.metrics{margin:14px 0;gap:9px}.metric{min-height:78px;padding:11px 14px;border-radius:11px}.metric .label{font-size:11px}.metric strong{font-size:22px;margin-top:4px}.metric .mini{font-size:10px}
.workspace{gap:10px;grid-template-columns:minmax(520px,1.25fr) minmax(340px,.75fr)}
.panel,.card{border-radius:11px}.panel-head{padding:12px 15px}.panel-head h2{font-size:15px}.filters{padding:9px;gap:7px}.filters input,.filters select{padding:8px;font-size:12px}
.list th{padding:8px 9px;font-size:10px}.list td{padding:10px 9px;font-size:12px}.list th:first-child,.list td:first-child{padding-left:13px}
.detail{padding:13px 15px}.detail h2{font-size:19px;margin:9px 0}.detail .amount{font-size:27px;margin:9px 0 12px}.info{gap:8px;padding:10px}.sectionline{margin:14px 0 9px}
.card{padding:14px}.card h2{font-size:15px}.card p{font-size:12px}.formgrid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}.formgrid input,.formgrid select,.formgrid textarea{padding:8px;margin-top:4px}
.simple-table th,.simple-table td{padding:8px}.simple-table{font-size:12px}.step-row{gap:5px}.step-row input,.step-row select{padding:7px}
.primary,.ghost,.danger,.soft{padding:8px 11px;font-size:12px;border-radius:8px}.badge{padding:5px 7px;font-size:10px}
.topbar .right-tools{gap:7px}.live{padding:7px 9px;font-size:10px}
@media(max-width:1100px){.workspace{grid-template-columns:1fr}}
@media(max-width:830px){.app{display:block}.main{padding:13px}.side{padding:10px}.metrics{grid-template-columns:repeat(2,1fr)}.nav{display:flex}.nav button{white-space:nowrap;width:auto}}
