:root{--brand:#174ea6;--nav:#102a56;--sidebar:260px}*{box-sizing:border-box}body{background:#f4f7fb;color:#1f2937;margin:0}.desktop-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--nav);color:#fff;z-index:1030;overflow-y:auto}.sidebar-brand{display:flex;gap:.75rem;align-items:center;padding:1.25rem;border-bottom:1px solid #ffffff1f}.sidebar-brand small,.user-chip small{display:block;opacity:.7}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;color:var(--nav);font-weight:900}.side-nav{padding:.8rem}.side-link,.side-group{display:flex;width:100%;align-items:center;justify-content:space-between;color:#dce8ff;text-decoration:none;border:0;background:transparent;padding:.72rem .85rem;border-radius:.6rem;margin:.15rem 0;text-align:left}.side-link:hover,.side-link.active,.side-group:hover{background:#ffffff18;color:#fff}.side-link.active{box-shadow:inset 3px 0 #69a6ff;font-weight:700}.side-sub{padding-left:.75rem}.side-sub .side-link{font-size:.92rem;padding:.55rem .8rem}.app-shell{margin-left:var(--sidebar);min-height:100vh}.topbar{height:68px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:1020}.user-chip{text-align:right}.content-area{padding:1.5rem;min-height:calc(100vh - 110px)}.app-footer{text-align:center;color:#6b7280;padding:1rem}.mobile-sidebar{background:var(--nav);color:#fff}.mobile-sidebar .offcanvas-header{border-bottom:1px solid #ffffff1f}.bg-primary{background:var(--brand)!important}.card{border:0;border-radius:1rem;box-shadow:0 3px 16px #19324d12}.stat{font-size:2rem;font-weight:800}.btn-lg{min-height:54px}.table thead th{white-space:nowrap}.login-card{max-width:430px;margin:7vh auto}.step-card{border-left:5px solid var(--brand)}.category-choice{min-height:76px;font-weight:800;border-width:2px}.category-choice.active{background:var(--brand);color:#fff}.letter-page{max-width:850px;margin:auto}@media(max-width:991px){.desktop-sidebar{display:none}.app-shell{margin-left:0}.content-area{padding:1rem}}@media(max-width:767px){.table-responsive{font-size:.88rem}h1.h3{font-size:1.35rem}.record-action{position:sticky;bottom:10px;z-index:4}.topbar{padding:0 .8rem}.user-chip span{display:none}}