.sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;background:#1C1C1E;display:flex;flex-direction:column;transition:width 0.3s cubic-bezier(0.4, 0, 0.2, 1);z-index:1000;overflow:hidden}.sidebar-logo{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,0.1)}.sidebar-logo a{display:flex;align-items:center;gap:0.75rem;text-decoration:none;color:white}.sidebar-logo-img{height:40px;width:auto;flex-shrink:0;transition:all 0.3s}.sidebar-logo-text{font-size:1.25rem;font-weight:700;white-space:nowrap;opacity:1;position:static;transform:translateX(0);transition:opacity 0.3s, transform 0.3s}.toggle-expand{display:none}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto;overflow-x:hidden}.sidebar-nav-item{position:relative;display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1.25rem;margin:0.25rem 0.75rem;color:rgba(255,255,255,0.7);text-decoration:none;border-radius:10px;transition:all 0.2s;font-size:0.875rem;font-weight:500}.sidebar-nav-item:hover{background:rgba(255,255,255,0.1);color:white;transform:translateX(2px)}.sidebar-nav-item.active{background:#23AAE0;color:white}.sidebar-nav-item-highlight{background:linear-gradient(135deg, rgba(35,170,224,0.15) 0%, rgba(26,139,179,0.1) 100%);border:1px solid rgba(35,170,224,0.3);color:#23AAE0}.sidebar-nav-item-highlight:hover{background:linear-gradient(135deg, rgba(35,170,224,0.25) 0%, rgba(26,139,179,0.2) 100%);border-color:rgba(35,170,224,0.5);color:#fff}.sidebar-nav-item-highlight.active{background:linear-gradient(135deg, #23AAE0 0%, #1a8bb3 100%);border-color:transparent;color:white}.sidebar-sub-items{display:flex;flex-direction:column;padding:2px 0 4px 0}.sidebar-sub-item{display:flex;align-items:center;padding:0.5rem 1.25rem 0.5rem 3rem;color:rgba(255,255,255,0.55);font-size:0.8rem;text-decoration:none;transition:all 0.15s ease;border-radius:0}.sidebar-sub-item:hover{color:white;background:rgba(255,255,255,0.06)}.sidebar-sub-item.active{color:#23AAE0;background:rgba(35,170,224,0.1)}.sidebar-sub-item .sidebar-sub-text{font-weight:500}.sidebar.collapsed .sidebar-sub-items{display:none}.sidebar-nav-item-platform-owner{background:linear-gradient(135deg, rgba(139,92,246,0.15) 0%, rgba(124,58,237,0.1) 100%);border:1px solid rgba(139,92,246,0.3);color:#8B5CF6}.sidebar-nav-item-platform-owner:hover{background:linear-gradient(135deg, rgba(139,92,246,0.25) 0%, rgba(124,58,237,0.2) 100%);border-color:rgba(139,92,246,0.5);color:#fff}.sidebar-nav-item-platform-owner.active{background:linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);border-color:transparent;color:white}.sidebar-nav-icon{width:22px;height:22px;flex-shrink:0;transition:all 0.2s}.sidebar-nav-text{white-space:nowrap;opacity:1;position:static;transition:opacity 0.3s}.sidebar-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#23AAE0;color:white;font-size:11px;font-weight:700;line-height:1;margin-left:auto;flex-shrink:0}.sidebar.collapsed .sidebar-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;font-size:9px;margin-left:0}.sidebar-tooltip{display:none;position:absolute;left:100%;margin-left:15px;background:#2C2C2E;color:white;padding:0.5rem 0.875rem;border-radius:8px;font-size:0.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;box-shadow:0 4px 16px rgba(0,0,0,0.4);z-index:10000}.sidebar-divider{height:1px;background:rgba(255,255,255,0.1);margin:0.75rem 1.25rem}.sidebar-footer{border-top:1px solid rgba(255,255,255,0.1);padding:1rem}.sidebar-user{display:flex;align-items:center;gap:0.75rem;padding:0.75rem;background:rgba(255,255,255,0.05);border-radius:10px;text-decoration:none;color:white;margin-bottom:0.5rem;transition:all 0.2s}.sidebar-user:hover{background:rgba(255,255,255,0.1)}.sidebar-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg, #23AAE0 0%, #1a8bb3 100%);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:0.875rem;flex-shrink:0}.sidebar-user-info{flex:1;overflow:hidden;opacity:1;position:static;transition:opacity 0.3s}.sidebar-user-name{font-size:0.875rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:0.75rem;color:rgba(255,255,255,0.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{display:flex;align-items:center;justify-content:center;width:100%;padding:0.75rem;color:rgba(255,255,255,0.7);text-decoration:none;border-radius:10px;transition:all 0.2s}.sidebar-logout:hover{background:rgba(255,107,107,0.1);color:#FF6B6B}.sidebar-logout svg{width:20px;height:20px}.sidebar-login-btn{display:block;width:100%;padding:0.875rem;background:#23AAE0;color:white;text-align:center;text-decoration:none;border-radius:10px;font-weight:600;font-size:0.875rem;transition:all 0.2s}.sidebar-login-btn:hover{background:#1a8bb3;transform:translateY(-1px)}.sidebar.collapsed{width:75px}.sidebar.collapsed .sidebar-logo{padding:1.5rem 0;justify-content:center}.sidebar.collapsed .sidebar-logo-img{height:36px;margin:0 auto}.sidebar.collapsed .sidebar-logo-text{opacity:0;transform:translateX(-10px);position:absolute;pointer-events:none}.sidebar.collapsed .sidebar-nav-item:visited,.sidebar.collapsed .sidebar-nav-item:visited .sidebar-nav-icon{color:rgba(255,255,255,0.7) !important}.sidebar.collapsed .sidebar-nav-item{justify-content:center;align-items:center;padding:10px;margin:2px auto;width:48px;gap:0;background:transparent !important;border-color:transparent !important;border:none !important;color:rgba(255,255,255,0.7) !important}.sidebar.collapsed .sidebar-nav-item .sidebar-nav-icon{color:rgba(255,255,255,0.7) !important}.sidebar.collapsed .sidebar-nav-item.active{background:transparent !important;color:#23AAE0 !important}.sidebar.collapsed .sidebar-nav-item.active .sidebar-nav-icon{color:#23AAE0 !important}.sidebar.collapsed .sidebar-nav-item.active:visited,.sidebar.collapsed .sidebar-nav-item.active:visited .sidebar-nav-icon{color:#23AAE0 !important}.sidebar.collapsed .sidebar-nav-item-platform-owner.active{color:#8B5CF6 !important}.sidebar.collapsed .sidebar-nav-item-platform-owner.active .sidebar-nav-icon{color:#8B5CF6 !important}.sidebar.collapsed .sidebar-nav-icon{width:22px !important;height:22px !important;font-size:20px;line-height:22px}.sidebar.collapsed .sidebar-nav-text{opacity:0;position:absolute;pointer-events:none}.sidebar.collapsed .sidebar-tooltip{display:block}.sidebar.collapsed .sidebar-nav-item:hover .sidebar-tooltip{opacity:1}.sidebar.collapsed .sidebar-divider{margin:0.75rem 0.875rem}.sidebar.collapsed .sidebar-user{justify-content:center;padding:0.75rem 0}.sidebar.collapsed .sidebar-user-info{opacity:0;position:absolute;pointer-events:none}.sidebar.collapsed .sidebar-user-avatar{width:44px;height:44px}.sidebar.collapsed .sidebar-logout{padding:0.75rem 0}.sidebar.collapsed .toggle-collapse{display:none}.sidebar.collapsed .toggle-expand{display:block}.sidebar.collapsed .sidebar-header{padding:12px 8px}.sidebar.collapsed .sidebar-header-top{justify-content:center}.sidebar.collapsed .sidebar-toggle{margin-top:8px;height:32px}body{margin-left:260px;padding-top:0 !important;transition:margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1)}body.sidebar-collapsed{margin-left:75px}.main-content-with-sidebar{min-height:calc(100vh - 200px);transition:margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.main-footer{transition:margin-left 0.3s cubic-bezier(0.4, 0, 0.2, 1)}html.sidebar-collapsed-loading body{margin-left:75px}html.sidebar-collapsed-loading .sidebar{width:75px}.mobile-menu-btn{display:none}.sidebar-overlay{display:none}@media (max-width: 1024px){body,body.sidebar-collapsed{margin-left:0}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:260px}.sidebar.open .sidebar-nav-text,.sidebar.open.collapsed .sidebar-nav-text{opacity:1;position:static;pointer-events:auto}.sidebar.open .sidebar-tooltip,.sidebar.open.collapsed .sidebar-tooltip{display:none}.sidebar-toggle{display:none}.sidebar-overlay.open{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.6);z-index:999}.mobile-menu-btn{display:flex;position:fixed;top:1rem;left:1rem;width:52px;height:52px;background:#1C1C1E;border:none;border-radius:10px;color:white;align-items:center;justify-content:center;z-index:998;box-shadow:0 4px 12px rgba(0,0,0,0.3);cursor:pointer}.mobile-menu-btn svg{width:26px;height:26px}}.sidebar-theme-toggle{width:40px;height:40px;border-radius:10px;background:transparent;border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.7);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;margin-right:8px}.sidebar-theme-toggle:hover{background:rgba(255,255,255,0.1);color:#fff;border-color:rgba(255,255,255,0.2)}.sidebar-theme-toggle svg{width:20px;height:20px}[data-theme="light"] .sidebar-theme-toggle{border-color:rgba(0,0,0,0.1);color:rgba(0,0,0,0.6)}[data-theme="light"] .sidebar-theme-toggle:hover{background:rgba(0,0,0,0.05);color:rgba(0,0,0,0.8);border-color:rgba(0,0,0,0.2)}.sidebar-footer-actions{display:flex;align-items:center;gap:8px;margin-top:8px}.sidebar-footer-actions .sidebar-logout{width:40px;height:40px;padding:0;flex-shrink:0}.sidebar.collapsed .sidebar-user{background:transparent;padding:0;justify-content:center}.sidebar.collapsed .sidebar-user-info{display:none}.sidebar-footer-actions{display:flex;flex-direction:column;gap:8px;margin-top:12px}.sidebar-footer-actions .sidebar-theme-toggle,.sidebar-footer-actions .sidebar-logout{width:100%;height:40px;justify-content:center}.sidebar.collapsed .sidebar-footer .sidebar-user{background:transparent}.sidebar.collapsed .sidebar-user{background:transparent !important;margin-bottom:0}.sidebar.collapsed .sidebar-footer-actions{flex-direction:column;align-items:center;padding:0 10px}.sidebar.collapsed .sidebar-footer-actions .sidebar-theme-toggle,.sidebar.collapsed .sidebar-footer-actions .sidebar-logout{width:40px;height:40px;padding:0}.sidebar.collapsed .sidebar-footer{padding:0.75rem 0}.sidebar-search-wrapper{position:relative;margin-bottom:12px}.sidebar-search{display:flex;align-items:center;gap:10px;padding:10px 12px;background:rgba(255,255,255,0.05);border-radius:10px;cursor:pointer;transition:all 0.2s}.sidebar-search:hover{background:rgba(255,255,255,0.1)}.sidebar-search-icon{width:20px;height:20px;color:rgba(255,255,255,0.6);flex-shrink:0}.sidebar-search-form{flex:1;display:flex}.sidebar-search-input{width:100%;background:transparent;border:none;color:white;font-size:14px;outline:none}.sidebar-search-input::-moz-placeholder{color:rgba(255,255,255,0.4)}.sidebar-search-input::placeholder{color:rgba(255,255,255,0.4)}.sidebar-search-popup{display:none;position:fixed;left:80px;background:#2C2C2E;border-radius:12px;padding:8px;box-shadow:0 8px 32px rgba(0,0,0,0.5);z-index:10001;min-width:300px}.sidebar-search-popup.open{display:block}.sidebar-search-popup-form{display:flex;align-items:center;gap:8px}.sidebar-search-popup-input{flex:1;background:rgba(255,255,255,0.1);border:none;border-radius:8px;padding:12px 16px;color:white;font-size:14px;outline:none}.sidebar-search-popup-input::-moz-placeholder{color:rgba(255,255,255,0.4)}.sidebar-search-popup-input::placeholder{color:rgba(255,255,255,0.4)}.sidebar-search-popup-input:focus{background:rgba(255,255,255,0.15)}.sidebar-search-popup-btn{width:44px;height:44px;background:#23AAE0;border:none;border-radius:8px;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s}.sidebar-search-popup-btn:hover{background:#1a8bb3}.sidebar-search-popup-btn svg{width:20px;height:20px}.sidebar.collapsed .sidebar-search{justify-content:center;padding:12px;margin:0 10px}.sidebar.collapsed .sidebar-search-form{display:none}.sidebar.collapsed .sidebar-search-icon{width:24px;height:24px}.sidebar.collapsed .sidebar-search .sidebar-tooltip{display:block}.sidebar.collapsed .sidebar-search:hover .sidebar-tooltip{opacity:1}.sidebar-action-tooltip{display:none;position:absolute;left:100%;margin-left:15px;background:#2C2C2E;color:white;padding:0.5rem 0.875rem;border-radius:8px;font-size:0.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 0.2s;box-shadow:0 4px 16px rgba(0,0,0,0.4);z-index:10000}.sidebar.collapsed .sidebar-action-tooltip{display:block}.sidebar.collapsed .sidebar-theme-toggle:hover .sidebar-action-tooltip,.sidebar.collapsed .sidebar-logout:hover .sidebar-action-tooltip{opacity:1}.sidebar-theme-toggle,.sidebar-logout{position:relative}.sidebar.collapsed .sidebar-user{position:relative}.sidebar.collapsed .sidebar-user .sidebar-tooltip{display:block}.sidebar.collapsed .sidebar-user:hover .sidebar-tooltip{opacity:1}.sidebar-section-label{font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:rgba(255,255,255,0.4);padding:0.5rem 1.25rem 0.25rem;margin-top:0.25rem}.sidebar.collapsed .sidebar-section-label{display:none}.sidebar-header{padding:16px 16px 0;border-bottom:none;flex-shrink:0}.sidebar-header-top{display:flex;align-items:center;gap:12px;min-height:44px}.sidebar-toggle{width:100%;height:44px;padding:0;margin:0;background:transparent;border:none;border-top:1px solid rgba(255,255,255,0.08);border-bottom:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.3);cursor:pointer;transition:color 0.15s ease}.sidebar-toggle:hover{color:rgba(255,255,255,0.6)}.sidebar-toggle svg{width:26px;height:26px}[data-theme="light"] .sidebar,[data-theme="light"] .club-admin-sidebar{background:#ffffff !important;border-right:1px solid #e5e7eb}[data-theme="light"] .sidebar-toggle{border-top-color:#e5e7eb;border-bottom-color:#e5e7eb;color:#c4c8cd}[data-theme="light"] .sidebar-toggle:hover{color:#9ca3af}[data-theme="light"] .club-name{color:#111827}[data-theme="light"] .club-info{color:#374151}[data-theme="light"] .sidebar-nav-item{color:#6b7280}[data-theme="light"] .sidebar-nav-item:hover{background:#f3f4f6;color:#111827}[data-theme="light"] .sidebar-nav-item.active{background:#23AAE0;color:#ffffff}[data-theme="light"] .sidebar-nav-item-highlight{background:linear-gradient(135deg, rgba(35,170,224,0.08) 0%, rgba(26,139,179,0.05) 100%);border-color:rgba(35,170,224,0.25);color:#0e7490}[data-theme="light"] .sidebar-nav-item-highlight:hover{background:linear-gradient(135deg, rgba(35,170,224,0.15) 0%, rgba(26,139,179,0.1) 100%);border-color:rgba(35,170,224,0.4);color:#0e7490}[data-theme="light"] .sidebar-nav-item-platform-owner{background:linear-gradient(135deg, rgba(139,92,246,0.08) 0%, rgba(124,58,237,0.05) 100%);border-color:rgba(139,92,246,0.25);color:#7c3aed}[data-theme="light"] .sidebar-nav-item-platform-owner:hover{background:linear-gradient(135deg, rgba(139,92,246,0.15) 0%, rgba(124,58,237,0.1) 100%);border-color:rgba(139,92,246,0.4);color:#6d28d9}[data-theme="light"] .sidebar-divider{background:#e5e7eb}[data-theme="light"] .sidebar-section-label{color:#9ca3af}[data-theme="light"] .sidebar-tooltip{background:#1f2937;color:#ffffff}[data-theme="light"] .sidebar-action-tooltip{background:#1f2937;color:#ffffff}[data-theme="light"] .sidebar-footer{border-top-color:#e5e7eb}[data-theme="light"] .sidebar-user{background:#f3f4f6;color:#111827}[data-theme="light"] .sidebar-user:hover{background:#e5e7eb}[data-theme="light"] .sidebar-user-name{color:#111827}[data-theme="light"] .sidebar-user-email{color:#6b7280}[data-theme="light"] .sidebar-logout{color:#6b7280}[data-theme="light"] .sidebar-logout:hover{background:rgba(239,68,68,0.08);color:#dc2626}[data-theme="light"] .sidebar-search{background:#f3f4f6}[data-theme="light"] .sidebar-search:hover{background:#e5e7eb}[data-theme="light"] .sidebar-search-icon{color:#9ca3af}[data-theme="light"] .sidebar-search-input{color:#111827}[data-theme="light"] .sidebar-search-input::-moz-placeholder{color:#9ca3af}[data-theme="light"] .sidebar-search-input::placeholder{color:#9ca3af}[data-theme="light"] .sidebar-search-popup{background:#ffffff;box-shadow:0 8px 32px rgba(0,0,0,0.15);border:1px solid #e5e7eb}[data-theme="light"] .sidebar-search-popup-input{background:#f3f4f6;color:#111827}[data-theme="light"] .sidebar-search-popup-input::-moz-placeholder{color:#9ca3af}[data-theme="light"] .sidebar-search-popup-input::placeholder{color:#9ca3af}[data-theme="light"] .sidebar-search-popup-input:focus{background:#e5e7eb}@media (max-width: 1024px){[data-theme="light"] .mobile-menu-btn{background:#ffffff;color:#374151;box-shadow:0 4px 12px rgba(0,0,0,0.1);border:1px solid #e5e7eb}}[data-theme="light"] .sidebar-nav::-webkit-scrollbar{width:4px}[data-theme="light"] .sidebar-nav::-webkit-scrollbar-track{background:transparent}[data-theme="light"] .sidebar-nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:2px}[data-theme="light"] .sidebar-nav::-webkit-scrollbar-thumb:hover{background:#9ca3af}