*{box-sizing:border-box}body{margin:0;font:14px system-ui,Arial,sans-serif;color:#253343;background:#f2f5f8}a{color:#0872a6;text-decoration:none}h1,h2{margin:0 0 12px}p{margin:8px 0 16px}.dashboard-body .app-shell{display:flex;min-height:100vh}.main-area{flex:1;min-width:0}.topbar{background:#0b78ad;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:9px 17px;gap:12px;min-height:58px}.topbar-left,.top-user{display:flex;align-items:center;gap:14px}.topbar-left>div span{display:block;font-size:12px;opacity:.88}.topbar a{color:#fff}.top-logo img{height:38px;max-width:110px;object-fit:contain}.hamb{background:transparent;color:#fff;border:0;font-size:25px;cursor:pointer}.sidebar{position:fixed;z-index:40;top:58px;bottom:0;left:0;width:230px;background:#17384e;transform:translateX(-105%);transition:transform .2s;overflow:auto;box-shadow:2px 5px 15px #0002}.sidebar.open{transform:translateX(0)}.side-title{padding:15px;color:#b5c9d7}.side-link{display:block;color:#f5faff;padding:11px 17px;border-bottom:1px solid #ffffff13}.side-link.active,.side-link:hover{background:#0b78ad;color:#fff}.side-link span{margin-right:11px}.content{padding:18px;max-width:1600px;margin:auto}.panel,.metric,.login-box{background:white;border:1px solid #e1e7ee;border-radius:10px;box-shadow:0 3px 12px #24364d0b;padding:17px;margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;align-items:center}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.metric{display:flex;flex-direction:column}.metric b{font-size:28px;color:#0b78ad}.metric span{color:#607185}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;background:#fff}th,td{border-bottom:1px solid #e8edf2;padding:9px 10px;text-align:left;white-space:nowrap}th{background:#eaf3f8}th a{color:#24465f}.badge{background:#e7f2fa;padding:3px 8px;border-radius:20px}.btn,button{cursor:pointer}.btn{background:#e4edf4;color:#185475;padding:8px 12px;border-radius:6px;border:1px solid #c8d9e5;display:inline-block}.btn.primary,.btn-primary{background:#0b78ad;color:#fff;border-color:#0b78ad}.btn.small{padding:4px 8px}input,select,textarea{font:inherit;padding:8px;border:1px solid #c6d2dc;border-radius:5px;max-width:100%;width:100%;background:#fff}label{display:block;margin:8px 0;font-weight:500}.filters{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.filters input,.filters select{width:auto;min-width:125px}.grid-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 14px}.actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.alert{padding:12px;border-radius:6px;background:#e8f5e9;margin:10px 0}.alert.error{background:#ffebee;color:#991b1b}.login-page{min-height:100vh;display:grid;place-items:center;background:#dbe8f1 center/cover fixed;padding:16px}.login-box{width:min(440px,100%);padding:25px}.login-box.install{width:min(600px,100%)}.login-box input,.login-box button{width:100%}.login-logo{max-height:90px;max-width:220px;object-fit:contain} .muted{color:#64748b}.pagination{display:flex;gap:8px;margin-top:12px}.pagination a{padding:5px 9px;background:#e3eff5;border-radius:5px}@media(max-width:700px){.content{padding:9px}.top-user span{display:none}.topbar{padding:8px}.top-logo img{max-width:72px}}