:root{--navy:#102842;--ink:#18344e;--muted:#8292a1;--aqua:#08a5b7;--bg:#f3f6fa}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}.app-shell{display:flex;min-height:100vh}.side{background:#102842;width:248px;flex-shrink:0;padding:24px 14px;color:#fff}.brand{display:flex;align-items:center;gap:12px;font-weight:800;font-size:22px;color:#fff;text-decoration:none;padding:6px 12px 35px}.brand small{font-weight:400;letter-spacing:3px;font-size:14px}.brand-mark{display:grid;place-items:center;background:#15a6ba;border-radius:12px;width:44px;height:44px}.menu-title{font-size:10px;letter-spacing:2px;font-weight:700;color:#8ba0b5;margin:15px 16px}.side .nav-link{display:block;color:#cfdae6;border-radius:9px;padding:11px 15px;margin:3px 0;text-decoration:none;font-size:14px}.side .nav-link:hover,.side .nav-link.active{background:#1f435f;color:white}.main{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:75px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e7ebef}.top-title{font-weight:650}.account{font-size:13px}.account a{color:#008ca0;margin-left:12px;text-decoration:none}.role{font-size:11px;text-transform:uppercase;color:#8194a5;margin-left:8px}.content{padding:32px 34px;max-width:1600px;width:100%;flex:1}.footer{color:#97a5b3;font-size:12px;padding:0 34px 20px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:23px}.page-heading h1{font-size:26px;font-weight:750;margin:0}.page-heading p{margin:5px 0 0;color:var(--muted)}.panel{background:#fff;border:1px solid #e9eef3;border-radius:15px;padding:24px;box-shadow:0 4px 30px rgba(15,40,65,.025)}.metric{padding:25px;border-radius:16px;background:#fff;border:1px solid #e9eef3}.metric .label{color:#8595a2;font-size:13px}.metric .value{font-size:32px;font-weight:750;margin:10px 0}.metric .mini{font-size:12px;color:#93a4b0}.btn-primary{background:#0d819c;border-color:#0d819c}.btn-primary:hover{background:#096c83;border-color:#096c83}.table{font-size:13px}.table thead th{color:#8c9aa7;font-weight:600;background:#f9fbfc;white-space:nowrap}.table td{vertical-align:middle;padding:13px 10px}.table a{text-decoration:none;font-weight:600;color:#087e96}.form-label{font-weight:600;font-size:13px}.form-control,.form-select{border-color:#dce5ed;border-radius:9px;padding:10px 12px}.badge-soft{background:#e8f6f8;color:#08879b;padding:7px 10px;border-radius:8px}.mobile-menu{display:none}.list-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:20px}.list-toolbar .form-control{max-width:340px}@media(max-width:820px){.side{position:fixed;z-index:20;top:0;bottom:0;transform:translateX(-100%);transition:transform .25s}.side.open{transform:none}.mobile-menu{display:block;border:0;background:transparent;font-size:24px}.content{padding:22px 15px}.topbar{padding:0 16px}.top-title{display:none}.page-heading h1{font-size:22px}.panel{padding:13px}.account{margin-left:auto}.footer{padding:0 15px 20px}.list-toolbar{flex-wrap:wrap}.list-toolbar .form-control{max-width:none}}