:root{--bg-main:#f4f6f9;--bg-sidebar:#0f0f0f;--bg-card:#fff;--text-main:#333;--text-muted:#666;--accent-orange:#f37021;--accent-cyan:#4cd3e3;--border-color:#e0e0e0}[data-theme=dark]{--bg-main:#1a1a1a;--bg-sidebar:#080808;--bg-card:#262626;--text-main:#f5f5f5;--text-muted:#b3b3b3;--border-color:#404040}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}html,body,#root{width:100%}body{background:var(--bg-main);color:var(--text-main);min-height:100vh;transition:background .3s,color .3s;overflow-x:hidden}#root{min-height:100vh;display:flex}.mobile-header{background:var(--bg-sidebar);z-index:999;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;width:100%;padding:.875rem 1.25rem;display:none;position:fixed;top:0;left:0;box-shadow:0 2px 16px #0006}.menu-toggle{color:#fff;cursor:pointer;background:#ffffff12;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .18s;display:flex}.menu-toggle:hover{background:#ffffff21}sidebar{background:var(--bg-sidebar);z-index:100;border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:256px;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar-brand{border-bottom:1px solid #ffffff12;flex-shrink:0;justify-content:center;align-items:center;max-height:80px;display:flex}.sidebar-scroll{scrollbar-width:none;flex:1;padding:1rem .75rem .5rem;overflow-y:auto}.sidebar-scroll::-webkit-scrollbar{display:none}.nav-group{margin-bottom:1.5rem}.nav-group-label{letter-spacing:.12em;text-transform:uppercase;color:#ffffff40;padding:0 .625rem .5rem;font-size:.62rem;font-weight:700;display:block}.nav-list{flex-direction:column;gap:1px;list-style:none;display:flex}.nav-list li a{color:#ffffff7a;border-left:2px solid #0000;border-radius:8px;align-items:center;gap:.75rem;min-height:44px;padding:.6rem .625rem;font-size:.83rem;font-weight:500;text-decoration:none;transition:background .18s,color .18s,border-color .18s;display:flex}.nav-list li a .nav-icon{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;opacity:.7;flex-shrink:0;width:17px;height:17px}.nav-list li a:hover{color:#ffffffe0;background:#ffffff12;border-left-color:#ffffff2e}.nav-list li a:hover .nav-icon{opacity:1}.nav-list li.active a{color:#fff;border-left-color:var(--accent-orange);background:#f370211f;font-weight:600}.nav-list li.active a .nav-icon{opacity:1;stroke:var(--accent-orange)}.sidebar-footer{border-top:1px solid #ffffff12;flex-shrink:0;padding:.75rem}.btn-logout{color:#ff6464bf;cursor:pointer;background:0 0;border:1px solid #ef444426;border-radius:8px;align-items:center;gap:.65rem;width:100%;min-height:44px;padding:.6rem .625rem;font-family:Inter,sans-serif;font-size:.83rem;font-weight:500;transition:background .18s,color .18s,border-color .18s;display:flex}.btn-logout:hover{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}.btn-logout svg{stroke:currentColor;fill:none;stroke-width:1.75px;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;width:17px;height:17px}main{flex-grow:1;min-width:0;padding:1.5rem;overflow-y:auto}@media (width<=992px){body{flex-direction:column}body:has(.mobile-header){padding-top:58px}.mobile-header{display:flex}sidebar{width:100%;height:calc(100vh - 58px);transition:left .28s;position:fixed;top:58px;left:-100%}sidebar.open{left:0}main{padding:1.25rem}}#auth-loading{z-index:9999;background:#0a0a0a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-spinner{border:3px solid #ffffff1a;border-top-color:#f37021;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite auth-spin}@keyframes auth-spin{to{transform:rotate(360deg)}}