.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}.sidebar-toggle{width:100%;padding:0.75rem 0;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,0.1);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,0.5);cursor:pointer;transition:all 0.2s}.sidebar-toggle:hover{background:rgba(255,255,255,0.05);color:#23AAE0}.sidebar-toggle svg{width:20px;height:20px}.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-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-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{justify-content:center;padding:1rem 0;margin:0.5rem 0.5rem;gap:0}.sidebar.collapsed .sidebar-nav-icon{width:26px;height:26px}.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}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}