:root{--sidebar:#142a66;--sidebar-dark:#0d1d49;--ink:#172033;--muted:#667085;--surface:#f6f8fc;--line:#e6eaf1;--accent:#2563eb}.app-layout{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh;background:var(--surface)}.app-sidebar{position:sticky;top:0;height:100vh;overflow-y:auto;background:linear-gradient(180deg,var(--sidebar),var(--sidebar-dark));padding:24px 14px;color:#fff;z-index:1045}.sidebar-brand{display:flex;align-items:flex-start;gap:10px;padding:0 10px 26px;border-bottom:1px solid #ffffff20}.brand-mark{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:#fff;color:var(--sidebar);font-weight:800;font-size:20px}.brand-name{display:block;color:#fff;text-decoration:none;font-size:18px;font-weight:700;line-height:1.2}.brand-address{margin-top:4px;color:#b9ccff;font-size:11px;line-height:1.35}.sidebar-label{margin:24px 10px 8px;color:#9fb7ef;font-size:10px;font-weight:700;letter-spacing:.08em}.sidebar-nav{display:grid;gap:3px}.sidebar-link{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:0;border-radius:8px;background:transparent;color:#e6edff;text-align:left;text-decoration:none;font-size:14px;line-height:1.2}.sidebar-link:hover,.sidebar-link:focus{background:#ffffff18;color:#fff}.setup-toggle{width:100%;font-family:inherit}.sidebar-sub{padding-left:28px;font-size:13px;color:#c7d5fa}.app-main{min-width:0;display:flex;flex-direction:column}.app-topbar{min-height:64px;display:flex;align-items:center;gap:8px;padding:12px 28px;border-bottom:1px solid var(--line);background:#fff}.topbar-spacer{flex:1}.account-name{max-width:260px;margin-right:8px;font-size:14px;font-weight:600;color:var(--ink)}.account-name span{color:var(--muted);font-weight:400}.app-content{width:100%;max-width:1600px;margin:0 auto;padding:28px}.stat-card{height:100%;border:0;border-left:4px solid var(--accent);box-shadow:0 2px 10px #0f172a0d}.auth-bg{background:linear-gradient(135deg,#1d4ed8,#0f172a)}.auth-card{width:min(100%,420px)}.sidebar-overlay{display:none}.sidebar-close,.menu-trigger{border:0;background:transparent;font-size:25px;line-height:1;color:inherit}.sidebar-close{margin-left:auto;color:#fff}.menu-trigger{width:38px;height:38px;border:1px solid var(--line);border-radius:8px;color:var(--ink);font-size:20px}.min-w-0{min-width:0}@media(max-width:767.98px){.app-layout{display:block}.app-sidebar{position:fixed;left:0;top:0;width:min(82vw,310px);height:100dvh;transform:translateX(-105%);transition:transform .22s ease;box-shadow:5px 0 20px #0f172a40}.app-sidebar.is-open{transform:translateX(0)}.sidebar-overlay.is-open{display:block;position:fixed;inset:0;z-index:1040;background:#0f172a88}.app-topbar{padding:10px 14px}.topbar-spacer{display:none}.account-name{flex:1;max-width:none;font-size:13px}.app-content{padding:18px 14px}.app-content .row{--bs-gutter-x:1rem}.app-content .card-body{padding:1rem}.table-responsive{font-size:13px}.dataTables_wrapper{overflow-x:auto}.app-content canvas{max-width:100%!important}}@media(max-width:390px){.account-name span{display:none}.app-topbar .btn{font-size:11px;padding:5px 7px}}@media print{.app-sidebar,.sidebar-overlay,.app-topbar,.btn,form{display:none!important}.app-layout{display:block}.app-content{padding:0}}