:root{--sidebar-width: 260px;--header-height: 56px}.app-shell{padding-left:var(--sidebar-width);transition:padding-left .3s ease;min-height:100vh}@media (max-width: 1024px){.app-shell{padding-left:0}}html[data-sidebar=open] .sidebar{width:260px}html[data-sidebar=mini] .sidebar{width:80px}html[data-sidebar=closed] .sidebar{width:0}.sidebar{position:fixed;top:0;left:0;height:100vh;background:#1e293b;color:#f8fafc;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;transition:width .3s ease;z-index:1000;overflow:hidden}.sidebar-header{display:flex;align-items:center;justify-content:space-between}.sidebar-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.2rem;color:#f8fafc;text-decoration:none;overflow:hidden}.sidebar-collapse{background:none;border:none;color:#f8fafc;cursor:pointer}.sidebar-links ul{list-style:none;margin:1.5rem 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sidebar-links a{display:flex;align-items:center;gap:.6rem;color:#cbd5e1;text-decoration:none;padding:.6rem .8rem;border-radius:6px;transition:.2s;white-space:nowrap}.sidebar-links a:hover,.sidebar-links a.active{background:#334155;color:#fff}.icon{width:20px;height:20px}.sidebar-auth{position:relative;border-top:1px solid #334155;padding-top:1rem}.user-btn{width:40px;height:40px;border-radius:50%;background:#38bdf8;color:#0f172a;font-weight:700;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.dropdown{margin-top:.5rem;display:flex;flex-direction:column;gap:.25rem}.logout{color:#f87171;text-decoration:none;font-size:.9rem}.logout:hover{text-decoration:underline}html[data-sidebar=mini] .sidebar .sidebar-logo span,html[data-sidebar=mini] .sidebar .sidebar-links span:not(.icon),html[data-sidebar=mini] .sidebar .dropdown{display:none}@media (max-width: 1024px){.sidebar{display:none}}.app-mobile-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#ffffff;border-bottom:1px solid #e5e7eb;display:none;align-items:center;justify-content:space-between;padding:0 1rem;z-index:60}.app-hamburger{background:none;border:none;cursor:pointer;color:#374151}.app-mobile-user .app-user-btn{width:36px;height:36px;border-radius:50%;background:#2563eb;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer}.sidebar-auth{position:relative;z-index:1100}.user-dropdown{background:#ffffff;color:#111827;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 24px #0000002e;min-width:200px;max-width:260px;padding:10px 12px}html[data-sidebar=open] .sidebar-auth .user-dropdown{position:static;margin-top:8px;display:block;opacity:1;transform:none;pointer-events:auto}html[data-sidebar=closed] .sidebar-auth .user-dropdown{display:none!important}html[data-sidebar=mini] .sidebar{overflow:visible}html[data-sidebar=mini] .sidebar-auth .user-dropdown{position:absolute;bottom:48px;left:calc(100% + 12px);display:block;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease;z-index:2000}html[data-sidebar=mini] .sidebar-auth .user-dropdown:after{content:"";position:absolute;left:-6px;bottom:12px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #ffffff;filter:drop-shadow(0 1px 1px rgba(0,0,0,.08))}html[data-sidebar=mini] .sidebar-auth:hover .user-dropdown{opacity:1;transform:translateY(0);pointer-events:auto}.user-dropdown p{margin:0 0 6px;font-weight:600;color:#111827}.user-dropdown .logout{display:inline-block;margin-top:2px;color:#ef4444;text-decoration:none;font-weight:500}.user-dropdown .logout:hover{text-decoration:underline}.user-btn{width:40px;height:40px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-weight:700;background:#38bdf8;color:#0f172a}.app-mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.2);z-index:80;display:none}.app-mobile-menu{background:#ffffff;width:220px;max-height:300px;padding:1rem;border-radius:.75rem;box-shadow:0 8px 20px #00000026;position:absolute;top:calc(var(--header-height) + 4px);animation:fadeIn .25s ease}.app-mobile-menu.app-left{left:12px}.app-mobile-menu.app-right{right:12px}.app-mobile-menu ul{list-style:none;padding:0;margin:0}.app-mobile-menu ul li{margin-bottom:.75rem}.app-mobile-menu ul li a{display:flex;align-items:center;gap:8px;color:#374151;font-weight:500;text-decoration:none;transition:color .2s}.app-mobile-menu ul li a:hover{color:#2563eb}.app-mobile-menu .icon{width:18px;height:18px}.app-mobile-menu.app-right p{margin:0 0 .5rem;color:#374151}.app-mobile-menu.app-right .email{font-size:.85rem;color:#6b7280}.app-mobile-menu.app-right .logout{display:inline-block;margin-top:1rem;color:#ef4444;font-weight:500;text-decoration:none}.app-mobile-menu.app-right .logout:hover{text-decoration:underline}@media (max-width: 1024px){.app-mobile-header,.app-mobile-overlay{display:flex}}.guest-header{background:#ffffff;border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;position:sticky;top:0;z-index:50}.guest-header-container{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.guest-logo{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.2rem;color:#1f2937;text-decoration:none}.guest-logo img{border-radius:8px}.guest-nav{display:flex;gap:1rem;align-items:center}.guest-nav a{color:#374151;text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s}.guest-nav a:hover{color:#111827}.guest-nav .auth-link{padding:.4rem .9rem;border-radius:9999px;font-weight:600;transition:all .25s ease-in-out}.guest-nav .auth-link[href*=login]{background:#2563eb;color:#fff}.guest-nav .auth-link[href*=login]:hover{background:#1e40af}.guest-nav .auth-link[href*=register]{background:#10b981;color:#fff}.guest-nav .auth-link[href*=register]:hover{background:#047857}.menu-toggle{display:none;background:none;border:none;font-size:1.6rem;cursor:pointer}@media (max-width: 768px){.desktop-nav{display:none}.menu-toggle{display:block;color:#111827}}.mobile-menu-overlay{position:fixed;top:0;right:0;width:100%;height:100%;background:rgba(0,0,0,.25);display:flex;justify-content:flex-end;align-items:flex-start;z-index:100}.mobile-menu{margin:1rem;width:260px;background:#ffffff;border-radius:12px;padding:1rem;display:flex;flex-direction:column;box-shadow:0 8px 20px #00000026;animation:slideInRight .3s ease}.close-btn{align-self:flex-end;background:none;border:none;font-size:1.3rem;cursor:pointer;color:#374151}.mobile-nav{display:flex;flex-direction:column;margin-top:1.5rem;gap:.8rem}.mobile-nav a{color:#374151;text-decoration:none;font-size:1rem;font-weight:500}@media (prefers-reduced-motion: reduce){.app-shell,.sidebar{transition:none}.app-mobile-menu,.mobile-menu{animation:none}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}