:root{color-scheme:light;--bg: #0f1c24;--bg-accent: #1a3340;--ink: #f4f7f5;--muted: #b7c7bf;--accent: #3d9b7a;--danger: #d96b6b;--border: #274b57;--sidebar: #12252e;--sidebar-hover: rgba(255, 255, 255, .06);--sidebar-active: rgba(61, 155, 122, .22);--sidebar-rail: 4.5rem;--sidebar-open: 17.5rem;font-family:Manrope,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:radial-gradient(1200px 600px at 10% -10%,#274b57 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#1e3d34 0%,transparent 50%),var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit}.page{min-height:100vh;display:grid;align-content:center;gap:.75rem;padding:2rem;max-width:28rem}.brand{margin:0;font-size:clamp(2.5rem,6vw,4rem);font-weight:700;letter-spacing:-.04em;line-height:1}h1{margin:0;font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.page h1{font-size:1.25rem;font-weight:600;color:var(--accent)}.lead,.status{margin:0;color:var(--muted);line-height:1.5}.status{margin-top:.25rem;font-size:.95rem}.login-form{display:grid;gap:.55rem;margin-top:1rem}.login-form label{font-size:.85rem;font-weight:600;color:var(--muted)}.login-form input{width:100%;border:1px solid var(--border);background:var(--bg-accent);color:var(--ink);border-radius:.4rem;padding:.75rem .85rem;font:inherit;outline:none}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 35%,transparent)}.login-form button,.secondary-btn{margin-top:.5rem;border:0;border-radius:.4rem;padding:.8rem 1rem;background:var(--accent);color:#04130e;font:inherit;font-weight:600;cursor:pointer}.login-form button:disabled,.secondary-btn:disabled,.sidebar-logout:disabled,.sidebar-logout-icon:disabled{opacity:.65;cursor:wait}.secondary-btn{width:fit-content;background:transparent;color:var(--ink);border:1px solid var(--border)}.form-error{margin:.25rem 0 0;color:var(--danger);font-size:.9rem}.shell{position:relative;min-height:100vh}.sidebar{display:flex;flex-direction:column;background:var(--sidebar);border-right:1px solid rgba(255,255,255,.08);color:var(--ink)}.sidebar-top{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem;border-bottom:1px solid rgba(255,255,255,.08);min-height:4.25rem}.shell--collapsed .sidebar-top{justify-content:center;padding:.75rem .5rem}.sidebar-brand{display:flex;align-items:center;gap:.7rem;min-width:0}.sidebar-logo{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.55rem;background:var(--accent);color:#04130e;font-weight:700;font-size:1rem;flex-shrink:0}.sidebar-title{font-size:1.05rem;font-weight:700;letter-spacing:-.03em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-lock{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:.5rem;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--muted);cursor:pointer;flex-shrink:0}.sidebar-lock:hover{background:var(--sidebar-hover);color:var(--ink)}.sidebar-lock.is-locked{background:var(--accent);border-color:transparent;color:#04130e}.sidebar-nav{flex:1;min-height:0;overflow-y:auto;padding:1rem .75rem}.shell--collapsed .sidebar-nav{padding:1rem .5rem}.sidebar-section{margin:0 0 .6rem .65rem;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.sidebar-link{display:flex;align-items:center;gap:.65rem;border-radius:.55rem;padding:.45rem .55rem;color:color-mix(in srgb,var(--ink) 88%,transparent);transition:background .15s ease}.shell--collapsed .sidebar-link{justify-content:center;padding:.45rem}.sidebar-link:hover{background:var(--sidebar-hover)}.sidebar-link.is-active{background:var(--sidebar-active);color:var(--ink)}.sidebar-nav-list{display:flex;flex-direction:column;gap:.25rem}.sidebar-link-icon{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:.4rem;background:#ffffff0d;flex-shrink:0;overflow:hidden}.sidebar-link-icon.is-image{width:2.25rem;height:2.25rem;border-radius:.45rem;background:transparent;padding:0}.sidebar-menu-avatar{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.sidebar-link.is-active .sidebar-link-icon{background:#ffffff1f}.sidebar-link.is-active .sidebar-link-icon.is-image{background:transparent;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 55%,transparent)}.sidebar-link-label{font-size:.92rem;font-weight:600;white-space:nowrap}.sidebar-bottom{border-top:1px solid rgba(255,255,255,.08);padding:.85rem}.shell--collapsed .sidebar-bottom{padding:.65rem .5rem}.sidebar-user{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.7rem;padding:.7rem;border-radius:.75rem;background:#ffffff0a}.sidebar-user-collapsed{display:grid;gap:.5rem;justify-items:center}.sidebar-avatar{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 28%,var(--bg-accent));color:var(--ink);font-size:.75rem;font-weight:700;letter-spacing:.02em}.sidebar-user-text{min-width:0}.sidebar-user-name,.sidebar-user-email{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-name{font-size:.9rem;font-weight:600}.sidebar-user-email{font-size:.75rem;color:var(--muted)}.sidebar-logout,.sidebar-logout-icon{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:0;border-radius:.5rem;background:#ffffff14;color:var(--ink);cursor:pointer}.sidebar-logout{grid-column:1 / -1;width:100%;padding:.55rem .7rem;font-size:.85rem;font-weight:600}.sidebar-logout:hover,.sidebar-logout-icon:hover{background:#ffffff24}.sidebar-logout-icon{width:2.25rem;height:2.25rem}.shell-main{min-width:0}.content{padding:1.75rem 1.5rem;display:grid;gap:.6rem;align-content:start}.content .lead{max-width:36rem}.content-heading{display:flex;align-items:center;gap:.75rem}.content-heading-icon{width:2.5rem;height:2.5rem;border-radius:.5rem;object-fit:contain;background:transparent;flex-shrink:0}@media(min-width:768px){.shell{display:grid;height:100dvh;overflow:hidden}.shell--locked{grid-template-columns:var(--sidebar-open) 1fr}.shell--unlocked{grid-template-columns:var(--sidebar-rail) 1fr}.sidebar{grid-column:1;height:100%;max-height:100dvh}.shell--unlocked.shell--expanded .sidebar{position:absolute;inset:0 auto 0 0;z-index:40;width:var(--sidebar-open);box-shadow:18px 0 40px #00000047}.shell-main{grid-column:2;height:100dvh;overflow:auto}}@media(max-width:767px){.shell{display:flex;flex-direction:column}.sidebar{width:100%}}