.app-shell{display:flex;min-height:100dvh;background:#f8f9fb;font-family:Plus Jakarta Sans,sans-serif}.sidebar{width:232px;flex-shrink:0;background:#fff;border-right:1px solid #f0f2f5;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:40;transition:transform .22s ease}@media(max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0);box-shadow:8px 0 32px #00000014}}.sidebar__logo{padding:1.375rem 1.25rem 1rem;border-bottom:1px solid #f4f6f8}.sidebar__logo-img{max-height:30px;max-width:130px;-o-object-fit:contain;object-fit:contain}.sidebar__nav{flex:1;overflow-y:auto;padding:.875rem .625rem}.sidebar__label{font-size:.675rem;font-weight:700;color:#c0c9d6;text-transform:uppercase;letter-spacing:.08em;padding:.875rem .75rem .35rem;margin:0}.sidebar__group{margin-bottom:.125rem}.sidebar__item{display:flex;align-items:center;gap:.625rem;width:100%;padding:.5625rem .75rem;border-radius:8px;font-size:.8125rem;font-weight:500;color:#64748b;text-decoration:none;background:none;border:none;cursor:pointer;font-family:inherit;transition:background .15s ease,color .15s ease;text-align:left;line-height:1}.sidebar__item svg{flex-shrink:0}.sidebar__item:hover{background:#f4f6f8;color:#1e293b}.sidebar__item--active{background:color-mix(in srgb,var(--primary-color,#1a3c5e) 9%,transparent);color:var(--primary-color,#1a3c5e);font-weight:600}.sidebar__item--toggle{justify-content:flex-start}.sidebar__item--toggle .sidebar__chevron{margin-left:auto;transition:transform .2s ease;color:#c0c9d6}.sidebar__sub{padding-left:1.125rem;margin-top:2px}.sidebar__subitem{display:flex;align-items:center;gap:.5rem;padding:.4375rem .75rem;border-radius:7px;font-size:.7875rem;font-weight:500;color:#94a3b8;text-decoration:none;transition:background .15s ease,color .15s ease}.sidebar__subitem:hover{background:#f4f6f8;color:#475569}.sidebar__subitem--active{color:var(--primary-color,#1a3c5e);font-weight:600;background:color-mix(in srgb,var(--primary-color,#1a3c5e) 6%,transparent)}.sidebar__footer{padding:.625rem;border-top:1px solid #f4f6f8;display:flex;align-items:center;gap:.375rem}.sidebar__user{flex:1;display:flex;align-items:center;gap:.5rem;padding:.5rem;border-radius:8px;text-decoration:none;min-width:0;transition:background .15s ease}.sidebar__user:hover{background:#f4f6f8}.sidebar__avatar{width:30px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--primary-color,#1a3c5e) 12%,transparent);color:var(--primary-color,#1a3c5e);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:700;flex-shrink:0}.sidebar__user-info{display:flex;flex-direction:column;min-width:0}.sidebar__user-name{font-size:.7875rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__user-role{font-size:.6875rem;color:#94a3b8}.sidebar__logout{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;color:#94a3b8;border-radius:7px;transition:background .15s ease,color .15s ease;flex-shrink:0}.sidebar__logout:hover{background:#fef2f2;color:#dc2626}.sidebar-overlay{position:fixed;inset:0;background:#00000047;z-index:39}@media(min-width:1025px){.sidebar-overlay{display:none}}.main-area{flex:1;display:flex;flex-direction:column;min-width:0;margin-left:232px}@media(max-width:1024px){.main-area{margin-left:0}}.topbar{height:54px;background:#fff;border-bottom:1px solid #f0f2f5;display:flex;align-items:center;justify-content:flex-end;padding:0 1.5rem;position:sticky;top:0;z-index:30}.topbar__burger{display:none;background:none;border:none;cursor:pointer;color:#64748b;padding:.25rem;border-radius:6px;margin-right:auto}.topbar__burger:hover{color:#1e293b}@media(max-width:1024px){.topbar__burger{display:flex}}.topbar__right{display:flex;align-items:center;gap:.25rem}.main-content{flex:1;padding:1.75rem 2rem}@media(max-width:640px){.main-content{padding:1.25rem 1rem}}.main-content>*{margin-left:auto;margin-right:auto}[data-theme=dark] .app-shell{background:#0f172a}[data-theme=dark] .sidebar{background:#1e293b;border-color:#2d3748}[data-theme=dark] .sidebar__logo{border-color:#2d3748}[data-theme=dark] .sidebar__label{color:#475569}[data-theme=dark] .sidebar__item{color:#94a3b8}[data-theme=dark] .sidebar__item:hover{background:#273344;color:#e2e8f0}[data-theme=dark] .sidebar__item--active{color:#93c5fd;background:#93c5fd1a}[data-theme=dark] .sidebar__subitem{color:#64748b}[data-theme=dark] .sidebar__subitem:hover{background:#273344;color:#94a3b8}[data-theme=dark] .sidebar__subitem--active{color:#93c5fd;background:#93c5fd12}[data-theme=dark] .sidebar__footer{border-color:#2d3748}[data-theme=dark] .sidebar__user:hover{background:#273344}[data-theme=dark] .sidebar__user-name{color:#e2e8f0}[data-theme=dark] .sidebar__logout:hover{background:#dc26261f}[data-theme=dark] .topbar{background:#1e293b;border-color:#2d3748}[data-theme=dark] .topbar__burger{color:#94a3b8}[data-theme=dark] .topbar__burger:hover{color:#e2e8f0}