*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,sans-serif;background:#f8f9fa}.header{width:100%;background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d}.navbar{max-width:1200px;margin:0 auto;padding:15px 20px;display:flex;align-items:center;position:relative;justify-content:space-between}.logo{flex:0 0 auto;display:flex;align-items:center;gap:10px;text-decoration:none;color:#2a3990}.logo-img{height:32px;width:auto;display:inline-block;vertical-align:middle;margin-right:8px}.logo-text{font-size:24px;font-weight:600;color:#2a3990;vertical-align:middle}.spacer{flex:1 1 0}.nav-container{display:flex;align-items:center;gap:40px;position:relative;flex:0 1 700px;justify-content:center}.nav{display:flex;list-style:none;gap:30px;align-items:center;justify-content:center;margin:0;padding:0;flex:1 1 auto}.nav a{text-decoration:none;color:#374151;font-weight:500;padding:8px 0;transition:color .3s;position:relative}.nav a:hover,.nav a.active{color:#ff8000}.auth-section{display:flex;align-items:center;gap:12px;margin-left:24px;flex:0 0 auto}.login-btn,.sidebar-login-btn{background:#292f7b;color:#fff;border:none;border-radius:16px;padding:6px 18px;font-weight:400;font-size:1rem;display:flex;align-items:center;justify-content:center;box-shadow:none;transition:background .18s,transform .15s,box-shadow .18s;cursor:pointer;outline:none;text-decoration:none;min-width:80px;text-align:center;letter-spacing:.5px}.login-btn:hover,.sidebar-login-btn:hover,.login-btn:focus,.sidebar-login-btn:focus{background:#1d225a;color:#fff;transform:translateY(-2px) scale(1.04);box-shadow:0 4px 16px #292f7b1f}.user-menu{position:relative;display:flex;align-items:center}.user-name{font-weight:500;color:#2a3990;font-size:15px;margin-right:8px}.user-avatar{width:36px;height:36px;border-radius:50%;cursor:pointer;border:2px solid #e5e7eb;transition:border-color .3s;-o-object-fit:cover;object-fit:cover;background-color:#f3f4f6}.user-avatar:hover{border-color:#ff8000}.dropdown{position:absolute;top:110%;right:0;margin-top:10px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 6px #0000001a;min-width:200px;display:none;z-index:50;padding:0}.dropdown.show{display:block}.dropdown-header{padding:12px 16px;border-bottom:1px solid #e5e7eb}.dropdown-name{font-weight:500;color:#111827;font-size:14px}.dropdown-email{color:#6b7280;font-size:12px;margin-top:2px}.dropdown-menu{list-style:none;padding:8px 0}.dropdown-item{display:block;padding:8px 16px;color:#374151;text-decoration:none;font-size:14px;transition:background .2s}.dropdown-item:hover,.logout-btn:hover{background:#f3f4f6!important}.logout-form{display:inline}.logout-btn{background:none;border:none;color:#374151;cursor:pointer;font-size:14px;font-family:inherit}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;border-radius:4px;margin-left:16px}.mobile-menu-btn:hover{background:#f3f4f6}.hamburger{width:24px;height:24px;stroke:#6b7280}@media (max-width: 900px){.navbar{flex-wrap:wrap}.nav-container{gap:16px}.logo-text{font-size:20px}.spacer{width:24px}}@media (max-width: 768px){.navbar{flex-wrap:wrap}.nav-container{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid #e5e7eb;flex-direction:column;gap:0;padding:20px;z-index:99;justify-content:flex-start;align-items:stretch}.nav-container.show{display:flex}.nav{flex-direction:column;gap:0;width:100%;justify-content:flex-start;align-items:stretch}.nav a{padding:12px 0;border-bottom:1px solid #f3f4f6;width:100%;text-align:center}.auth-section{margin-left:0;justify-content:center}.user-menu{width:100%;justify-content:center}.mobile-menu-btn{display:block}.dropdown{position:static;min-width:0;width:100%;margin-top:12px;border-radius:10px;box-shadow:0 4px 12px #00000014;padding:0 8px 8px}.dropdown-header{padding-left:12px;padding-right:12px}.spacer{display:none}.sidebar{width:90vw;max-width:320px;min-width:0;padding-left:10px;padding-right:10px;box-sizing:border-box}.sidebar .dropdown-header{max-width:100%;padding-left:0;padding-right:0;box-sizing:border-box}.sidebar .dropdown-name,.sidebar .dropdown-email{max-width:100%;width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;text-align:center;box-sizing:border-box}}.sidebar{display:none;position:fixed;top:0;right:0;width:260px;height:100vh;background:#fff;box-shadow:-2px 0 16px #2c307214;z-index:9999;flex-direction:column;padding:32px 24px 24px;transition:transform .3s;transform:translate(100%)}.sidebar.show{display:flex;transform:translate(0)}.sidebar-nav{list-style:none;padding:0;margin:48px 0 24px;display:flex;flex-direction:column;gap:12px}.sidebar-nav a{color:#374151;font-weight:500;font-size:1.1rem;text-decoration:none;padding:8px 0;border-radius:6px;transition:background .18s,color .18s}.sidebar-nav a.active,.sidebar-nav a:hover{color:#ff8000;background:#fff7ed}.sidebar-auth{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start}.sidebar-login-btn{width:100%;justify-content:center;margin-top:12px;font-size:1rem}.close-sidebar{background:none;border:none;font-size:2rem;color:#2a3990;position:absolute;top:12px;left:18px;cursor:pointer;z-index:2}.sidebar-overlay{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000002e;z-index:9998}.sidebar.show~.sidebar-overlay{display:block}.default-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#2a3990,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;cursor:pointer;border:2px solid #e5e7eb;transition:border-color .3s}.default-avatar:hover{border-color:#ff8000}.default-avatar-large{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#2a3990,#4f46e5);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:24px;margin:0 auto 10px;border:2px solid #ff8000}.guest-badge{display:inline-block;background:#ff8000;color:#fff;padding:2px 14px;border-radius:12px;font-size:.85rem;font-weight:500;margin-bottom:18px}.dropdown-item.admin-item{color:#2a3990}.dropdown-item.admin-item:hover{background:#f0f4ff;color:#1e40af}.dropdown-item.owner-item{color:#059669}.dropdown-item.owner-item:hover{background:#f0fdf4;color:#047857}.dropdown-item.subadmin-item{color:#7c3aed}.dropdown-item.subadmin-item:hover{background:#faf5ff;color:#6d28d9}.dropdown-item.guest-item{color:#ff8000}.dropdown-item.guest-item:hover{background:#fff7ed;color:#ea580c}.logout-btn{color:#e53e3e!important;font-weight:500}.logout-btn:hover{background:#fef2f2!important;color:#dc2626!important}.sidebar .dropdown-item{border-radius:8px;transition:all .18s ease;font-weight:500}.sidebar .dropdown-item:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.guest-badge{background:linear-gradient(135deg,#ff8000,#f97316)}.admin-badge{background:linear-gradient(135deg,#2a3990,#3b82f6)}.owner-badge{background:linear-gradient(135deg,#059669,#10b981)}.subadmin-badge{background:linear-gradient(135deg,#7c3aed,#8b5cf6)}@media (max-width: 768px){.sidebar .dropdown-item{padding:12px 0;font-size:.95rem}.guest-badge{font-size:.8rem;padding:3px 12px}.sidebar .dropdown-name,.sidebar .dropdown-email{max-width:100%;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;text-align:center}}