*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#ffffff14;--surface:#ffffff47;--surface-2:#ffffff1a;--border:#ffffff40;--text-primary:#fff;--text-secondary:#fff9;--text-muted:#ffffff73;--accent:#d4a010;--accent-light:#d4a01026;--accent-hover:#b8900e;--green:#69f0ae;--green-light:#2d6a4f4d;--red:#ff8a80;--red-light:#c0392b4d;--shadow-sm:0 4px 24px #00000026;--shadow-md:0 4px 12px #0003;--shadow-lg:0 12px 32px #00000040;--radius:16px;--radius-sm:10px;--radius-xs:6px;--nav-width:260px;--transition:.2s cubic-bezier(.4, 0, .2, 1)}body{color:var(--text-primary);-webkit-font-smoothing:antialiased;background:0 0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,sans-serif;font-size:15px}#root{background:0 0;min-height:100vh}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit}.sidebar{width:var(--nav-width);-webkit-backdrop-filter:blur(20px);z-index:100;height:100vh;transition:transform var(--transition);box-sizing:border-box;background:#14120e8c;border-right:1px solid #ffffff1a;flex-direction:column;padding:20px 16px;display:flex;position:fixed;top:0;left:0}.sidebar-brand{flex-shrink:0;margin-bottom:16px;padding:0 8px}.sidebar-brand img{filter:brightness(0)invert();width:120px!important;max-width:120px!important}.sidebar-brand-label{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:4px;font-size:10px;font-weight:500}.sidebar-brand-name{color:#fff;letter-spacing:-.02em;font-size:18px;font-weight:600}.sidebar-scroll{flex:1;margin:0 -16px;padding:0 16px;overflow:hidden auto}.sidebar-scroll::-webkit-scrollbar{width:3px}.sidebar-scroll::-webkit-scrollbar-track{background:0 0}.sidebar-scroll::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:2px}.nav-section{flex-shrink:0}.nav-item{border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition), color var(--transition);color:#fff9;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;margin-bottom:1px;padding:9px 12px;font-size:13px;font-weight:400;display:flex}.nav-item:hover{color:#fff;background:#ffffff1a}.nav-item.active{background:var(--accent);color:#fff;font-weight:500}.nav-item svg{opacity:.7;flex-shrink:0}.nav-item.active svg{opacity:1}.sidebar-footer{border-top:1px solid #ffffff1f;flex-shrink:0;padding-top:12px}.user-info{color:#fff6;margin-bottom:8px;padding:0 8px;font-size:11px;line-height:1.5}.user-email{color:#ffffffb3;font-size:12px;font-weight:500}.btn-logout{border-radius:var(--radius-sm);color:#fff9;cursor:pointer;width:100%;transition:background var(--transition);text-align:left;background:#ffffff14;border:1px solid #ffffff1f;padding:8px 12px;font-size:12px}.btn-logout:hover{color:#fff;background:#ffffff26}.mobile-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:200;background:#00000080;border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:none;position:fixed;top:0;left:0;right:0}.btn-menu{color:#fff;background:0 0;border:none;padding:8px}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;position:fixed;inset:0}@media (width<=768px){.mobile-header{display:flex}.sidebar{z-index:200;transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.spinner{border:2px solid #fff3;border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}