:root{--app-blue:#153b64;--app-bg:#f3f6fa;--sidebar-width:264px}
body{background:var(--app-bg);color:#223247;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.app-header{background:var(--app-blue);color:#fff}.app-brand{color:#fff;text-decoration:none;font-weight:600;font-size:1.05rem}.app-brand:hover{color:#e0edff}
.auth-card{max-width:480px;margin-top:2rem}.card{border:1px solid #e1e7ef;border-radius:14px;box-shadow:0 4px 16px rgb(20 45 80 / 4%)}
.btn-primary{background:var(--app-blue);border-color:var(--app-blue)}.btn-primary:hover,.btn-primary:focus{background:#0d2e50;border-color:#0d2e50}.stat-number{font-size:2rem;line-height:1.1}
.skip-link{position:fixed;left:16px;top:-100px;background:#fff;color:#153b64;padding:12px;z-index:2000;border-radius:8px}.skip-link:focus{top:12px}
.admin-sidebar{--bs-offcanvas-width:var(--sidebar-width);color:#d9e7f5;background:#102e4e!important;border-right:0!important}.admin-sidebar .offcanvas-body{display:flex;flex-direction:column;padding:28px 18px;gap:0;background:#102e4e!important}
.sidebar-brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-size:1.25rem;font-weight:700;padding:0 8px 30px}.brand-mark{display:grid;place-items:center;background:#245886;width:42px;height:42px;border-radius:12px;font-size:1.3rem}.brand-subtitle{display:block;font-size:.76rem;font-weight:400;color:#b5cce1;margin-top:3px}.sidebar-caption{color:#b5cce1;font-size:.67rem;letter-spacing:.12em;padding:0 12px;margin:12px 0}.sidebar-nav{display:grid;gap:7px}.sidebar-link{display:flex;align-items:center;gap:12px;border-radius:10px;padding:13px 12px;color:#d5e3f1;text-decoration:none;font-size:.92rem;font-weight:500}.sidebar-link:hover{background:#1c4268;color:#fff}.sidebar-link.is-active{background:#fff;color:#153b64;box-shadow:0 4px 12px rgb(0 0 0 / 8%)}.nav-number{font-size:.72rem;opacity:.8;font-variant-numeric:tabular-nums}.sidebar-footer{margin-top:auto;padding:28px 12px 0;font-size:.77rem;color:#b5cce1;display:flex;align-items:center;gap:8px}.sidebar-status{width:7px;height:7px;border-radius:50%;background:#76d0b0}
.admin-topbar{position:sticky;top:0;z-index:1020;background:rgb(255 255 255 / 97%);border-bottom:1px solid #e1e7ef}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 30px}.topbar-title,.topbar-account{display:flex;align-items:center;gap:14px;min-width:0}.topbar-caption{font-size:.64rem;letter-spacing:.1em;color:#596d84}.topbar-page{font-size:1.03rem;font-weight:650}.account-label{font-size:.8rem;text-align:right;max-width:210px;overflow-wrap:anywhere}.account-label span{display:block;color:#66798c;font-size:.7rem;margin-top:2px}.menu-toggle{border:1px solid #dce5ef;color:#153b64;font-size:1.2rem;padding:5px 10px}.admin-content{padding:30px;max-width:1600px;margin:auto}.table th{font-size:.76rem;color:#5d7086;text-transform:none;background:#f8fafc}.table td{font-size:.88rem}.form-label{font-size:.85rem;font-weight:500}
@media(min-width:992px){.admin-sidebar{position:fixed!important;left:0;top:0;bottom:0;width:var(--sidebar-width);height:100vh;visibility:visible!important}.admin-sidebar .offcanvas-body{height:100%;overflow-y:auto}.admin-workspace{margin-left:var(--sidebar-width)}}
@media(max-width:991.98px){.topbar-inner{padding:14px 18px}.admin-content{padding:22px 18px}.admin-sidebar .offcanvas-body{padding-top:10px}}
@media(max-width:575px){.app-brand{font-size:.95rem}.auth-card{margin-top:.5rem}.stat-number{font-size:1.7rem}.admin-content{padding:18px 12px}.topbar-inner{padding:12px;gap:8px}.topbar-caption,.account-label{display:none}.topbar-title{gap:8px}.topbar-page{font-size:.92rem}.topbar-account{gap:6px}}