.login{align-items:center;background-color:#c1beff;display:flex;height:100vh;justify-content:center}.login .card{background-color:#fff;border-radius:10px;display:flex;min-height:600px;overflow:hidden;width:50%}.login .card .left{background:linear-gradient(#270b6080,#270b6080),url(https://images.pexels.com/photos/3228727/pexels-photo-3228727.jpeg?auto=compress&cs=tinysrgb&w=1600) 50%;background-size:cover;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:30px;padding:50px}.login .card .left h1{font-size:100px;line-height:100px}.login .card .left span{font-size:14px}.login .card .left button{background-color:#fff;border:none;color:#639;cursor:pointer;font-weight:700;padding:10px;width:50%}.login .card .right{display:flex;flex:1 1;flex-direction:column;gap:50px;justify-content:center;padding:50px}.login .card .right h1{color:#555}.login .card .right form{display:flex;flex-direction:column;gap:30px}.login .card .right form input{border:none;border-bottom:1px solid #d3d3d3;padding:20px 10px}.login .card .right form button{background-color:#938eef;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px;width:50%}.register{align-items:center;background-color:#c1beff;display:flex;height:100vh;justify-content:center}.register .card{background-color:#fff;border-radius:10px;display:flex;flex-direction:row-reverse;min-height:600px;overflow:hidden;width:50%}.register .card .left{background:linear-gradient(#270b6080,#270b6080),url(https://images.pexels.com/photos/4881619/pexels-photo-4881619.jpeg?auto=compress&cs=tinysrgb&w=1600) 50%;background-size:cover;color:#fff;display:flex;flex:1 1;flex-direction:column;gap:30px;padding:50px}.register .card .left h1{font-size:100px;line-height:100px}.register .card .left span{font-size:14px}.register .card .left button{background-color:#fff;border:none;color:#639;cursor:pointer;font-weight:700;padding:10px;width:50%}.register .card .right{display:flex;flex:1 1;flex-direction:column;gap:50px;justify-content:center;padding:50px}.register .card .right h1{color:#555}.register .card .right form{display:flex;flex-direction:column;gap:30px}.register .card .right form input{border:none;border-bottom:1px solid #d3d3d3;padding:20px 10px}.register .card .right form button{background-color:#938eef;border:none;color:#fff;cursor:pointer;font-weight:700;padding:10px;width:50%}.theme-light .navbar{align-items:center;background-color:#fff;border-bottom:1px solid #d3d3d3;color:#000;display:flex;height:50px;justify-content:space-between;padding:10px 20px;position:sticky;top:0;z-index:999}.theme-light .navbar .left{align-items:center;display:flex;gap:30px}.theme-light .navbar .left .app-logo{align-items:center;display:flex;height:40px;text-decoration:none}.theme-light .navbar .left .app-logo img{height:100%;margin-right:10px;object-fit:contain;width:auto}.theme-light .navbar .left span{color:#00008b;font-size:20px;font-weight:700}.theme-light .navbar .left .nav-icon{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.theme-light .navbar .left .nav-icon:hover{background-color:#f6f3f3}.theme-light .navbar .left .nav-icon.active{background-color:#f6f3f3;color:#2078f4}.theme-light .navbar .left .nav-icon.small-icon{height:24px;width:24px}.theme-light .navbar .left .nav-icon.small-icon svg{font-size:18px}.theme-light .navbar .left .search{align-items:center;background-color:#f6f3f3;border:1px solid #d3d3d3;border-radius:5px;display:flex;gap:10px;padding:5px}.theme-light .navbar .left .search input{background-color:#0000;border:none;color:#000;width:500px}.theme-light .navbar .left .search input:focus{outline:none}.theme-light .navbar .left .search input::placeholder{color:#555}.theme-light .navbar .right{align-items:center;display:flex;gap:20px}.theme-light .navbar .right .nav-icon{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.theme-light .navbar .right .nav-icon:hover{background-color:#f6f3f3}.theme-light .navbar .right .nav-icon.active{background-color:#f6f3f3;color:#2078f4}.theme-light .navbar .right .nav-icon.theme-toggle{background-color:#f6f3f3;color:#000}.theme-light .navbar .right .nav-icon.theme-toggle:hover{background-color:#e3e9ff;transform:rotate(15deg)}.theme-light .navbar .right .nav-icon.small-icon{height:24px;width:24px}.theme-light .navbar .right .nav-icon.small-icon svg{font-size:18px}.theme-light .navbar .right .nav-icon .notification-badge{align-items:center;background-color:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;position:absolute;right:-5px;top:-5px;width:16px}.theme-light .navbar .right .user{align-items:center;display:flex;font-weight:500;gap:10px}.theme-light .navbar .right .user img{border:1px solid #d3d3d3;border-radius:50%;height:30px;object-fit:cover;width:30px}@media(max-width:768px){.theme-light .navbar .right .user span{display:none}}.theme-dark .navbar{align-items:center;background-color:#222;border-bottom:1px solid #444;color:#f5f5f5;display:flex;height:50px;justify-content:space-between;padding:10px 20px;position:sticky;top:0;z-index:999}.theme-dark .navbar .left{align-items:center;display:flex;gap:30px}.theme-dark .navbar .left .app-logo{align-items:center;display:flex;height:40px;text-decoration:none}.theme-dark .navbar .left .app-logo img{height:100%;margin-right:10px;object-fit:contain;width:auto}.theme-dark .navbar .left span{color:#fff;font-size:20px;font-weight:700}.theme-dark .navbar .left .nav-icon{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .2s;width:32px}.theme-dark .navbar .left .nav-icon:hover{background-color:#333}.theme-dark .navbar .left .nav-icon.active{background-color:#333;color:#2078f4}.theme-dark .navbar .left .nav-icon.small-icon{height:24px;width:24px}.theme-dark .navbar .left .nav-icon.small-icon svg{font-size:18px}.theme-dark .navbar .left .search{align-items:center;background-color:#333;border:1px solid #444;border-radius:5px;display:flex;gap:10px;padding:5px}.theme-dark .navbar .left .search input{background-color:#0000;border:none;color:#f5f5f5;width:500px}.theme-dark .navbar .left .search input:focus{outline:none}.theme-dark .navbar .left .search input::placeholder{color:#aaa}.theme-dark .navbar .right{align-items:center;display:flex;gap:20px}.theme-dark .navbar .right .nav-icon{align-items:center;border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;position:relative;transition:all .2s ease;width:32px}.theme-dark .navbar .right .nav-icon:hover{background-color:#333}.theme-dark .navbar .right .nav-icon.active{background-color:#333;color:#2078f4}.theme-dark .navbar .right .nav-icon.theme-toggle{background-color:#333;color:#f5f5f5}.theme-dark .navbar .right .nav-icon.theme-toggle:hover{background-color:#2c3a6d;transform:rotate(15deg)}.theme-dark .navbar .right .nav-icon.small-icon{height:24px;width:24px}.theme-dark .navbar .right .nav-icon.small-icon svg{font-size:18px}.theme-dark .navbar .right .nav-icon .notification-badge{align-items:center;background-color:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:10px;height:16px;justify-content:center;position:absolute;right:-5px;top:-5px;width:16px}.theme-dark .navbar .right .user{align-items:center;display:flex;font-weight:500;gap:10px}.theme-dark .navbar .right .user img{border:1px solid #444;border-radius:50%;height:30px;object-fit:cover;width:30px}@media(max-width:768px){.theme-dark .navbar .right .user span{display:none}}.theme-light .chatbot-overlay{background-color:#0000004d;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;visibility:hidden;z-index:999}.theme-light .chatbot-overlay.open{opacity:1;visibility:visible}@media(max-width:960px){.theme-light .chatbot-overlay{display:none}}.theme-dark .chatbot-overlay{background-color:#0000004d;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;visibility:hidden;z-index:999}.theme-dark .chatbot-overlay.open{opacity:1;visibility:visible}@media(max-width:960px){.theme-dark .chatbot-overlay{display:none}}.theme-light .sports-chatbot{background-color:#fff;border-left:1px solid #d3d3d3;bottom:0;box-shadow:-5px 0 15px #0000001a;display:flex;flex-direction:column;position:fixed;right:-400px;top:70px;transition:right .3s ease;width:350px;z-index:1000}@media(max-width:960px){.theme-light .sports-chatbot{width:320px}}@media(max-width:480px){.theme-light .sports-chatbot{right:-100%;top:60px;width:100%}}.theme-light .sports-chatbot.open{right:0}.theme-light .sports-chatbot .chatbot-header{align-items:center;background-color:#2078f4;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:15px}.theme-light .sports-chatbot .chatbot-header .header-title{align-items:center;display:flex;gap:10px}.theme-light .sports-chatbot .chatbot-header .header-title svg{font-size:24px}.theme-light .sports-chatbot .chatbot-header .header-title h3{font-size:18px;font-weight:600;margin:0}.theme-light .sports-chatbot .chatbot-header .close-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px}.theme-light .sports-chatbot .chatbot-header .close-btn:hover{opacity:.8}.theme-light .sports-chatbot .chatbot-header .close-btn svg{font-size:20px}.theme-light .sports-chatbot .chatbot-body{flex:1 1;overflow-y:auto;padding:15px}.theme-light .sports-chatbot .chatbot-body .messages-container{display:flex;flex-direction:column;gap:15px}.theme-light .sports-chatbot .chatbot-body .messages-container .message{display:flex;gap:10px;max-width:80%}.theme-light .sports-chatbot .chatbot-body .messages-container .message.user{align-self:flex-start}.theme-light .sports-chatbot .chatbot-body .messages-container .message.user .message-content{background-color:#2078f4;border-radius:15px 15px 15px 3px;color:#fff}.theme-light .sports-chatbot .chatbot-body .messages-container .message.user .message-content .message-time{color:#ffffffb3}.theme-light .sports-chatbot .chatbot-body .messages-container .message.bot{align-self:flex-end;flex-direction:row-reverse}.theme-light .sports-chatbot .chatbot-body .messages-container .message.bot .message-content{background-color:#f6f3f3;border-radius:15px 15px 3px 15px;color:#000}.theme-light .sports-chatbot .chatbot-body .messages-container .message .message-avatar{align-items:center;background-color:#2078f4;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.theme-light .sports-chatbot .chatbot-body .messages-container .message .message-avatar svg{color:#fff;font-size:20px}.theme-light .sports-chatbot .chatbot-body .messages-container .message .message-content{box-shadow:0 1px 2px #0000001a;padding:12px 15px}.theme-light .sports-chatbot .chatbot-body .messages-container .message .message-content .message-text{font-size:14px;line-height:1.4;margin-bottom:5px}.theme-light .sports-chatbot .chatbot-body .messages-container .message .message-content .message-time{color:#555;font-size:11px;text-align:right}.theme-light .sports-chatbot .chatbot-body .messages-container .message.typing{align-self:flex-end;flex-direction:row-reverse}.theme-light .sports-chatbot .chatbot-body .messages-container .message.typing .typing-indicator{align-items:center;background-color:#f6f3f3;border-radius:15px;display:flex;gap:4px;padding:15px}.theme-light .sports-chatbot .chatbot-body .messages-container .message.typing .typing-indicator span{animation:typing 1.4s infinite both;background-color:#555;border-radius:50%;display:block;height:8px;opacity:.6;width:8px}.theme-light .sports-chatbot .chatbot-body .messages-container .message.typing .typing-indicator span:nth-child(2){animation-delay:.2s}.theme-light .sports-chatbot .chatbot-body .messages-container .message.typing .typing-indicator span:nth-child(3){animation-delay:.4s}.theme-light .sports-chatbot .suggestion-chips{direction:rtl;display:flex;gap:10px;overflow-x:auto;padding:15px;scrollbar-width:none}.theme-light .sports-chatbot .suggestion-chips::-webkit-scrollbar{display:none}.theme-light .sports-chatbot .suggestion-chips button{align-items:center;background-color:#f6f3f3;border:none;border-radius:18px;color:#000;cursor:pointer;direction:ltr;display:flex;flex-shrink:0;font-size:13px;gap:5px;padding:8px 12px;transition:background-color .3s;white-space:nowrap}.theme-light .sports-chatbot .suggestion-chips button svg{color:#2078f4;font-size:16px}.theme-light .sports-chatbot .suggestion-chips button:hover{background-color:#f0f0f0}.theme-light .sports-chatbot .chatbot-input{border-top:1px solid #d3d3d3;display:flex;gap:10px;padding:15px}.theme-light .sports-chatbot .chatbot-input input{background-color:#f6f3f3;border:1px solid #d3d3d3;border-radius:20px;color:#000;flex:1 1;font-size:14px;outline:none;padding:10px 15px}.theme-light .sports-chatbot .chatbot-input input:focus{border-color:#2078f4}.theme-light .sports-chatbot .chatbot-input input::placeholder{color:#555}.theme-light .sports-chatbot .chatbot-input button{align-items:center;background-color:#2078f4;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;transition:opacity .3s;width:38px}.theme-light .sports-chatbot .chatbot-input button:disabled{cursor:not-allowed;opacity:.5}.theme-light .sports-chatbot .chatbot-input button:not(:disabled):hover{opacity:.9}.theme-light .sports-chatbot .chatbot-input button svg{font-size:18px}.theme-dark .sports-chatbot{background-color:#222;border-left:1px solid #444;bottom:0;box-shadow:-5px 0 15px #0000001a;display:flex;flex-direction:column;position:fixed;right:-400px;top:70px;transition:right .3s ease;width:350px;z-index:1000}@media(max-width:960px){.theme-dark .sports-chatbot{width:320px}}@media(max-width:480px){.theme-dark .sports-chatbot{right:-100%;top:60px;width:100%}}.theme-dark .sports-chatbot.open{right:0}.theme-dark .sports-chatbot .chatbot-header{align-items:center;background-color:#2078f4;border-bottom:1px solid #ffffff1a;color:#fff;display:flex;justify-content:space-between;padding:15px}.theme-dark .sports-chatbot .chatbot-header .header-title{align-items:center;display:flex;gap:10px}.theme-dark .sports-chatbot .chatbot-header .header-title svg{font-size:24px}.theme-dark .sports-chatbot .chatbot-header .header-title h3{font-size:18px;font-weight:600;margin:0}.theme-dark .sports-chatbot .chatbot-header .close-btn{align-items:center;background:#0000;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:5px}.theme-dark .sports-chatbot .chatbot-header .close-btn:hover{opacity:.8}.theme-dark .sports-chatbot .chatbot-header .close-btn svg{font-size:20px}.theme-dark .sports-chatbot .chatbot-body{flex:1 1;overflow-y:auto;padding:15px}.theme-dark .sports-chatbot .chatbot-body .messages-container{display:flex;flex-direction:column;gap:15px}.theme-dark .sports-chatbot .chatbot-body .messages-container .message{display:flex;gap:10px;max-width:80%}.theme-dark .sports-chatbot .chatbot-body .messages-container .message.user{align-self:flex-start}.theme-dark .sports-chatbot .chatbot-body .messages-container .message.user .message-content{background-color:#2078f4;border-radius:15px 15px 15px 3px;color:#fff}.theme-dark .sports-chatbot .chatbot-body .messages-container .message.user .message-content .message-time{color:#ffffffb3}.theme-dark .sports-chatbot .chatbot-body .messages-container .message.bot{align-self:flex-end;flex-direction:row-reverse}.theme-dark .sports-chatbot .chatbot-body .messages-container .message.bot .message-content{background-color:#333;border-radius:15px 15px 3px 15px;color:#f5f5f5}.theme-dark .sports-chatbot .chatbot-body .messages-container .message .message-avatar{align-items:center;background-color:#2078f4;border-radius:50%;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.theme-dark .sports-chatbot .chatbot-body .messages-container .message .message-avatar svg{color:#fff;font-size:20px}.theme-dark .sports-chatbot .chatbot-body .messages-container .message .message-content{box-shadow:0 1px 2px #0000001a;padding:12px 15px}.theme-dark .sports-chatbot .chatbot-body .messages-container .message .message-content .message-text{font-size:14px;line-height:1.4;margin-bottom:5px}.theme-dark .sports-chatbot .chatbot-body .messages-container .message .message-content .message-time{color:#aaa;font-size:11px;text-align:right}.theme-dark .sports-chatbot .chatbot-body .messages-container .message.typing{align-self:flex-end;flex-direction:row-reverse}.theme-dark .sports-chatbot .chatbot-body .messages-container .message.typing .typing-indicator{align-items:center;background-color:#333;border-radius:15px;display:flex;gap:4px;padding:15px}.theme-dark .sports-chatbot .chatbot-body .messages-container .message.typing .typing-indicator span{animation:typing 1.4s infinite both;background-color:#aaa;border-radius:50%;display:block;height:8px;opacity:.6;width:8px}.theme-dark .sports-chatbot .chatbot-body .messages-container .message.typing .typing-indicator span:nth-child(2){animation-delay:.2s}.theme-dark .sports-chatbot .chatbot-body .messages-container .message.typing .typing-indicator span:nth-child(3){animation-delay:.4s}.theme-dark .sports-chatbot .suggestion-chips{direction:rtl;display:flex;gap:10px;overflow-x:auto;padding:15px;scrollbar-width:none}.theme-dark .sports-chatbot .suggestion-chips::-webkit-scrollbar{display:none}.theme-dark .sports-chatbot .suggestion-chips button{align-items:center;background-color:#333;border:none;border-radius:18px;color:#f5f5f5;cursor:pointer;direction:ltr;display:flex;flex-shrink:0;font-size:13px;gap:5px;padding:8px 12px;transition:background-color .3s;white-space:nowrap}.theme-dark .sports-chatbot .suggestion-chips button svg{color:#2078f4;font-size:16px}.theme-dark .sports-chatbot .suggestion-chips button:hover{background-color:#2d2d2d}.theme-dark .sports-chatbot .chatbot-input{border-top:1px solid #444;display:flex;gap:10px;padding:15px}.theme-dark .sports-chatbot .chatbot-input input{background-color:#333;border:1px solid #444;border-radius:20px;color:#f5f5f5;flex:1 1;font-size:14px;outline:none;padding:10px 15px}.theme-dark .sports-chatbot .chatbot-input input:focus{border-color:#2078f4}.theme-dark .sports-chatbot .chatbot-input input::placeholder{color:#aaa}.theme-dark .sports-chatbot .chatbot-input button{align-items:center;background-color:#2078f4;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:38px;justify-content:center;transition:opacity .3s;width:38px}.theme-dark .sports-chatbot .chatbot-input button:disabled{cursor:not-allowed;opacity:.5}.theme-dark .sports-chatbot .chatbot-input button:not(:disabled):hover{opacity:.9}.theme-dark .sports-chatbot .chatbot-input button svg{font-size:18px}@keyframes typing{0%{transform:translateY(0)}28%{transform:translateY(-5px)}44%{transform:translateY(0)}}.theme-light .notification-overlay{background-color:#0000004d;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;visibility:hidden;z-index:999}.theme-light .notification-overlay.open{opacity:1;visibility:visible}@media(max-width:960px){.theme-light .notification-overlay{display:none}}.theme-dark .notification-overlay{background-color:#0000004d;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .3s ease;visibility:hidden;z-index:999}.theme-dark .notification-overlay.open{opacity:1;visibility:visible}@media(max-width:960px){.theme-dark .notification-overlay{display:none}}.theme-light .notifications-panel{background-color:#fff;border-left:1px solid #d3d3d3;bottom:0;box-shadow:-5px 0 15px #0000001a;display:flex;flex-direction:column;position:fixed;right:-400px;top:70px;transition:right .3s ease;width:380px;z-index:1000}@media(max-width:960px){.theme-light .notifications-panel{width:320px}}@media(max-width:480px){.theme-light .notifications-panel{right:-100%;width:100%}}.theme-light .notifications-panel.open{right:0}.theme-light .notifications-panel .panel-header{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;justify-content:space-between;padding:15px 20px}.theme-light .notifications-panel .panel-header .header-title{align-items:center;display:flex}.theme-light .notifications-panel .panel-header .header-title h3{color:#000;font-size:18px;font-weight:600;margin:0}.theme-light .notifications-panel .panel-header .header-title .unread-badge{align-items:center;background-color:#2078f4;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:22px;justify-content:center;margin-left:10px;width:22px}.theme-light .notifications-panel .panel-header .header-actions{display:flex;gap:5px}.theme-light .notifications-panel .panel-header .header-actions .header-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.theme-light .notifications-panel .panel-header .header-actions .header-btn:hover{background-color:#f6f3f3}.theme-light .notifications-panel .panel-header .header-actions .header-btn svg{font-size:20px}.theme-light .notifications-panel .panel-tabs{align-items:center;display:flex;margin-top:10px;overflow-x:auto;padding:0 5px;scrollbar-width:none}.theme-light .notifications-panel .panel-tabs::-webkit-scrollbar{display:none}.theme-light .notifications-panel .panel-tabs .tab-btn{background:none;border:none;color:#555;cursor:pointer;flex:1 1;font-size:14px;padding:10px 15px;position:relative;transition:color .3s;white-space:nowrap}.theme-light .notifications-panel .panel-tabs .tab-btn:hover{color:#000}.theme-light .notifications-panel .panel-tabs .tab-btn.active{color:#2078f4;font-weight:500}.theme-light .notifications-panel .panel-tabs .tab-btn.active:after{background-color:#2078f4;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.theme-light .notifications-panel .notifications-list{flex:1 1;overflow-y:auto;padding:10px 0}.theme-light .notifications-panel .notifications-list .notification-item{border-bottom:1px solid #d3d3d3;cursor:pointer;display:flex;padding:15px 20px;transition:background-color .2s}.theme-light .notifications-panel .notifications-list .notification-item:hover{background-color:#f6f3f3}.theme-light .notifications-panel .notifications-list .notification-item:hover .notification-actions{opacity:1}.theme-light .notifications-panel .notifications-list .notification-item.unread{background-color:#2078f40d}.theme-light .notifications-panel .notifications-list .notification-item.unread .notification-title{font-weight:600}.theme-light .notifications-panel .notifications-list .notification-item.unread .notification-title:before{background-color:#2078f4;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:8px;vertical-align:middle;width:8px}.theme-light .notifications-panel .notifications-list .notification-item .notification-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:15px;width:40px}.theme-light .notifications-panel .notifications-list .notification-item .notification-icon svg{font-size:20px}.theme-light .notifications-panel .notifications-list .notification-item .notification-content{flex:1 1;min-width:0}.theme-light .notifications-panel .notifications-list .notification-item .notification-content .notification-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:5px}.theme-light .notifications-panel .notifications-list .notification-item .notification-content .notification-header .notification-title{color:#000;font-size:15px}.theme-light .notifications-panel .notifications-list .notification-item .notification-content .notification-header .notification-time{color:#555;font-size:12px;margin-left:10px;white-space:nowrap}.theme-light .notifications-panel .notifications-list .notification-item .notification-content .notification-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:14px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.theme-light .notifications-panel .notifications-list .notification-item .notification-actions{display:flex;flex-direction:column;gap:8px;margin-left:10px;opacity:0;transition:opacity .2s}@media(max-width:480px){.theme-light .notifications-panel .notifications-list .notification-item .notification-actions{opacity:1}}.theme-light .notifications-panel .notifications-list .notification-item .notification-actions .action-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s}.theme-light .notifications-panel .notifications-list .notification-item .notification-actions .action-btn svg{font-size:18px}.theme-light .notifications-panel .notifications-list .notification-item .notification-actions .action-btn.read-btn:hover{background-color:#2078f41a;color:#2078f4}.theme-light .notifications-panel .notifications-list .notification-item .notification-actions .action-btn.delete-btn:hover{background-color:#f443361a;color:#f44336}.theme-light .notifications-panel .notifications-list .no-notifications{align-items:center;color:#555;display:flex;flex-direction:column;justify-content:center;padding:50px 20px}.theme-light .notifications-panel .notifications-list .no-notifications svg{font-size:48px;margin-bottom:20px;opacity:.5}.theme-light .notifications-panel .notifications-list .no-notifications p{font-size:16px;margin-bottom:20px}.theme-light .notifications-panel .notifications-list .no-notifications .view-all-btn{background-color:#0000;border:1px solid #d3d3d3;border-radius:20px;color:#2078f4;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.theme-light .notifications-panel .notifications-list .no-notifications .view-all-btn:hover{background-color:#2078f41a}.theme-light .notifications-panel .panel-footer{border-top:1px solid #d3d3d3;display:flex;justify-content:space-between;padding:15px 20px}.theme-light .notifications-panel .panel-footer .clear-all-btn{background-color:#0000;border:1px solid #d3d3d3;border-radius:4px;color:#000;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.theme-light .notifications-panel .panel-footer .clear-all-btn:hover{background-color:#f6f3f3}.theme-light .notifications-panel .panel-footer .settings-link{background-color:#0000;border:none;color:#2078f4;cursor:pointer;font-size:14px;padding:8px 0}.theme-light .notifications-panel .panel-footer .settings-link:hover{text-decoration:underline}.theme-dark .notifications-panel{background-color:#222;border-left:1px solid #444;bottom:0;box-shadow:-5px 0 15px #0000001a;display:flex;flex-direction:column;position:fixed;right:-400px;top:70px;transition:right .3s ease;width:380px;z-index:1000}@media(max-width:960px){.theme-dark .notifications-panel{width:320px}}@media(max-width:480px){.theme-dark .notifications-panel{right:-100%;width:100%}}.theme-dark .notifications-panel.open{right:0}.theme-dark .notifications-panel .panel-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:15px 20px}.theme-dark .notifications-panel .panel-header .header-title{align-items:center;display:flex}.theme-dark .notifications-panel .panel-header .header-title h3{color:#f5f5f5;font-size:18px;font-weight:600;margin:0}.theme-dark .notifications-panel .panel-header .header-title .unread-badge{align-items:center;background-color:#2078f4;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:600;height:22px;justify-content:center;margin-left:10px;width:22px}.theme-dark .notifications-panel .panel-header .header-actions{display:flex;gap:5px}.theme-dark .notifications-panel .panel-header .header-actions .header-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#f5f5f5;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:background-color .2s}.theme-dark .notifications-panel .panel-header .header-actions .header-btn:hover{background-color:#333}.theme-dark .notifications-panel .panel-header .header-actions .header-btn svg{font-size:20px}.theme-dark .notifications-panel .panel-tabs{align-items:center;display:flex;margin-top:10px;overflow-x:auto;padding:0 5px;scrollbar-width:none}.theme-dark .notifications-panel .panel-tabs::-webkit-scrollbar{display:none}.theme-dark .notifications-panel .panel-tabs .tab-btn{background:none;border:none;color:#aaa;cursor:pointer;flex:1 1;font-size:14px;padding:10px 15px;position:relative;transition:color .3s;white-space:nowrap}.theme-dark .notifications-panel .panel-tabs .tab-btn:hover{color:#f5f5f5}.theme-dark .notifications-panel .panel-tabs .tab-btn.active{color:#2078f4;font-weight:500}.theme-dark .notifications-panel .panel-tabs .tab-btn.active:after{background-color:#2078f4;border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.theme-dark .notifications-panel .notifications-list{flex:1 1;overflow-y:auto;padding:10px 0}.theme-dark .notifications-panel .notifications-list .notification-item{border-bottom:1px solid #444;cursor:pointer;display:flex;padding:15px 20px;transition:background-color .2s}.theme-dark .notifications-panel .notifications-list .notification-item:hover{background-color:#333}.theme-dark .notifications-panel .notifications-list .notification-item:hover .notification-actions{opacity:1}.theme-dark .notifications-panel .notifications-list .notification-item.unread{background-color:#2078f40d}.theme-dark .notifications-panel .notifications-list .notification-item.unread .notification-title{font-weight:600}.theme-dark .notifications-panel .notifications-list .notification-item.unread .notification-title:before{background-color:#2078f4;border-radius:50%;content:"";display:inline-block;height:8px;margin-right:8px;vertical-align:middle;width:8px}.theme-dark .notifications-panel .notifications-list .notification-item .notification-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:15px;width:40px}.theme-dark .notifications-panel .notifications-list .notification-item .notification-icon svg{font-size:20px}.theme-dark .notifications-panel .notifications-list .notification-item .notification-content{flex:1 1;min-width:0}.theme-dark .notifications-panel .notifications-list .notification-item .notification-content .notification-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:5px}.theme-dark .notifications-panel .notifications-list .notification-item .notification-content .notification-header .notification-title{color:#f5f5f5;font-size:15px}.theme-dark .notifications-panel .notifications-list .notification-item .notification-content .notification-header .notification-time{color:#aaa;font-size:12px;margin-left:10px;white-space:nowrap}.theme-dark .notifications-panel .notifications-list .notification-item .notification-content .notification-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#aaa;display:-webkit-box;font-size:14px;line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.theme-dark .notifications-panel .notifications-list .notification-item .notification-actions{display:flex;flex-direction:column;gap:8px;margin-left:10px;opacity:0;transition:opacity .2s}@media(max-width:480px){.theme-dark .notifications-panel .notifications-list .notification-item .notification-actions{opacity:1}}.theme-dark .notifications-panel .notifications-list .notification-item .notification-actions .action-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#aaa;cursor:pointer;display:flex;justify-content:center;padding:5px;transition:all .2s}.theme-dark .notifications-panel .notifications-list .notification-item .notification-actions .action-btn svg{font-size:18px}.theme-dark .notifications-panel .notifications-list .notification-item .notification-actions .action-btn.read-btn:hover{background-color:#2078f41a;color:#2078f4}.theme-dark .notifications-panel .notifications-list .notification-item .notification-actions .action-btn.delete-btn:hover{background-color:#f443361a;color:#f44336}.theme-dark .notifications-panel .notifications-list .no-notifications{align-items:center;color:#aaa;display:flex;flex-direction:column;justify-content:center;padding:50px 20px}.theme-dark .notifications-panel .notifications-list .no-notifications svg{font-size:48px;margin-bottom:20px;opacity:.5}.theme-dark .notifications-panel .notifications-list .no-notifications p{font-size:16px;margin-bottom:20px}.theme-dark .notifications-panel .notifications-list .no-notifications .view-all-btn{background-color:#0000;border:1px solid #444;border-radius:20px;color:#2078f4;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.theme-dark .notifications-panel .notifications-list .no-notifications .view-all-btn:hover{background-color:#2078f41a}.theme-dark .notifications-panel .panel-footer{border-top:1px solid #444;display:flex;justify-content:space-between;padding:15px 20px}.theme-dark .notifications-panel .panel-footer .clear-all-btn{background-color:#0000;border:1px solid #444;border-radius:4px;color:#f5f5f5;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.theme-dark .notifications-panel .panel-footer .clear-all-btn:hover{background-color:#333}.theme-dark .notifications-panel .panel-footer .settings-link{background-color:#0000;border:none;color:#2078f4;cursor:pointer;font-size:14px;padding:8px 0}.theme-dark .notifications-panel .panel-footer .settings-link:hover{text-decoration:underline}@media(max-width:768px){.notification-item{overflow:hidden;position:relative}.notification-item.swiping{transition:transform .2s ease}.notification-item .swipe-actions{align-items:center;display:flex;height:100%;position:absolute;right:0;top:0}.notification-item .swipe-actions .swipe-btn{align-items:center;color:#fff;display:flex;height:100%;justify-content:center;width:80px}.notification-item .swipe-actions .swipe-btn.read-action{background-color:#4caf50}.notification-item .swipe-actions .swipe-btn.delete-action{background-color:#f44336}}.logo-animation{align-items:center;display:flex;height:40px;overflow:hidden;position:relative;width:150px}.logo-animation .logo-container{height:100%;overflow:hidden;position:absolute;width:100%;z-index:0}.logo-animation .logo-container .sport-icon{animation:fall linear infinite;position:absolute}.theme-dark .logo-animation .logo-container .sport-icon,.theme-light .logo-animation .logo-container .sport-icon{opacity:.5}.logo-animation .logo-container .sport-icon svg{height:100%;width:100%}.logo-animation .logo-text{align-items:center;display:flex;justify-content:center;position:relative;width:100%;z-index:1}.logo-animation .logo-text .letter-container{display:inline-block;height:30px;position:relative}.logo-animation .logo-text .letter-container .logo-letter{display:inline-block;font-size:1.4rem;font-weight:700;position:relative;transform-origin:center;transition:all .3s;z-index:2}.theme-light .logo-animation .logo-text .letter-container .logo-letter{color:#000;text-shadow:0 0 10px #fffc}.theme-dark .logo-animation .logo-text .letter-container .logo-letter{color:#f5f5f5;text-shadow:0 0 10px #222c}.logo-animation .logo-text .letter-container .logo-letter:hover{opacity:0;transform:scale(0)}.logo-animation .logo-text .letter-container .letter-icon{align-items:center;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:absolute;top:0;transform:scale(0);transition:all .3s;width:100%;z-index:1}.logo-animation .logo-text .letter-container .letter-icon svg{height:20px;width:20px}.theme-dark .logo-animation .logo-text .letter-container .letter-icon svg,.theme-light .logo-animation .logo-text .letter-container .letter-icon svg{filter:none}.logo-animation .logo-text .letter-container .letter-icon.basketball svg{color:#ff5722}.logo-animation .logo-text .letter-container .letter-icon.soccer svg{color:#4caf50}.logo-animation .logo-text .letter-container .letter-icon.tennis svg{color:#ffeb3b}.logo-animation .logo-text .letter-container .letter-icon.baseball svg{color:#2196f3}.logo-animation .logo-text .letter-container .letter-icon.volleyball svg{color:#9c27b0}.logo-animation .logo-text .letter-container .letter-icon.hockey svg{color:#607d8b}.logo-animation .logo-text .letter-container .letter-icon.cricket svg{color:#3f51b5}.logo-animation .logo-text .letter-container .letter-icon.football svg{color:#795548}.logo-animation .logo-text .letter-container .letter-icon.fitness svg{color:#9c27b0}.logo-animation .logo-text .letter-container .letter-icon.golf svg{color:#8bc34a}.logo-animation .logo-text .letter-container:hover .logo-letter{opacity:0;transform:scale(0)}.logo-animation .logo-text .letter-container:hover .letter-icon{opacity:1;transform:scale(1) rotate(1turn)}.logo-animation .logo-text span{background:linear-gradient(45deg,#2078f4,#4caf50,#ff5722,#9c27b0);-webkit-background-clip:text;background-clip:text;color:#0000;display:none;font-size:1.5rem;font-weight:700;letter-spacing:1px}.theme-light .logo-animation .logo-text span{text-shadow:0 0 10px #fffc}.theme-dark .logo-animation .logo-text span{text-shadow:0 0 10px #222c}.logo-animation:hover .sport-icon{animation-play-state:paused}.logo-animation:hover .logo-text .letter-container{animation:bounce .5s}.logo-animation:hover .logo-text .letter-container:first-child{animation-delay:.05s}.logo-animation:hover .logo-text .letter-container:nth-child(2){animation-delay:.1s}.logo-animation:hover .logo-text .letter-container:nth-child(3){animation-delay:.15s}.logo-animation:hover .logo-text .letter-container:nth-child(4){animation-delay:.2s}.logo-animation:hover .logo-text .letter-container:nth-child(5){animation-delay:.25s}.logo-animation:hover .logo-text .letter-container:nth-child(6){animation-delay:.3s}.logo-animation:hover .logo-text .letter-container:nth-child(7){animation-delay:.35s}.logo-animation:hover .logo-text .letter-container:nth-child(8){animation-delay:.4s}@keyframes fall{0%{opacity:0;transform:translateY(-100%) rotate(0deg)}10%{opacity:.5}to{opacity:0;transform:translateY(250%) rotate(1turn)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes transform-to-icon{0%{opacity:1;transform:scale(1)}50%{opacity:0;transform:scale(0)}to{opacity:0;transform:scale(0)}}@keyframes transform-from-icon{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2) rotate(1turn)}to{opacity:1;transform:scale(1) rotate(1turn)}}.email-panel{display:flex;flex-direction:column;height:500px;overflow:hidden;position:fixed;right:20px;top:70px;width:600px;z-index:1000}.theme-light .email-panel{background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;box-shadow:0 0 15px #0003;color:#000}.theme-dark .email-panel{background-color:#222;border:1px solid #444;border-radius:10px;box-shadow:0 0 15px #0003;color:#f5f5f5}.email-panel .email-header{align-items:center;display:flex;justify-content:space-between;padding:10px 15px}.theme-light .email-panel .email-header{border-bottom:1px solid #d3d3d3}.theme-dark .email-panel .email-header{border-bottom:1px solid #444}.email-panel .email-header h3{font-size:1rem;margin:0}.email-panel .email-header .email-actions{display:flex;gap:10px}.email-panel .email-header .email-actions .action-icon{cursor:pointer;font-size:1rem}.email-panel .email-header .email-actions .action-icon:hover{color:#2078f4}.email-panel .email-content{display:flex;flex:1 1;overflow:hidden}.email-panel .email-content .email-sidebar{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:10px;width:150px}.theme-light .email-panel .email-content .email-sidebar{border-right:1px solid #d3d3d3}.theme-dark .email-panel .email-content .email-sidebar{border-right:1px solid #444}.email-panel .email-content .email-sidebar .compose-btn{align-items:center;background-color:#2078f4;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:5px;justify-content:center;padding:8px;transition:background-color .2s}.email-panel .email-content .email-sidebar .compose-btn:hover{background-color:#1862c6}.email-panel .email-content .email-sidebar .email-folders{display:flex;flex-direction:column;gap:3px}.email-panel .email-content .email-sidebar .email-folders .folder{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:.85rem;justify-content:space-between;padding:8px;transition:background-color .2s}.theme-light .email-panel .email-content .email-sidebar .email-folders .folder:hover{background-color:#f6f3f3}.theme-dark .email-panel .email-content .email-sidebar .email-folders .folder:hover{background-color:#333}.theme-light .email-panel .email-content .email-sidebar .email-folders .folder.active{background-color:#f6f3f3;font-weight:700}.theme-dark .email-panel .email-content .email-sidebar .email-folders .folder.active{background-color:#333;font-weight:700}.email-panel .email-content .email-sidebar .email-folders .folder .count,.email-panel .email-content .email-sidebar .email-folders .folder .unread-count{align-items:center;background-color:#2078f4;border-radius:9px;color:#fff;display:flex;font-size:.7rem;height:18px;justify-content:center;min-width:18px;padding:0 4px}.email-panel .email-content .email-main{flex:1 1;overflow-y:auto}.email-panel .email-content .email-main .email-list .email-item{cursor:pointer;display:flex;padding:10px;transition:background-color .2s}.theme-light .email-panel .email-content .email-main .email-list .email-item{border-bottom:1px solid #d3d3d3}.theme-dark .email-panel .email-content .email-main .email-list .email-item{border-bottom:1px solid #444}.theme-light .email-panel .email-content .email-main .email-list .email-item:hover{background-color:#f6f3f3}.theme-dark .email-panel .email-content .email-main .email-list .email-item:hover{background-color:#333}.email-panel .email-content .email-main .email-list .email-item.unread{font-weight:700}.theme-dark .email-panel .email-content .email-main .email-list .email-item.unread,.theme-light .email-panel .email-content .email-main .email-list .email-item.unread{background-color:#2078f40d}.email-panel .email-content .email-main .email-list .email-item .email-star{align-items:center;display:flex;margin-right:8px}.theme-light .email-panel .email-content .email-main .email-list .email-item .email-star{color:#555}.theme-dark .email-panel .email-content .email-main .email-list .email-item .email-star{color:#aaa}.email-panel .email-content .email-main .email-list .email-item .email-star .starred{color:#f4c520}.email-panel .email-content .email-main .email-list .email-item .email-star svg{font-size:1rem}.email-panel .email-content .email-main .email-list .email-item .email-details{flex:1 1}.email-panel .email-content .email-main .email-list .email-item .email-details h4{font-size:.9rem;margin:0 0 3px}.email-panel .email-content .email-main .email-list .email-item .email-details .email-subject{font-size:.85rem;margin-bottom:3px}.email-panel .email-content .email-main .email-list .email-item .email-details .email-preview{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-light .email-panel .email-content .email-main .email-list .email-item .email-details .email-preview{color:#555}.theme-dark .email-panel .email-content .email-main .email-list .email-item .email-details .email-preview{color:#aaa}.email-panel .email-content .email-main .email-list .email-item .email-date{font-size:.75rem;min-width:60px;text-align:right}.theme-light .email-panel .email-content .email-main .email-list .email-item .email-date{color:#555}.theme-dark .email-panel .email-content .email-main .email-list .email-item .email-date{color:#aaa}.email-panel .email-content .email-main .email-list .empty-state{align-items:center;display:flex;font-size:.9rem;height:150px;justify-content:center}.theme-light .email-panel .email-content .email-main .email-list .empty-state{color:#555}.theme-dark .email-panel .email-content .email-main .email-list .empty-state{color:#aaa}.email-panel .email-content .email-main .email-detail{padding:20px}.email-panel .email-content .email-main .email-detail .email-detail-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.email-panel .email-content .email-main .email-detail .email-detail-header .email-detail-subject{font-size:1.4rem;font-weight:700}.email-panel .email-content .email-main .email-detail .email-detail-header .email-detail-actions{display:flex;gap:10px}.email-panel .email-content .email-main .email-detail .email-detail-header .email-detail-actions .action-icon{cursor:pointer;font-size:1.2rem}.email-panel .email-content .email-main .email-detail .email-detail-header .email-detail-actions .action-icon:hover{color:#2078f4}.email-panel .email-content .email-main .email-detail .email-detail-info{display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:10px}.theme-light .email-panel .email-content .email-main .email-detail .email-detail-info{border-bottom:1px solid #d3d3d3}.theme-dark .email-panel .email-content .email-main .email-detail .email-detail-info{border-bottom:1px solid #444}.email-panel .email-content .email-main .email-detail .email-detail-info .sender-info{font-size:.9rem}.email-panel .email-content .email-main .email-detail .email-detail-info .email-date{font-size:.8rem}.theme-light .email-panel .email-content .email-main .email-detail .email-detail-info .email-date{color:#555}.theme-dark .email-panel .email-content .email-main .email-detail .email-detail-info .email-date{color:#aaa}.email-panel .email-content .email-main .email-detail .email-detail-body{line-height:1.6;margin-bottom:30px}.email-panel .email-content .email-main .email-detail .email-reply{margin-top:20px;padding-top:20px}.theme-light .email-panel .email-content .email-main .email-detail .email-reply{border-top:1px solid #d3d3d3}.theme-dark .email-panel .email-content .email-main .email-detail .email-reply{border-top:1px solid #444}.email-panel .email-content .email-main .email-detail .email-reply textarea{border-radius:5px;margin-bottom:10px;padding:10px;resize:vertical;width:100%}.theme-light .email-panel .email-content .email-main .email-detail .email-reply textarea{background-color:#f6f3f3;border:1px solid #d3d3d3;color:#000}.theme-dark .email-panel .email-content .email-main .email-detail .email-reply textarea{background-color:#333;border:1px solid #444;color:#f5f5f5}.email-panel .email-content .email-main .email-detail .email-reply .reply-btn{align-items:center;background-color:#2078f4;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:8px 15px}.email-panel .email-content .email-main .email-detail .email-reply .reply-btn:hover{background-color:#1862c6}.email-panel .email-content .email-main .compose-email{padding:20px}.email-panel .email-content .email-main .compose-email h3{font-size:1.2rem;margin-bottom:20px;margin-top:0}.email-panel .email-content .email-main .compose-email .compose-field{align-items:center;display:flex;margin-bottom:15px}.email-panel .email-content .email-main .compose-email .compose-field label{font-weight:700;width:80px}.email-panel .email-content .email-main .compose-email .compose-field input{border-radius:4px;flex:1 1;padding:8px}.theme-light .email-panel .email-content .email-main .compose-email .compose-field input{background-color:#f6f3f3;border:1px solid #d3d3d3;color:#000}.theme-dark .email-panel .email-content .email-main .compose-email .compose-field input{background-color:#333;border:1px solid #444;color:#f5f5f5}.email-panel .email-content .email-main .compose-email .compose-body{margin-bottom:20px}.email-panel .email-content .email-main .compose-email .compose-body textarea{border-radius:4px;padding:10px;resize:vertical;width:100%}.theme-light .email-panel .email-content .email-main .compose-email .compose-body textarea{background-color:#f6f3f3;border:1px solid #d3d3d3;color:#000}.theme-dark .email-panel .email-content .email-main .compose-email .compose-body textarea{background-color:#333;border:1px solid #444;color:#f5f5f5}.email-panel .email-content .email-main .compose-email .compose-actions{display:flex;gap:10px}.email-panel .email-content .email-main .compose-email .compose-actions button{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:10px 15px}.email-panel .email-content .email-main .compose-email .compose-actions button.send-btn{align-items:center;background-color:#2078f4;color:#fff;display:flex;gap:8px}.email-panel .email-content .email-main .compose-email .compose-actions button.send-btn:hover{background-color:#1862c6}.theme-light .email-panel .email-content .email-main .compose-email .compose-actions button.discard-btn{background-color:#f6f3f3;border:1px solid #d3d3d3;color:#000}.theme-light .email-panel .email-content .email-main .compose-email .compose-actions button.discard-btn:hover{background-color:#ebe4e4}.theme-dark .email-panel .email-content .email-main .compose-email .compose-actions button.discard-btn{background-color:#333;border:1px solid #444;color:#f5f5f5}.theme-dark .email-panel .email-content .email-main .compose-email .compose-actions button.discard-btn:hover{background-color:#262626}.user-switch{overflow:hidden;position:fixed;right:20px;top:70px;width:240px;z-index:1000}.theme-light .user-switch{background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;box-shadow:0 0 15px #0003;color:#000}.theme-dark .user-switch{background-color:#222;border:1px solid #444;border-radius:10px;box-shadow:0 0 15px #0003;color:#f5f5f5}.user-switch .header{align-items:center;display:flex;justify-content:space-between;padding:10px}.theme-light .user-switch .header{border-bottom:1px solid #d3d3d3}.theme-dark .user-switch .header{border-bottom:1px solid #444}.user-switch .header h3{font-size:.9rem;margin:0}.user-switch .header .close-icon{cursor:pointer;font-size:1rem}.user-switch .header .close-icon:hover{color:#2078f4}.user-switch .current-user{padding:10px}.theme-light .user-switch .current-user{border-bottom:1px solid #d3d3d3}.theme-dark .user-switch .current-user{border-bottom:1px solid #444}.user-switch .current-user .user-info{align-items:center;display:flex;gap:10px}.user-switch .current-user .user-info img{border-radius:50%;height:40px;object-fit:cover;width:40px}.user-switch .current-user .user-info .details h4{font-size:.9rem;margin:0 0 3px}.user-switch .current-user .user-info .details span{font-size:.75rem}.theme-light .user-switch .current-user .user-info .details span{color:#555}.theme-dark .user-switch .current-user .user-info .details span{color:#aaa}.user-switch .alternate-accounts{max-height:150px;overflow-y:auto;padding:10px}.theme-light .user-switch .alternate-accounts{border-bottom:1px solid #d3d3d3}.theme-dark .user-switch .alternate-accounts{border-bottom:1px solid #444}.user-switch .alternate-accounts .account-item{align-items:center;border-radius:5px;cursor:pointer;display:flex;gap:10px;padding:8px 0;transition:background-color .2s}.theme-light .user-switch .alternate-accounts .account-item:hover{background-color:#f6f3f3}.theme-dark .user-switch .alternate-accounts .account-item:hover{background-color:#333}.user-switch .alternate-accounts .account-item img{border-radius:50%;height:30px;object-fit:cover;width:30px}.user-switch .alternate-accounts .account-item .details h4{font-size:.85rem;margin:0 0 2px}.user-switch .alternate-accounts .account-item .details span{font-size:.7rem}.theme-light .user-switch .alternate-accounts .account-item .details span{color:#555}.theme-dark .user-switch .alternate-accounts .account-item .details span{color:#aaa}.user-switch .options{padding:8px}.user-switch .options .option-item{align-items:center;border-radius:5px;cursor:pointer;display:flex;font-size:.85rem;gap:10px;padding:8px;transition:background-color .2s}.theme-light .user-switch .options .option-item:hover{background-color:#e3e9ff}.theme-dark .user-switch .options .option-item:hover{background-color:#2c3a6d}.user-switch .options .option-item .option-icon{font-size:1rem}.theme-light .user-switch .options .option-item .option-icon{color:#555}.theme-dark .user-switch .options .option-item .option-icon{color:#aaa}.user-switch .options .option-item.logout{margin-top:5px;padding-top:8px}.theme-light .user-switch .options .option-item.logout{border-top:1px solid #d3d3d3}.theme-dark .user-switch .options .option-item.logout{border-top:1px solid #444}.user-switch .options .option-item.logout .option-icon{color:#e74c3c}.user-switch .options .option-item.logout span{color:#e74c3c;font-weight:500}.schedule-panel{display:flex;flex-direction:column;height:450px;overflow:hidden;position:fixed;right:20px;top:70px;width:400px;z-index:1000}.theme-light .schedule-panel{background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;box-shadow:0 0 15px #0003;color:#000}.theme-dark .schedule-panel{background-color:#222;border:1px solid #444;border-radius:10px;box-shadow:0 0 15px #0003;color:#f5f5f5}.schedule-panel .schedule-header{align-items:center;display:flex;justify-content:space-between;padding:10px 15px}.theme-light .schedule-panel .schedule-header{border-bottom:1px solid #d3d3d3}.theme-dark .schedule-panel .schedule-header{border-bottom:1px solid #444}.schedule-panel .schedule-header h3{font-size:1rem;margin:0}.schedule-panel .schedule-header .header-actions{display:flex;gap:8px}.schedule-panel .schedule-header .header-actions .action-icon{cursor:pointer;font-size:1rem}.schedule-panel .schedule-header .header-actions .action-icon:hover{color:#2078f4}.schedule-panel .schedule-content{flex:1 1;overflow-y:auto;padding:10px}.schedule-panel .schedule-content .calendar-header{margin-bottom:10px}.schedule-panel .schedule-content .calendar-header .month-selector{align-items:center;display:flex;gap:10px;justify-content:center}.schedule-panel .schedule-content .calendar-header .month-selector h4{font-size:.9rem;margin:0;min-width:120px;text-align:center}.schedule-panel .schedule-content .calendar-header .month-selector button{align-items:center;background:none;border-radius:50%;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;width:24px}.theme-light .schedule-panel .schedule-content .calendar-header .month-selector button{border:1px solid #d3d3d3;color:#000}.theme-dark .schedule-panel .schedule-content .calendar-header .month-selector button{border:1px solid #444;color:#f5f5f5}.theme-light .schedule-panel .schedule-content .calendar-header .month-selector button:hover{background-color:#f6f3f3}.theme-dark .schedule-panel .schedule-content .calendar-header .month-selector button:hover{background-color:#333}.schedule-panel .schedule-content .calendar-grid{margin-bottom:10px}.schedule-panel .schedule-content .calendar-grid .weekdays{display:grid;font-weight:500;grid-template-columns:repeat(7,1fr);margin-bottom:2px;text-align:center}.schedule-panel .schedule-content .calendar-grid .weekdays div{font-size:.75rem;padding:5px}.theme-light .schedule-panel .schedule-content .calendar-grid .weekdays div{color:#555}.theme-dark .schedule-panel .schedule-content .calendar-grid .weekdays div{color:#aaa}.schedule-panel .schedule-content .calendar-grid .days{grid-gap:1px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr)}.schedule-panel .schedule-content .calendar-grid .days .day{border-radius:3px;cursor:pointer;display:flex;flex-direction:column;height:36px;padding:3px;position:relative}.theme-light .schedule-panel .schedule-content .calendar-grid .days .day{border:1px solid #d3d3d3}.theme-dark .schedule-panel .schedule-content .calendar-grid .days .day{border:1px solid #444}.theme-light .schedule-panel .schedule-content .calendar-grid .days .day:hover{background-color:#f6f3f3}.theme-dark .schedule-panel .schedule-content .calendar-grid .days .day:hover{background-color:#333}.theme-dark .schedule-panel .schedule-content .calendar-grid .days .day.today,.theme-light .schedule-panel .schedule-content .calendar-grid .days .day.today{background-color:#2078f40d;border:1px solid #2078f4}.theme-dark .schedule-panel .schedule-content .calendar-grid .days .day.selected,.theme-light .schedule-panel .schedule-content .calendar-grid .days .day.selected{background-color:#2078f41a}.theme-light .schedule-panel .schedule-content .calendar-grid .days .day.other-month{color:#555}.theme-dark .schedule-panel .schedule-content .calendar-grid .days .day.other-month{color:#aaa}.schedule-panel .schedule-content .calendar-grid .days .day .day-number{font-size:.75rem;font-weight:500}.schedule-panel .schedule-content .calendar-grid .days .day .event-dots{align-items:center;display:flex;gap:1px;margin-top:auto}.schedule-panel .schedule-content .calendar-grid .days .day .event-dots .event-dot{border-radius:50%;height:5px;width:5px}.schedule-panel .schedule-content .calendar-grid .days .day .event-dots .event-count{font-size:.6rem}.theme-light .schedule-panel .schedule-content .calendar-grid .days .day .event-dots .event-count{color:#555}.theme-dark .schedule-panel .schedule-content .calendar-grid .days .day .event-dots .event-count{color:#aaa}.schedule-panel .schedule-content .events-list h4{font-size:.9rem;margin:0 0 10px;padding-bottom:8px}.theme-light .schedule-panel .schedule-content .events-list h4{border-bottom:1px solid #d3d3d3}.theme-dark .schedule-panel .schedule-content .events-list h4{border-bottom:1px solid #444}.schedule-panel .schedule-content .events-list .no-events{font-size:.8rem;font-style:italic;padding:15px 0;text-align:center}.theme-light .schedule-panel .schedule-content .events-list .no-events{color:#555}.theme-dark .schedule-panel .schedule-content .events-list .no-events{color:#aaa}.schedule-panel .schedule-content .events-list .event-item{border-left:3px solid #2078f4;border-radius:6px;margin-bottom:8px;padding:8px}.theme-light .schedule-panel .schedule-content .events-list .event-item{background-color:#f6f3f3}.theme-dark .schedule-panel .schedule-content .events-list .event-item{background-color:#333}.schedule-panel .schedule-content .events-list .event-item .event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.schedule-panel .schedule-content .events-list .event-item .event-header .event-title{align-items:center;display:flex;gap:8px}.schedule-panel .schedule-content .events-list .event-item .event-header .event-title .event-icon svg{font-size:.9rem}.theme-light .schedule-panel .schedule-content .events-list .event-item .event-header .event-title .event-icon svg{color:#555}.theme-dark .schedule-panel .schedule-content .events-list .event-item .event-header .event-title .event-icon svg{color:#aaa}.schedule-panel .schedule-content .events-list .event-item .event-header .event-title h5{font-size:.85rem;margin:0}.schedule-panel .schedule-content .events-list .event-item .event-header .event-actions{display:flex;gap:5px}.schedule-panel .schedule-content .events-list .event-item .event-header .event-actions .action-icon{cursor:pointer;font-size:.8rem}.schedule-panel .schedule-content .events-list .event-item .event-header .event-actions .action-icon:hover,.theme-dark .schedule-panel .schedule-content .events-list .event-item .event-header .event-actions .action-icon.active,.theme-light .schedule-panel .schedule-content .events-list .event-item .event-header .event-actions .action-icon.active{color:#2078f4}.schedule-panel .schedule-content .events-list .event-item .event-details{display:flex;flex-direction:column;gap:5px}.schedule-panel .schedule-content .events-list .event-item .event-details .event-detail{align-items:center;display:flex;font-size:.75rem;gap:8px}.theme-light .schedule-panel .schedule-content .events-list .event-item .event-details .event-detail{color:#555}.theme-dark .schedule-panel .schedule-content .events-list .event-item .event-details .event-detail{color:#aaa}.schedule-panel .schedule-content .events-list .event-item .event-details .event-detail svg{font-size:.8rem}.schedule-panel .schedule-content .events-list .event-item .event-details .event-description{font-size:.75rem;margin-top:5px}.theme-light .schedule-panel .schedule-content .events-list .event-item .event-details .event-description{color:#555}.theme-dark .schedule-panel .schedule-content .events-list .event-item .event-details .event-description{color:#aaa}.schedule-panel .schedule-content .events-list .add-event-btn{align-items:center;background-color:#2078f4;border:none;border-radius:50%;bottom:20px;box-shadow:0 2px 5px #0003;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;position:fixed;right:35px;width:36px;z-index:10}.schedule-panel .schedule-content .events-list .add-event-btn:hover{background-color:#1862c6}.schedule-panel .schedule-content .events-list .add-event-btn svg{font-size:20px}.schedule-panel .create-event-form,.schedule-panel .edit-event-form{padding:10px}.schedule-panel .create-event-form h4,.schedule-panel .edit-event-form h4{font-size:.9rem;margin:0 0 10px}.schedule-panel .create-event-form .form-group,.schedule-panel .edit-event-form .form-group{margin-bottom:10px}.schedule-panel .create-event-form .form-group label,.schedule-panel .edit-event-form .form-group label{display:block;font-size:.8rem;font-weight:500;margin-bottom:5px}.schedule-panel .create-event-form .form-group input,.schedule-panel .create-event-form .form-group select,.schedule-panel .create-event-form .form-group textarea,.schedule-panel .edit-event-form .form-group input,.schedule-panel .edit-event-form .form-group select,.schedule-panel .edit-event-form .form-group textarea{border-radius:4px;font-size:.8rem;padding:6px 8px;width:100%}.theme-light .schedule-panel .create-event-form .form-group input,.theme-light .schedule-panel .create-event-form .form-group select,.theme-light .schedule-panel .create-event-form .form-group textarea,.theme-light .schedule-panel .edit-event-form .form-group input,.theme-light .schedule-panel .edit-event-form .form-group select,.theme-light .schedule-panel .edit-event-form .form-group textarea{background-color:#f6f3f3;border:1px solid #d3d3d3;color:#000}.theme-dark .schedule-panel .create-event-form .form-group input,.theme-dark .schedule-panel .create-event-form .form-group select,.theme-dark .schedule-panel .create-event-form .form-group textarea,.theme-dark .schedule-panel .edit-event-form .form-group input,.theme-dark .schedule-panel .edit-event-form .form-group select,.theme-dark .schedule-panel .edit-event-form .form-group textarea{background-color:#333;border:1px solid #444;color:#f5f5f5}.schedule-panel .create-event-form .form-group input:focus,.schedule-panel .create-event-form .form-group select:focus,.schedule-panel .create-event-form .form-group textarea:focus,.schedule-panel .edit-event-form .form-group input:focus,.schedule-panel .edit-event-form .form-group select:focus,.schedule-panel .edit-event-form .form-group textarea:focus{border-color:#2078f4;outline:none}.schedule-panel .create-event-form .form-group textarea,.schedule-panel .edit-event-form .form-group textarea{min-height:60px;resize:vertical}.schedule-panel .create-event-form .form-group .time-inputs,.schedule-panel .edit-event-form .form-group .time-inputs{display:flex;gap:10px}.schedule-panel .create-event-form .form-group .time-inputs .time-input,.schedule-panel .edit-event-form .form-group .time-inputs .time-input{flex:1 1}.schedule-panel .create-event-form .form-group .time-inputs .time-input label,.schedule-panel .edit-event-form .form-group .time-inputs .time-input label{font-size:.75rem}.schedule-panel .create-event-form .form-group .checkbox-group,.schedule-panel .edit-event-form .form-group .checkbox-group{align-items:center;display:flex;gap:5px}.schedule-panel .create-event-form .form-group .checkbox-group input[type=checkbox],.schedule-panel .edit-event-form .form-group .checkbox-group input[type=checkbox]{width:auto}.schedule-panel .create-event-form .form-group .checkbox-group .reminder-select,.schedule-panel .edit-event-form .form-group .checkbox-group .reminder-select{flex:1 1;margin-left:10px}.schedule-panel .create-event-form .form-group .color-selector,.schedule-panel .edit-event-form .form-group .color-selector{display:flex;gap:5px}.schedule-panel .create-event-form .form-group .color-selector .color-option,.schedule-panel .edit-event-form .form-group .color-selector .color-option{border:2px solid #0000;border-radius:50%;cursor:pointer;height:20px;width:20px}.theme-light .schedule-panel .create-event-form .form-group .color-selector .color-option.selected,.theme-light .schedule-panel .edit-event-form .form-group .color-selector .color-option.selected{border-color:#000}.theme-dark .schedule-panel .create-event-form .form-group .color-selector .color-option.selected,.theme-dark .schedule-panel .edit-event-form .form-group .color-selector .color-option.selected{border-color:#f5f5f5}.schedule-panel .create-event-form .form-actions,.schedule-panel .edit-event-form .form-actions{display:flex;justify-content:space-between;margin-top:15px}.schedule-panel .create-event-form .form-actions button,.schedule-panel .edit-event-form .form-actions button{border:none;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:500;padding:6px 12px}.theme-light .schedule-panel .create-event-form .form-actions button.cancel-btn,.theme-light .schedule-panel .edit-event-form .form-actions button.cancel-btn{background-color:#f6f3f3;border:1px solid #d3d3d3;color:#000}.theme-light .schedule-panel .create-event-form .form-actions button.cancel-btn:hover,.theme-light .schedule-panel .edit-event-form .form-actions button.cancel-btn:hover{background-color:#ebe4e4}.theme-dark .schedule-panel .create-event-form .form-actions button.cancel-btn,.theme-dark .schedule-panel .edit-event-form .form-actions button.cancel-btn{background-color:#333;border:1px solid #444;color:#f5f5f5}.theme-dark .schedule-panel .create-event-form .form-actions button.cancel-btn:hover,.theme-dark .schedule-panel .edit-event-form .form-actions button.cancel-btn:hover{background-color:#262626}.schedule-panel .create-event-form .form-actions button.save-btn,.schedule-panel .edit-event-form .form-actions button.save-btn{align-items:center;background-color:#2078f4;color:#fff;display:flex;gap:5px}.schedule-panel .create-event-form .form-actions button.save-btn:hover,.schedule-panel .edit-event-form .form-actions button.save-btn:hover{background-color:#1862c6}.schedule-panel .create-event-form .form-actions button.save-btn svg,.schedule-panel .edit-event-form .form-actions button.save-btn svg{font-size:.9rem}.schedule-panel .create-event-form .form-actions button.delete-btn,.schedule-panel .edit-event-form .form-actions button.delete-btn{background-color:#e74c3c;color:#fff}.schedule-panel .create-event-form .form-actions button.delete-btn:hover,.schedule-panel .edit-event-form .form-actions button.delete-btn:hover{background-color:#c0392b}.theme-light .leftBar{background-color:#fff;color:#000;height:100%;overflow-y:auto;width:100%}.theme-light .leftBar::-webkit-scrollbar{display:none}.theme-light .leftBar .container{padding:20px}.theme-light .leftBar .container hr{background-color:#d3d3d3;border:none;height:.5px;margin:20px 0}.theme-light .leftBar .container .menu{display:flex;flex-direction:column;gap:20px}.theme-light .leftBar .container .menu span{font-size:12px}.theme-light .leftBar .container .menu .user{align-items:center;display:flex;gap:10px}.theme-light .leftBar .container .menu .user img{border-radius:50%;height:30px;object-fit:cover;width:30px}.theme-light .leftBar .container .menu .user span{font-size:14px}.theme-light .leftBar .container .menu .item,.theme-light .leftBar .container .menu .item .item-content{align-items:center;display:flex;gap:10px}.theme-light .leftBar .container .menu .item img{width:30px}.theme-light .leftBar .container .menu .item span{font-size:14px}.theme-dark .leftBar{background-color:#222;color:#f5f5f5;height:100%;overflow-y:auto;width:100%}.theme-dark .leftBar::-webkit-scrollbar{display:none}.theme-dark .leftBar .container{padding:20px}.theme-dark .leftBar .container hr{background-color:#444;border:none;height:.5px;margin:20px 0}.theme-dark .leftBar .container .menu{display:flex;flex-direction:column;gap:20px}.theme-dark .leftBar .container .menu span{font-size:12px}.theme-dark .leftBar .container .menu .user{align-items:center;display:flex;gap:10px}.theme-dark .leftBar .container .menu .user img{border-radius:50%;height:30px;object-fit:cover;width:30px}.theme-dark .leftBar .container .menu .user span{font-size:14px}.theme-dark .leftBar .container .menu .item,.theme-dark .leftBar .container .menu .item .item-content{align-items:center;display:flex;gap:10px}.theme-dark .leftBar .container .menu .item img{width:30px}.theme-dark .leftBar .container .menu .item span{font-size:14px}.theme-light .rightBar{background-color:#f6f3f3;height:100%;overflow-y:auto;width:100%}.theme-light .rightBar::-webkit-scrollbar{display:none}.theme-light .rightBar .container{padding:20px}.theme-light .rightBar .container .item{background-color:#fff;border-radius:10px;box-shadow:0 0 15px 1px #00000017;margin-bottom:20px;padding:20px}.theme-light .rightBar .container .item .title{align-items:center;color:#555;display:flex;font-weight:500;gap:10px;margin-bottom:15px}.theme-light .rightBar .container .item .title .icon{color:#5271ff;font-size:22px}.theme-light .rightBar .container .item .title span{font-size:16px}.theme-light .rightBar .container .item .user{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.theme-light .rightBar .container .item .user .userInfo{align-items:center;display:flex;gap:15px;position:relative}.theme-light .rightBar .container .item .user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-light .rightBar .container .item .user .userInfo .online{background-color:#32cd32;border-radius:50%;height:12px;left:30px;position:absolute;top:0;width:12px}.theme-light .rightBar .container .item .user .userInfo .textInfo{display:flex;flex-direction:column}.theme-light .rightBar .container .item .user .userInfo .textInfo span{color:#000;font-weight:500}.theme-light .rightBar .container .item .user .userInfo .textInfo p{color:#555;font-size:12px;margin:0}.theme-light .rightBar .container .item .user .userInfo .sportIcon{font-size:22px;margin-left:auto}.theme-light .rightBar .container .item .user .userInfo .sportIcon.basketball{color:#ff5722}.theme-light .rightBar .container .item .user .userInfo .sportIcon.soccer{color:#4caf50}.theme-light .rightBar .container .item .user .userInfo .sportIcon.tennis{color:#ffeb3b}.theme-light .rightBar .container .item .user .userInfo .sportIcon.baseball{color:#2196f3}.theme-light .rightBar .container .item .user .userInfo .sportIcon.volleyball{color:#9c27b0}.theme-light .rightBar .container .item .user .userInfo .sportIcon.hockey{color:#607d8b}.theme-light .rightBar .container .item .user .buttons{align-items:center;display:flex;gap:10px}.theme-light .rightBar .container .item .user .buttons button{background-color:#5271ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.theme-light .rightBar .container .item .user .buttons button:hover{background-color:#3b5dff}.theme-light .rightBar .container .item .user .joinButton{background-color:#5271ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.theme-light .rightBar .container .item .user .joinButton:hover{background-color:#3b5dff}.theme-light .rightBar .container .item .event{align-items:flex-start;border-bottom:1px solid #d3d3d3;display:flex;padding:15px 0}.theme-light .rightBar .container .item .event:last-child{border-bottom:none}.theme-light .rightBar .container .item .event .eventIcon{align-items:center;background-color:#f6f3f3;border-radius:8px;display:flex;justify-content:center;margin-right:15px;padding:10px}.theme-light .rightBar .container .item .event .eventIcon svg{font-size:24px}.theme-light .rightBar .container .item .event .eventIcon svg.soccer{color:#4caf50}.theme-light .rightBar .container .item .event .eventIcon svg.basketball{color:#ff5722}.theme-light .rightBar .container .item .event .eventIcon svg.running{color:#2196f3}.theme-light .rightBar .container .item .event .eventInfo{flex:1 1}.theme-light .rightBar .container .item .event .eventInfo h4{color:#000;margin:0 0 5px}.theme-light .rightBar .container .item .event .eventInfo .eventDetails{color:#555;display:flex;flex-wrap:wrap;font-size:12px;gap:15px;margin-bottom:5px}.theme-light .rightBar .container .item .event .eventInfo .eventDetails .date,.theme-light .rightBar .container .item .event .eventInfo .eventDetails .time,.theme-light .rightBar .container .item .event .eventInfo .eventDetails .venue{align-items:center;display:flex}.theme-light .rightBar .container .item .event .eventInfo .details,.theme-light .rightBar .container .item .event .eventInfo .teams{color:#000;font-size:13px;font-weight:500}.theme-light .rightBar .container .item .newsItem{border-bottom:1px solid #d3d3d3;display:flex;gap:15px;padding:15px 0}.theme-light .rightBar .container .item .newsItem:last-child{border-bottom:none}.theme-light .rightBar .container .item .newsItem img{border-radius:5px;height:60px;object-fit:cover;width:80px}.theme-light .rightBar .container .item .newsItem .newsContent{flex:1 1}.theme-light .rightBar .container .item .newsItem .newsContent h4{color:#000;font-size:14px;margin:0 0 5px}.theme-light .rightBar .container .item .newsItem .newsContent .timestamp{color:#555;display:block;font-size:12px;margin-bottom:5px}.theme-light .rightBar .container .item .newsItem .newsContent p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:13px;margin:0;overflow:hidden}.theme-light .rightBar .container .item .trendingTags{display:flex;flex-wrap:wrap;gap:10px}.theme-light .rightBar .container .item .trendingTags .tag{background-color:#f6f3f3;border-radius:20px;cursor:pointer;padding:8px 15px}.theme-light .rightBar .container .item .trendingTags .tag span{color:#5271ff;font-size:14px;font-weight:500}.theme-light .rightBar .container .item .trendingTags .tag:hover{background-color:#5271ff1a}.theme-light .rightBar .container .item .viewMore{border-top:1px solid #d3d3d3;margin-top:15px;padding-top:15px;text-align:center}.theme-light .rightBar .container .item .viewMore span{color:#5271ff;cursor:pointer;font-size:14px;font-weight:500}.theme-light .rightBar .container .item .viewMore span:hover{text-decoration:underline}.theme-dark .rightBar{background-color:#333;height:100%;overflow-y:auto;width:100%}.theme-dark .rightBar::-webkit-scrollbar{display:none}.theme-dark .rightBar .container{padding:20px}.theme-dark .rightBar .container .item{background-color:#222;border-radius:10px;box-shadow:0 0 15px 1px #00000017;margin-bottom:20px;padding:20px}.theme-dark .rightBar .container .item .title{align-items:center;color:#aaa;display:flex;font-weight:500;gap:10px;margin-bottom:15px}.theme-dark .rightBar .container .item .title .icon{color:#5271ff;font-size:22px}.theme-dark .rightBar .container .item .title span{font-size:16px}.theme-dark .rightBar .container .item .user{align-items:center;display:flex;justify-content:space-between;margin:20px 0}.theme-dark .rightBar .container .item .user .userInfo{align-items:center;display:flex;gap:15px;position:relative}.theme-dark .rightBar .container .item .user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .rightBar .container .item .user .userInfo .online{background-color:#32cd32;border-radius:50%;height:12px;left:30px;position:absolute;top:0;width:12px}.theme-dark .rightBar .container .item .user .userInfo .textInfo{display:flex;flex-direction:column}.theme-dark .rightBar .container .item .user .userInfo .textInfo span{color:#f5f5f5;font-weight:500}.theme-dark .rightBar .container .item .user .userInfo .textInfo p{color:#aaa;font-size:12px;margin:0}.theme-dark .rightBar .container .item .user .userInfo .sportIcon{font-size:22px;margin-left:auto}.theme-dark .rightBar .container .item .user .userInfo .sportIcon.basketball{color:#ff5722}.theme-dark .rightBar .container .item .user .userInfo .sportIcon.soccer{color:#4caf50}.theme-dark .rightBar .container .item .user .userInfo .sportIcon.tennis{color:#ffeb3b}.theme-dark .rightBar .container .item .user .userInfo .sportIcon.baseball{color:#2196f3}.theme-dark .rightBar .container .item .user .userInfo .sportIcon.volleyball{color:#9c27b0}.theme-dark .rightBar .container .item .user .userInfo .sportIcon.hockey{color:#607d8b}.theme-dark .rightBar .container .item .user .buttons{align-items:center;display:flex;gap:10px}.theme-dark .rightBar .container .item .user .buttons button{background-color:#5271ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.theme-dark .rightBar .container .item .user .buttons button:hover{background-color:#3b5dff}.theme-dark .rightBar .container .item .user .joinButton{background-color:#5271ff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px}.theme-dark .rightBar .container .item .user .joinButton:hover{background-color:#3b5dff}.theme-dark .rightBar .container .item .event{align-items:flex-start;border-bottom:1px solid #444;display:flex;padding:15px 0}.theme-dark .rightBar .container .item .event:last-child{border-bottom:none}.theme-dark .rightBar .container .item .event .eventIcon{align-items:center;background-color:#333;border-radius:8px;display:flex;justify-content:center;margin-right:15px;padding:10px}.theme-dark .rightBar .container .item .event .eventIcon svg{font-size:24px}.theme-dark .rightBar .container .item .event .eventIcon svg.soccer{color:#4caf50}.theme-dark .rightBar .container .item .event .eventIcon svg.basketball{color:#ff5722}.theme-dark .rightBar .container .item .event .eventIcon svg.running{color:#2196f3}.theme-dark .rightBar .container .item .event .eventInfo{flex:1 1}.theme-dark .rightBar .container .item .event .eventInfo h4{color:#f5f5f5;margin:0 0 5px}.theme-dark .rightBar .container .item .event .eventInfo .eventDetails{color:#aaa;display:flex;flex-wrap:wrap;font-size:12px;gap:15px;margin-bottom:5px}.theme-dark .rightBar .container .item .event .eventInfo .eventDetails .date,.theme-dark .rightBar .container .item .event .eventInfo .eventDetails .time,.theme-dark .rightBar .container .item .event .eventInfo .eventDetails .venue{align-items:center;display:flex}.theme-dark .rightBar .container .item .event .eventInfo .details,.theme-dark .rightBar .container .item .event .eventInfo .teams{color:#f5f5f5;font-size:13px;font-weight:500}.theme-dark .rightBar .container .item .newsItem{border-bottom:1px solid #444;display:flex;gap:15px;padding:15px 0}.theme-dark .rightBar .container .item .newsItem:last-child{border-bottom:none}.theme-dark .rightBar .container .item .newsItem img{border-radius:5px;height:60px;object-fit:cover;width:80px}.theme-dark .rightBar .container .item .newsItem .newsContent{flex:1 1}.theme-dark .rightBar .container .item .newsItem .newsContent h4{color:#f5f5f5;font-size:14px;margin:0 0 5px}.theme-dark .rightBar .container .item .newsItem .newsContent .timestamp{color:#aaa;display:block;font-size:12px;margin-bottom:5px}.theme-dark .rightBar .container .item .newsItem .newsContent p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#aaa;display:-webkit-box;font-size:13px;margin:0;overflow:hidden}.theme-dark .rightBar .container .item .trendingTags{display:flex;flex-wrap:wrap;gap:10px}.theme-dark .rightBar .container .item .trendingTags .tag{background-color:#333;border-radius:20px;cursor:pointer;padding:8px 15px}.theme-dark .rightBar .container .item .trendingTags .tag span{color:#5271ff;font-size:14px;font-weight:500}.theme-dark .rightBar .container .item .trendingTags .tag:hover{background-color:#5271ff1a}.theme-dark .rightBar .container .item .viewMore{border-top:1px solid #444;margin-top:15px;padding-top:15px;text-align:center}.theme-dark .rightBar .container .item .viewMore span{color:#5271ff;cursor:pointer;font-size:14px;font-weight:500}.theme-dark .rightBar .container .item .viewMore span:hover{text-decoration:underline}.stories{display:flex;gap:10px;height:250px;margin-bottom:30px}@media(max-width:480px){.stories{height:50px;justify-content:space-between;margin-bottom:0}}@media(max-width:960px){.stories{gap:20px;height:150px}}.stories .story{border-radius:10px;flex:1 1;overflow:hidden;position:relative}@media(max-width:480px){.stories .story{border-radius:50%;flex:none;height:50px;width:50px}}.stories .story img{height:100%;object-fit:cover;width:100%}.stories .story span{bottom:10px;color:#fff;font-weight:500;left:10px;position:absolute}@media(max-width:480px){.stories .story span{display:none}}.stories .story button{align-items:center;background-color:#5271ff;border:none;border-radius:50%;bottom:40px;color:#fff;cursor:pointer;display:flex;font-size:30px;height:30px;justify-content:center;left:10px;position:absolute;width:30px}@media(max-width:480px){.stories .story button{bottom:0;left:0;margin:auto;right:0;top:0}}.theme-light .post{background-color:#fff;border-radius:20px;box-shadow:0 0 25px -10px #00000061;color:#000}.theme-light .post .container{padding:20px}.theme-light .post .container .user{align-items:center;display:flex;justify-content:space-between}.theme-light .post .container .user .userInfo{display:flex;gap:20px}.theme-light .post .container .user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-light .post .container .user .userInfo .details{display:flex;flex-direction:column}.theme-light .post .container .user .userInfo .details .name{font-weight:500}.theme-light .post .container .user .userInfo .details .date{font-size:12px}.theme-light .post .container .content{margin:20px 0}.theme-light .post .container .content img{margin-top:20px;max-height:500px;object-fit:cover;width:100%}.theme-light .post .container .info{align-items:center;display:flex;gap:20px}.theme-light .post .container .info .item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:10px}.theme-dark .post{background-color:#222;border-radius:20px;box-shadow:0 0 25px -10px #00000061;color:#f5f5f5}.theme-dark .post .container{padding:20px}.theme-dark .post .container .user{align-items:center;display:flex;justify-content:space-between}.theme-dark .post .container .user .userInfo{display:flex;gap:20px}.theme-dark .post .container .user .userInfo img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .post .container .user .userInfo .details{display:flex;flex-direction:column}.theme-dark .post .container .user .userInfo .details .name{font-weight:500}.theme-dark .post .container .user .userInfo .details .date{font-size:12px}.theme-dark .post .container .content{margin:20px 0}.theme-dark .post .container .content img{margin-top:20px;max-height:500px;object-fit:cover;width:100%}.theme-dark .post .container .info{align-items:center;display:flex;gap:20px}.theme-dark .post .container .info .item{align-items:center;cursor:pointer;display:flex;font-size:14px;gap:10px}.theme-light .comments img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-light .comments .write{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:20px 0}.theme-light .comments .write input{background-color:#0000;border:1px solid #d3d3d3;color:#000;flex:5 1;padding:10px}.theme-light .comments .write button{background-color:#5271ff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:10px}.theme-light .comments .comment{display:flex;gap:20px;justify-content:space-between;margin:30px 0}.theme-light .comments .comment .info{align-items:flex-start;display:flex;flex:5 1;flex-direction:column;gap:3px}.theme-light .comments .comment .info span{font-weight:500}.theme-light .comments .comment .info p{color:#555}.theme-light .comments .comment .date{align-self:center;color:gray;flex:1 1;font-size:12px}.theme-dark .comments img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .comments .write{align-items:center;display:flex;gap:20px;justify-content:space-between;margin:20px 0}.theme-dark .comments .write input{background-color:#0000;border:1px solid #444;color:#f5f5f5;flex:5 1;padding:10px}.theme-dark .comments .write button{background-color:#5271ff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:10px}.theme-dark .comments .comment{display:flex;gap:20px;justify-content:space-between;margin:30px 0}.theme-dark .comments .comment .info{align-items:flex-start;display:flex;flex:5 1;flex-direction:column;gap:3px}.theme-dark .comments .comment .info span{font-weight:500}.theme-dark .comments .comment .info p{color:#aaa}.theme-dark .comments .comment .date{align-self:center;color:gray;flex:1 1;font-size:12px}.posts{display:flex;flex-direction:column;gap:50px}.theme-light .share{background-color:#fff;border-radius:20px;box-shadow:0 0 25px -10px #00000061;color:#000;margin-bottom:20px}.theme-light .share .container{padding:20px}.theme-light .share .container .top{align-items:center;display:flex;gap:20px}.theme-light .share .container .top img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-light .share .container .top input{background-color:#0000;border:none;color:#000;outline:none;padding:20px 10px;width:60%}.theme-light .share .container hr{background-color:#d3d3d3;border:none;height:.5px;margin:20px 0}.theme-light .share .container .bottom{align-items:center;display:flex;justify-content:space-between}.theme-light .share .container .bottom .left{align-items:center;display:flex;gap:20px}.theme-light .share .container .bottom .left .item{align-items:center;cursor:pointer;display:flex;gap:10px}.theme-light .share .container .bottom .left .item img{height:20px}.theme-light .share .container .bottom .left .item span{color:gray;font-size:12px}.theme-light .share .container .bottom .right button{background-color:#5271ff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px}.theme-dark .share{background-color:#222;border-radius:20px;box-shadow:0 0 25px -10px #00000061;color:#f5f5f5;margin-bottom:20px}.theme-dark .share .container{padding:20px}.theme-dark .share .container .top{align-items:center;display:flex;gap:20px}.theme-dark .share .container .top img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .share .container .top input{background-color:#0000;border:none;color:#f5f5f5;outline:none;padding:20px 10px;width:60%}.theme-dark .share .container hr{background-color:#444;border:none;height:.5px;margin:20px 0}.theme-dark .share .container .bottom{align-items:center;display:flex;justify-content:space-between}.theme-dark .share .container .bottom .left{align-items:center;display:flex;gap:20px}.theme-dark .share .container .bottom .left .item{align-items:center;cursor:pointer;display:flex;gap:10px}.theme-dark .share .container .bottom .left .item img{height:20px}.theme-dark .share .container .bottom .left .item span{color:gray;font-size:12px}.theme-dark .share .container .bottom .right button{background-color:#5271ff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:5px}.theme-light .home{background-color:#f6f3f3;padding:20px 70px}@media(max-width:480px){.theme-light .home{padding:10px}}@media(max-width:960px){.theme-light .home{padding:20px}}.theme-dark .home{background-color:#333;padding:20px 70px}@media(max-width:480px){.theme-dark .home{padding:10px}}@media(max-width:960px){.theme-dark .home{padding:20px}}.theme-light .profile{background-color:#f6f3f3}.theme-light .profile .images{height:300px;position:relative;width:100%}.theme-light .profile .images .cover{height:100%;object-fit:cover;width:100%}.theme-light .profile .images .profilePicContainer{border-radius:50%;height:200px;left:0;margin:auto;position:absolute;right:0;top:200px;width:200px}.theme-light .profile .images .profilePicContainer.hasStory{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);padding:4px}.theme-light .profile .images .profilePicContainer .profilePic{border:4px solid #fff;border-radius:50%;height:100%;object-fit:cover;width:100%}.theme-light .profile .images .profilePicContainer .addStoryBtn{align-items:center;background-color:#2078f4;border:3px solid #fff;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:10px;width:32px;z-index:2}.theme-light .profile .images .profilePicContainer .addStoryBtn svg{font-size:20px}.theme-light .profile .images .profilePicContainer .addStoryBtn:hover{transform:scale(1.1)}.theme-light .profile .profileContainer{padding:20px 70px}@media(max-width:480px){.theme-light .profile .profileContainer{padding:10px}}@media(max-width:960px){.theme-light .profile .profileContainer{padding:20px}}.theme-light .profile .profileContainer .uInfo{align-items:flex-start;background-color:#fff;border-radius:20px;box-shadow:0 0 25px -10px #00000061;color:#000;display:flex;height:auto;justify-content:space-between;margin-bottom:20px;margin-top:100px;padding:50px}@media(max-width:480px){.theme-light .profile .profileContainer .uInfo{flex-direction:column;gap:30px;margin-top:100px;padding:20px}}.theme-light .profile .profileContainer .uInfo .left{display:flex;flex:1 1;flex-direction:column;gap:20px}.theme-light .profile .profileContainer .uInfo .left .info-section h4{color:#000;font-size:16px;font-weight:600;margin-bottom:10px}.theme-light .profile .profileContainer .uInfo .left .info-section .bio{color:#555;font-size:14px;line-height:1.5}.theme-light .profile .profileContainer .uInfo .left .info-section .info-item{align-items:center;color:#555;display:flex;gap:10px;margin-bottom:8px}.theme-light .profile .profileContainer .uInfo .left .info-section .info-item svg{color:#555;font-size:18px}.theme-light .profile .profileContainer .uInfo .left .info-section .info-item span{font-size:14px}.theme-light .profile .profileContainer .uInfo .left .verified-badge{align-items:center;background-color:#4caf501a;border-radius:20px;display:flex;gap:8px;padding:8px 12px;width:-moz-fit-content;width:fit-content}.theme-light .profile .profileContainer .uInfo .left .verified-badge .verified-icon{color:#4caf50;font-size:18px}.theme-light .profile .profileContainer .uInfo .left .verified-badge span{color:#4caf50;font-size:14px;font-weight:500}.theme-light .profile .profileContainer .uInfo .center{align-items:center;display:flex;flex:1.5 1;flex-direction:column;gap:20px}.theme-light .profile .profileContainer .uInfo .center .profile-name-container{align-items:center;display:flex;flex-direction:column;gap:10px}.theme-light .profile .profileContainer .uInfo .center .profile-name-container .profile-name{font-size:28px;font-weight:600;text-align:center}.theme-light .profile .profileContainer .uInfo .center .profile-name-container .follow-btn{align-items:center;background-color:#2078f4;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:5px;padding:8px 20px;transition:all .3s ease}.theme-light .profile .profileContainer .uInfo .center .profile-name-container .follow-btn:hover{opacity:.9}.theme-light .profile .profileContainer .uInfo .center .profile-name-container .follow-btn svg{font-size:18px}.theme-light .profile .profileContainer .uInfo .center .stats-container{display:flex;gap:40px;justify-content:center;width:100%}.theme-light .profile .profileContainer .uInfo .center .stats-container .stat-item{align-items:center;display:flex;flex-direction:column;gap:5px}.theme-light .profile .profileContainer .uInfo .center .stats-container .stat-item .stat-count{color:#000;font-size:20px;font-weight:600}.theme-light .profile .profileContainer .uInfo .center .stats-container .stat-item .stat-label{color:#555;font-size:14px}.theme-light .profile .profileContainer .uInfo .right{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:20px}.theme-light .profile .profileContainer .uInfo .right .action-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.theme-light .profile .profileContainer .uInfo .right .action-buttons .action-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:all .3s ease}.theme-light .profile .profileContainer .uInfo .right .action-buttons .action-btn svg{font-size:18px}.theme-light .profile .profileContainer .uInfo .right .action-buttons .action-btn.email-btn{background-color:#2078f4;color:#fff}.theme-light .profile .profileContainer .uInfo .right .action-buttons .action-btn.email-btn:hover{opacity:.9}.theme-light .profile .profileContainer .uInfo .right .action-buttons .action-btn.edit-profile-btn{background-color:#f6f3f3;color:#000}.theme-light .profile .profileContainer .uInfo .right .action-buttons .action-btn.edit-profile-btn:hover{background-color:#e3e9ff}.theme-light .profile .profileContainer .uInfo .right .action-buttons .action-btn.more-btn{background-color:#f6f3f3;color:#000;padding:8px}.theme-light .profile .profileContainer .uInfo .right .action-buttons .action-btn.more-btn:hover{background-color:#e3e9ff}.theme-light .profile .profileContainer .uInfo .right .social-profiles{display:flex;gap:10px}.theme-light .profile .profileContainer .uInfo .right .social-profiles .social-icon{align-items:center;background-color:#f6f3f3;border-radius:50%;color:#000;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.theme-light .profile .profileContainer .uInfo .right .social-profiles .social-icon:hover{background-color:#e3e9ff;transform:translateY(-3px)}.theme-light .profile .profileContainer .uInfo .right .social-profiles .social-icon svg{font-size:18px}.theme-light .profile .profileContainer .userSports{background-color:#fff;border-radius:20px;box-shadow:0 0 25px -10px #00000061;margin-bottom:20px;padding:20px}.theme-light .profile .profileContainer .userSports h3{color:#000;font-size:18px;font-weight:600;margin-bottom:15px}.theme-light .profile .profileContainer .userSports .sports-list{display:flex;flex-wrap:wrap;gap:15px}.theme-light .profile .profileContainer .userSports .sports-list .sport-item{align-items:center;background-color:#f6f3f3;border-radius:10px;display:flex;gap:10px;min-width:160px;padding:10px 15px;transition:all .3s ease}.theme-light .profile .profileContainer .userSports .sports-list .sport-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.theme-light .profile .profileContainer .userSports .sports-list .sport-item .sport-icon{align-items:center;background-color:#5271ff1a;border-radius:50%;color:#5271ff;display:flex;height:40px;justify-content:center;width:40px}.theme-light .profile .profileContainer .userSports .sports-list .sport-item .sport-icon svg{font-size:24px}.theme-light .profile .profileContainer .userSports .sports-list .sport-item .sport-info{display:flex;flex-direction:column}.theme-light .profile .profileContainer .userSports .sports-list .sport-item .sport-info .sport-name{color:#000;font-size:15px;font-weight:600}.theme-light .profile .profileContainer .userSports .sports-list .sport-item .sport-info .sport-level{color:#555;font-size:12px}.theme-light .profile .profileContainer .userSports .sports-list .sport-item.add-sport{background-color:#0000;border:2px dashed #d3d3d3;color:#555;cursor:pointer;justify-content:center}.theme-light .profile .profileContainer .userSports .sports-list .sport-item.add-sport svg{font-size:20px}.theme-light .profile .profileContainer .userSports .sports-list .sport-item.add-sport:hover{border-color:#555;color:#000}.theme-light .profile .profileContainer .upcoming-events{background-color:#fff;border-radius:20px;box-shadow:0 0 25px -10px #00000061;margin-bottom:20px;padding:20px}.theme-light .profile .profileContainer .upcoming-events h3{color:#000;font-size:18px;font-weight:600;margin-bottom:15px}.theme-light .profile .profileContainer .upcoming-events .events-list{display:flex;flex-direction:column;gap:15px}.theme-light .profile .profileContainer .upcoming-events .events-list .event-item{align-items:center;background-color:#f6f3f3;border-radius:10px;display:flex;justify-content:space-between;padding:15px}.theme-light .profile .profileContainer .upcoming-events .events-list .event-item .event-details h4{color:#000;font-size:16px;font-weight:600;margin-bottom:5px}.theme-light .profile .profileContainer .upcoming-events .events-list .event-item .event-details .event-meta{display:flex;gap:15px}.theme-light .profile .profileContainer .upcoming-events .events-list .event-item .event-details .event-meta span{align-items:center;color:#555;display:flex;font-size:13px}.theme-light .profile .profileContainer .upcoming-events .events-list .event-item .event-action{background-color:#5271ff1a;border:none;border-radius:5px;color:#5271ff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.theme-light .profile .profileContainer .upcoming-events .events-list .event-item .event-action:hover{background-color:#5271ff;color:#fff}.theme-light .profile .profileContainer .upcoming-events .events-list .find-events-btn{align-items:center;background-color:#0000;border:2px dashed #d3d3d3;border-radius:10px;color:#555;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;margin-top:10px;padding:12px;transition:all .3s ease}.theme-light .profile .profileContainer .upcoming-events .events-list .find-events-btn:hover{border-color:#555;color:#000}.theme-light .profile .profileContainer .profile-tabs{background-color:#fff;border-radius:20px;box-shadow:0 0 25px -10px #00000061;overflow:hidden}.theme-light .profile .profileContainer .profile-tabs .tab-buttons{border-bottom:1px solid #d3d3d3;display:flex;overflow-x:auto}.theme-light .profile .profileContainer .profile-tabs .tab-buttons::-webkit-scrollbar{height:0;width:0}.theme-light .profile .profileContainer .profile-tabs .tab-buttons .tab-btn{background-color:#0000;border:none;color:#555;cursor:pointer;font-size:15px;font-weight:600;padding:16px 20px;transition:all .3s ease;white-space:nowrap}.theme-light .profile .profileContainer .profile-tabs .tab-buttons .tab-btn:hover{color:#000}.theme-light .profile .profileContainer .profile-tabs .tab-buttons .tab-btn.active{color:#5271ff;position:relative}.theme-light .profile .profileContainer .profile-tabs .tab-buttons .tab-btn.active:after{background-color:#5271ff;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.theme-light .profile .profileContainer .profile-tabs .tab-content{padding:20px}.theme-light .profile .profileContainer .profile-tabs .tab-content .teams-container .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-light .profile .profileContainer .profile-tabs .tab-content .teams-container .section-header h3{color:#000;font-size:18px;font-weight:600}.theme-light .profile .profileContainer .profile-tabs .tab-content .teams-container .section-header .add-btn{align-items:center;background-color:#5271ff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:all .3s ease}.theme-light .profile .profileContainer .profile-tabs .tab-content .teams-container .section-header .add-btn:hover{opacity:.9}.theme-light .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.theme-light .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card{align-items:center;background-color:#f6f3f3;border-radius:10px;display:flex;flex-direction:column;padding:20px;position:relative;transition:all .3s ease}.theme-light .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.theme-light .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card .team-logo{height:80px;margin-bottom:15px;object-fit:contain;width:80px}.theme-light .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card .team-info{text-align:center}.theme-light .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card .team-info h4{color:#000;font-size:16px;font-weight:600;margin-bottom:5px}.theme-light .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card .team-info .team-league{color:#555;font-size:13px}.theme-light .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card .edit-btn{background-color:#0000;border:none;color:#555;cursor:pointer;position:absolute;right:10px;top:10px}.theme-light .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card .edit-btn:hover{color:#000}.theme-light .profile .profileContainer .profile-tabs .tab-content .players-container .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-light .profile .profileContainer .profile-tabs .tab-content .players-container .section-header h3{color:#000;font-size:18px;font-weight:600}.theme-light .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.theme-light .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card{background-color:#f6f3f3;border-radius:10px;padding:15px;position:relative;transition:all .3s ease}.theme-light .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.theme-light .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card .player-photo{border-radius:8px;height:180px;margin-bottom:15px;overflow:hidden;width:100%}.theme-light .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card .player-photo img{height:100%;object-fit:cover;width:100%}.theme-light .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card .player-info h4{color:#000;font-size:16px;font-weight:600;margin-bottom:5px}.theme-light .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card .player-info .player-team{color:#555;font-size:13px}.theme-light .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card .edit-btn{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.theme-light .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card .edit-btn:hover{background-color:#000000b3}.theme-light .profile .profileContainer .profile-tabs .tab-content .highlights-container .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-light .profile .profileContainer .profile-tabs .tab-content .highlights-container .section-header h3{color:#000;font-size:18px;font-weight:600}.theme-light .profile .profileContainer .profile-tabs .tab-content .highlights-container .section-header .add-btns{display:flex;gap:10px}.theme-light .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.theme-light .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card{background-color:#f6f3f3;border-radius:10px;overflow:hidden;transition:all .3s ease}.theme-light .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.theme-light .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-thumbnail{height:150px;position:relative}.theme-light .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-thumbnail img{height:100%;object-fit:cover;width:100%}.theme-light .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-thumbnail .video-overlay{align-items:center;background-color:#000000b3;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.theme-light .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-thumbnail .video-overlay svg{font-size:16px}.theme-light .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-info{padding:15px}.theme-light .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-info h4{color:#000;font-size:15px;font-weight:600;margin-bottom:8px}.theme-light .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-info .highlight-stats{color:#555;font-size:12px}.theme-light .profile .profileContainer .profile-tabs .tab-content .achievements-container .section-header{margin-bottom:20px}.theme-light .profile .profileContainer .profile-tabs .tab-content .achievements-container .section-header h3{color:#000;font-size:18px;font-weight:600}.theme-light .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.theme-light .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid .achievement-card{background-color:#f6f3f3;border-radius:10px;padding:20px;text-align:center;transition:all .3s ease}.theme-light .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid .achievement-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.theme-light .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid .achievement-card .achievement-icon{align-items:center;background-color:#5271ff1a;border-radius:50%;color:#5271ff;display:flex;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.theme-light .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid .achievement-card .achievement-icon svg{font-size:30px}.theme-light .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid .achievement-card .achievement-info h4{color:#000;font-size:16px;font-weight:600;margin-bottom:8px}.theme-light .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid .achievement-card .achievement-info p{color:#555;font-size:13px}.theme-light .profile .profileContainer .profile-tabs .tab-content .connections-container .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-light .profile .profileContainer .profile-tabs .tab-content .connections-container .section-header h3{color:#000;font-size:18px;font-weight:600}.theme-light .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.theme-light .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card{align-items:center;background-color:#f6f3f3;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.theme-light .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.theme-light .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card .connection-pic{border-radius:50%;height:50px;object-fit:cover;width:50px}.theme-light .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card .connection-info{flex:1 1}.theme-light .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card .connection-info h4{color:#000;font-size:15px;font-weight:600;margin-bottom:4px}.theme-light .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card .connection-info span{color:#555;font-size:12px}.theme-light .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card .connect-btn{background-color:#5271ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.theme-light .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card .connect-btn:hover{opacity:.9}.theme-dark .profile{background-color:#333}.theme-dark .profile .images{height:300px;position:relative;width:100%}.theme-dark .profile .images .cover{height:100%;object-fit:cover;width:100%}.theme-dark .profile .images .profilePicContainer{border-radius:50%;height:200px;left:0;margin:auto;position:absolute;right:0;top:200px;width:200px}.theme-dark .profile .images .profilePicContainer.hasStory{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);padding:4px}.theme-dark .profile .images .profilePicContainer .profilePic{border:4px solid #222;border-radius:50%;height:100%;object-fit:cover;width:100%}.theme-dark .profile .images .profilePicContainer .addStoryBtn{align-items:center;background-color:#2078f4;border:3px solid #222;border-radius:50%;bottom:10px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:10px;width:32px;z-index:2}.theme-dark .profile .images .profilePicContainer .addStoryBtn svg{font-size:20px}.theme-dark .profile .images .profilePicContainer .addStoryBtn:hover{transform:scale(1.1)}.theme-dark .profile .profileContainer{padding:20px 70px}@media(max-width:480px){.theme-dark .profile .profileContainer{padding:10px}}@media(max-width:960px){.theme-dark .profile .profileContainer{padding:20px}}.theme-dark .profile .profileContainer .uInfo{align-items:flex-start;background-color:#222;border-radius:20px;box-shadow:0 0 25px -10px #00000061;color:#f5f5f5;display:flex;height:auto;justify-content:space-between;margin-bottom:20px;margin-top:100px;padding:50px}@media(max-width:480px){.theme-dark .profile .profileContainer .uInfo{flex-direction:column;gap:30px;margin-top:100px;padding:20px}}.theme-dark .profile .profileContainer .uInfo .left{display:flex;flex:1 1;flex-direction:column;gap:20px}.theme-dark .profile .profileContainer .uInfo .left .info-section h4{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:10px}.theme-dark .profile .profileContainer .uInfo .left .info-section .bio{color:#aaa;font-size:14px;line-height:1.5}.theme-dark .profile .profileContainer .uInfo .left .info-section .info-item{align-items:center;color:#aaa;display:flex;gap:10px;margin-bottom:8px}.theme-dark .profile .profileContainer .uInfo .left .info-section .info-item svg{color:#aaa;font-size:18px}.theme-dark .profile .profileContainer .uInfo .left .info-section .info-item span{font-size:14px}.theme-dark .profile .profileContainer .uInfo .left .verified-badge{align-items:center;background-color:#4caf501a;border-radius:20px;display:flex;gap:8px;padding:8px 12px;width:-moz-fit-content;width:fit-content}.theme-dark .profile .profileContainer .uInfo .left .verified-badge .verified-icon{color:#4caf50;font-size:18px}.theme-dark .profile .profileContainer .uInfo .left .verified-badge span{color:#4caf50;font-size:14px;font-weight:500}.theme-dark .profile .profileContainer .uInfo .center{align-items:center;display:flex;flex:1.5 1;flex-direction:column;gap:20px}.theme-dark .profile .profileContainer .uInfo .center .profile-name-container{align-items:center;display:flex;flex-direction:column;gap:10px}.theme-dark .profile .profileContainer .uInfo .center .profile-name-container .profile-name{font-size:28px;font-weight:600;text-align:center}.theme-dark .profile .profileContainer .uInfo .center .profile-name-container .follow-btn{align-items:center;background-color:#2078f4;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:5px;padding:8px 20px;transition:all .3s ease}.theme-dark .profile .profileContainer .uInfo .center .profile-name-container .follow-btn:hover{opacity:.9}.theme-dark .profile .profileContainer .uInfo .center .profile-name-container .follow-btn svg{font-size:18px}.theme-dark .profile .profileContainer .uInfo .center .stats-container{display:flex;gap:40px;justify-content:center;width:100%}.theme-dark .profile .profileContainer .uInfo .center .stats-container .stat-item{align-items:center;display:flex;flex-direction:column;gap:5px}.theme-dark .profile .profileContainer .uInfo .center .stats-container .stat-item .stat-count{color:#f5f5f5;font-size:20px;font-weight:600}.theme-dark .profile .profileContainer .uInfo .center .stats-container .stat-item .stat-label{color:#aaa;font-size:14px}.theme-dark .profile .profileContainer .uInfo .right{align-items:flex-end;display:flex;flex:1 1;flex-direction:column;gap:20px}.theme-dark .profile .profileContainer .uInfo .right .action-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.theme-dark .profile .profileContainer .uInfo .right .action-buttons .action-btn{align-items:center;border:none;border-radius:5px;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:all .3s ease}.theme-dark .profile .profileContainer .uInfo .right .action-buttons .action-btn svg{font-size:18px}.theme-dark .profile .profileContainer .uInfo .right .action-buttons .action-btn.email-btn{background-color:#2078f4;color:#fff}.theme-dark .profile .profileContainer .uInfo .right .action-buttons .action-btn.email-btn:hover{opacity:.9}.theme-dark .profile .profileContainer .uInfo .right .action-buttons .action-btn.edit-profile-btn{background-color:#333;color:#f5f5f5}.theme-dark .profile .profileContainer .uInfo .right .action-buttons .action-btn.edit-profile-btn:hover{background-color:#2c3a6d}.theme-dark .profile .profileContainer .uInfo .right .action-buttons .action-btn.more-btn{background-color:#333;color:#f5f5f5;padding:8px}.theme-dark .profile .profileContainer .uInfo .right .action-buttons .action-btn.more-btn:hover{background-color:#2c3a6d}.theme-dark .profile .profileContainer .uInfo .right .social-profiles{display:flex;gap:10px}.theme-dark .profile .profileContainer .uInfo .right .social-profiles .social-icon{align-items:center;background-color:#333;border-radius:50%;color:#f5f5f5;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.theme-dark .profile .profileContainer .uInfo .right .social-profiles .social-icon:hover{background-color:#2c3a6d;transform:translateY(-3px)}.theme-dark .profile .profileContainer .uInfo .right .social-profiles .social-icon svg{font-size:18px}.theme-dark .profile .profileContainer .userSports{background-color:#222;border-radius:20px;box-shadow:0 0 25px -10px #00000061;margin-bottom:20px;padding:20px}.theme-dark .profile .profileContainer .userSports h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:15px}.theme-dark .profile .profileContainer .userSports .sports-list{display:flex;flex-wrap:wrap;gap:15px}.theme-dark .profile .profileContainer .userSports .sports-list .sport-item{align-items:center;background-color:#333;border-radius:10px;display:flex;gap:10px;min-width:160px;padding:10px 15px;transition:all .3s ease}.theme-dark .profile .profileContainer .userSports .sports-list .sport-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.theme-dark .profile .profileContainer .userSports .sports-list .sport-item .sport-icon{align-items:center;background-color:#5271ff1a;border-radius:50%;color:#5271ff;display:flex;height:40px;justify-content:center;width:40px}.theme-dark .profile .profileContainer .userSports .sports-list .sport-item .sport-icon svg{font-size:24px}.theme-dark .profile .profileContainer .userSports .sports-list .sport-item .sport-info{display:flex;flex-direction:column}.theme-dark .profile .profileContainer .userSports .sports-list .sport-item .sport-info .sport-name{color:#f5f5f5;font-size:15px;font-weight:600}.theme-dark .profile .profileContainer .userSports .sports-list .sport-item .sport-info .sport-level{color:#aaa;font-size:12px}.theme-dark .profile .profileContainer .userSports .sports-list .sport-item.add-sport{background-color:#0000;border:2px dashed #444;color:#aaa;cursor:pointer;justify-content:center}.theme-dark .profile .profileContainer .userSports .sports-list .sport-item.add-sport svg{font-size:20px}.theme-dark .profile .profileContainer .userSports .sports-list .sport-item.add-sport:hover{border-color:#aaa;color:#f5f5f5}.theme-dark .profile .profileContainer .upcoming-events{background-color:#222;border-radius:20px;box-shadow:0 0 25px -10px #00000061;margin-bottom:20px;padding:20px}.theme-dark .profile .profileContainer .upcoming-events h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:15px}.theme-dark .profile .profileContainer .upcoming-events .events-list{display:flex;flex-direction:column;gap:15px}.theme-dark .profile .profileContainer .upcoming-events .events-list .event-item{align-items:center;background-color:#333;border-radius:10px;display:flex;justify-content:space-between;padding:15px}.theme-dark .profile .profileContainer .upcoming-events .events-list .event-item .event-details h4{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:5px}.theme-dark .profile .profileContainer .upcoming-events .events-list .event-item .event-details .event-meta{display:flex;gap:15px}.theme-dark .profile .profileContainer .upcoming-events .events-list .event-item .event-details .event-meta span{align-items:center;color:#aaa;display:flex;font-size:13px}.theme-dark .profile .profileContainer .upcoming-events .events-list .event-item .event-action{background-color:#5271ff1a;border:none;border-radius:5px;color:#5271ff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.theme-dark .profile .profileContainer .upcoming-events .events-list .event-item .event-action:hover{background-color:#5271ff;color:#fff}.theme-dark .profile .profileContainer .upcoming-events .events-list .find-events-btn{align-items:center;background-color:#0000;border:2px dashed #444;border-radius:10px;color:#aaa;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:10px;justify-content:center;margin-top:10px;padding:12px;transition:all .3s ease}.theme-dark .profile .profileContainer .upcoming-events .events-list .find-events-btn:hover{border-color:#aaa;color:#f5f5f5}.theme-dark .profile .profileContainer .profile-tabs{background-color:#222;border-radius:20px;box-shadow:0 0 25px -10px #00000061;overflow:hidden}.theme-dark .profile .profileContainer .profile-tabs .tab-buttons{border-bottom:1px solid #444;display:flex;overflow-x:auto}.theme-dark .profile .profileContainer .profile-tabs .tab-buttons::-webkit-scrollbar{height:0;width:0}.theme-dark .profile .profileContainer .profile-tabs .tab-buttons .tab-btn{background-color:#0000;border:none;color:#aaa;cursor:pointer;font-size:15px;font-weight:600;padding:16px 20px;transition:all .3s ease;white-space:nowrap}.theme-dark .profile .profileContainer .profile-tabs .tab-buttons .tab-btn:hover{color:#f5f5f5}.theme-dark .profile .profileContainer .profile-tabs .tab-buttons .tab-btn.active{color:#5271ff;position:relative}.theme-dark .profile .profileContainer .profile-tabs .tab-buttons .tab-btn.active:after{background-color:#5271ff;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.theme-dark .profile .profileContainer .profile-tabs .tab-content{padding:20px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .teams-container .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .teams-container .section-header h3{color:#f5f5f5;font-size:18px;font-weight:600}.theme-dark .profile .profileContainer .profile-tabs .tab-content .teams-container .section-header .add-btn{align-items:center;background-color:#5271ff;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 16px;transition:all .3s ease}.theme-dark .profile .profileContainer .profile-tabs .tab-content .teams-container .section-header .add-btn:hover{opacity:.9}.theme-dark .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.theme-dark .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card{align-items:center;background-color:#333;border-radius:10px;display:flex;flex-direction:column;padding:20px;position:relative;transition:all .3s ease}.theme-dark .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.theme-dark .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card .team-logo{height:80px;margin-bottom:15px;object-fit:contain;width:80px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card .team-info{text-align:center}.theme-dark .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card .team-info h4{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:5px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card .team-info .team-league{color:#aaa;font-size:13px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card .edit-btn{background-color:#0000;border:none;color:#aaa;cursor:pointer;position:absolute;right:10px;top:10px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .teams-container .teams-grid .team-card .edit-btn:hover{color:#f5f5f5}.theme-dark .profile .profileContainer .profile-tabs .tab-content .players-container .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .players-container .section-header h3{color:#f5f5f5;font-size:18px;font-weight:600}.theme-dark .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.theme-dark .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card{background-color:#333;border-radius:10px;padding:15px;position:relative;transition:all .3s ease}.theme-dark .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.theme-dark .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card .player-photo{border-radius:8px;height:180px;margin-bottom:15px;overflow:hidden;width:100%}.theme-dark .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card .player-photo img{height:100%;object-fit:cover;width:100%}.theme-dark .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card .player-info h4{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:5px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card .player-info .player-team{color:#aaa;font-size:13px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card .edit-btn{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .players-container .players-grid .player-card .edit-btn:hover{background-color:#000000b3}.theme-dark .profile .profileContainer .profile-tabs .tab-content .highlights-container .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .highlights-container .section-header h3{color:#f5f5f5;font-size:18px;font-weight:600}.theme-dark .profile .profileContainer .profile-tabs .tab-content .highlights-container .section-header .add-btns{display:flex;gap:10px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.theme-dark .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card{background-color:#333;border-radius:10px;overflow:hidden;transition:all .3s ease}.theme-dark .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.theme-dark .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-thumbnail{height:150px;position:relative}.theme-dark .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-thumbnail img{height:100%;object-fit:cover;width:100%}.theme-dark .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-thumbnail .video-overlay{align-items:center;background-color:#000000b3;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;position:absolute;right:10px;top:10px;width:30px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-thumbnail .video-overlay svg{font-size:16px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-info{padding:15px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-info h4{color:#f5f5f5;font-size:15px;font-weight:600;margin-bottom:8px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .highlights-container .highlights-grid .highlight-card .highlight-info .highlight-stats{color:#aaa;font-size:12px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .achievements-container .section-header{margin-bottom:20px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .achievements-container .section-header h3{color:#f5f5f5;font-size:18px;font-weight:600}.theme-dark .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.theme-dark .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid .achievement-card{background-color:#333;border-radius:10px;padding:20px;text-align:center;transition:all .3s ease}.theme-dark .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid .achievement-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.theme-dark .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid .achievement-card .achievement-icon{align-items:center;background-color:#5271ff1a;border-radius:50%;color:#5271ff;display:flex;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid .achievement-card .achievement-icon svg{font-size:30px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid .achievement-card .achievement-info h4{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:8px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .achievements-container .achievements-grid .achievement-card .achievement-info p{color:#aaa;font-size:13px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .connections-container .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .connections-container .section-header h3{color:#f5f5f5;font-size:18px;font-weight:600}.theme-dark .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.theme-dark .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card{align-items:center;background-color:#333;border-radius:10px;display:flex;gap:15px;padding:15px;transition:all .3s ease}.theme-dark .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.theme-dark .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card .connection-pic{border-radius:50%;height:50px;object-fit:cover;width:50px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card .connection-info{flex:1 1}.theme-dark .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card .connection-info h4{color:#f5f5f5;font-size:15px;font-weight:600;margin-bottom:4px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card .connection-info span{color:#aaa;font-size:12px}.theme-dark .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card .connect-btn{background-color:#5271ff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .3s ease}.theme-dark .profile .profileContainer .profile-tabs .tab-content .connections-container .connections-grid .connection-card .connect-btn:hover{opacity:.9}.theme-light .friends{height:calc(100vh - 70px);overflow-y:auto}.theme-light .friends .friends-container{margin:0 auto;max-width:1200px;padding:20px}.theme-light .friends .friends-container .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.theme-light .friends .friends-container .header h1{color:#000;font-size:28px}.theme-light .friends .friends-container .header .search-bar{align-items:center;background-color:#f6f3f3;border-radius:8px;display:flex;padding:8px 15px;width:300px}.theme-light .friends .friends-container .header .search-bar svg{color:#555;margin-right:10px}.theme-light .friends .friends-container .header .search-bar input{background-color:#0000;border:none;color:#000;outline:none;width:100%}.theme-light .friends .friends-container .header .search-bar input::placeholder{color:#555}.theme-light .friends .friends-container .tabs{border-bottom:1px solid #d3d3d3;display:flex;margin-bottom:25px}.theme-light .friends .friends-container .tabs .tab{color:#555;cursor:pointer;font-weight:500;padding:12px 20px;position:relative;transition:all .3s ease}.theme-light .friends .friends-container .tabs .tab:hover{color:#000}.theme-light .friends .friends-container .tabs .tab.active{color:#0095f6;font-weight:600}.theme-light .friends .friends-container .tabs .tab.active:after{background-color:#0095f6;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.theme-light .friends .friends-container .content{display:flex;flex-direction:column;gap:30px}.theme-light .friends .friends-container .content h2{color:#000;font-size:22px;margin-bottom:15px}.theme-light .friends .friends-container .content .live-games .games-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.theme-light .friends .friends-container .content .live-games .games-list .game-card{background-color:#f6f3f3;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:10px;transition:transform .2s}.theme-light .friends .friends-container .content .live-games .games-list .game-card:hover{transform:translateY(-5px)}.theme-light .friends .friends-container .content .live-games .games-list .game-card .game-header{align-items:center;color:#000;display:flex;margin-bottom:15px}.theme-light .friends .friends-container .content .live-games .games-list .game-card .game-header svg{color:#0095f6;margin-right:10px}.theme-light .friends .friends-container .content .live-games .games-list .game-card .game-header .game-time{font-size:12px;font-weight:500;margin-right:auto}.theme-light .friends .friends-container .content .live-games .games-list .game-card .game-header .watching{align-items:center;color:#ff5722;display:flex;font-size:11px}.theme-light .friends .friends-container .content .live-games .games-list .game-card .game-header .watching:before{content:"•";margin-right:5px}.theme-light .friends .friends-container .content .live-games .games-list .game-card .teams{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.theme-light .friends .friends-container .content .live-games .games-list .game-card .teams .team{align-items:center;display:flex;flex-direction:column;width:40%}.theme-light .friends .friends-container .content .live-games .games-list .game-card .teams .team .team-logo{align-items:center;background-color:#0095f6;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:35px;justify-content:center;margin-bottom:6px;width:35px}.theme-light .friends .friends-container .content .live-games .games-list .game-card .teams .team .team-name{color:#000;font-weight:500;margin-bottom:5px}.theme-light .friends .friends-container .content .live-games .games-list .game-card .teams .team .score{color:#000;font-size:24px;font-weight:700}.theme-light .friends .friends-container .content .live-games .games-list .game-card .teams .team.home .team-logo{background-color:#0095f6}.theme-light .friends .friends-container .content .live-games .games-list .game-card .teams .team.away .team-logo{background-color:#ff5722}.theme-light .friends .friends-container .content .live-games .games-list .game-card .teams .vs{color:#555;font-weight:500}.theme-light .friends .friends-container .content .live-games .games-list .game-card .game-actions{display:flex;justify-content:space-between;margin-top:8px}.theme-light .friends .friends-container .content .live-games .games-list .game-card .game-actions .action-btn{align-items:center;background-color:#0000;border:none;border-radius:5px;color:#000;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:5px;justify-content:center;padding:8px;transition:all .2s}.theme-light .friends .friends-container .content .live-games .games-list .game-card .game-actions .action-btn:hover{background-color:#0095f61a;color:#0095f6}.theme-light .friends .friends-container .content .live-games .games-list .game-card .game-actions .action-btn svg{font-size:18px}.theme-light .friends .friends-container .content .friends-section .friends-list,.theme-light .friends .friends-container .content .suggested-friends .friends-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card{align-items:center;background-color:#f6f3f3;border-radius:10px;display:flex;padding:10px;transition:transform .2s}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card:hover,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card:hover{transform:translateY(-3px)}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .friend-avatar-container,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-avatar-container{margin-right:15px;position:relative}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .friend-avatar-container .friend-avatar,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-avatar-container .friend-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .friend-avatar-container .online-badge,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-avatar-container .online-badge{background-color:#4caf50;border:2px solid #fff;border-radius:50%;bottom:0;height:14px;position:absolute;right:0;width:14px}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info{flex:1 1}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info h3,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info h3{color:#000;font-size:14px;margin-bottom:3px}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info .username,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info .username{color:#555;display:block;font-size:12px;margin-bottom:3px}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info .friend-details,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info .friend-details{display:flex;flex-wrap:wrap;gap:10px}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info .friend-details .fav-team,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info .friend-details .fav-team{align-items:center;background-color:#0095f61a;border-radius:10px;color:#000;display:flex;font-size:11px;padding:2px 6px}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info .friend-details .fav-team svg,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info .friend-details .fav-team svg{color:#0095f6;font-size:14px;margin-right:3px}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info .friend-details .mutual,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info .friend-details .mutual{color:#555;font-size:12px}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .friend-actions,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-actions{display:flex;gap:10px}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .friend-actions .action-icon,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-actions .action-icon{color:#555;cursor:pointer}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .friend-actions .action-icon:hover,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-actions .action-icon:hover{color:#0095f6}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .add-friend,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .add-friend{align-items:center;background-color:#0095f61a;border:none;border-radius:50%;color:#0095f6;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.theme-light .friends .friends-container .content .friends-section .friends-list .friend-card .add-friend:hover,.theme-light .friends .friends-container .content .suggested-friends .friends-list .friend-card .add-friend:hover{background-color:#0095f6;color:#fff}.theme-light .friends .friends-container .content .activity-feed .activity-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.theme-light .friends .friends-container .content .activity-feed .activity-filters .filter-btn{border:none;border-radius:20px;color:#555;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .2s}.theme-light .friends .friends-container .content .activity-feed .activity-filters .filter-btn:hover{background-color:#0095f61a;color:#0095f6}.theme-light .friends .friends-container .content .activity-feed .activity-filters .filter-btn.active{background-color:#0095f6;color:#fff}.theme-light .friends .friends-container .content .activity-feed .activities{display:flex;flex-direction:column;gap:20px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card{background-color:#f6f3f3;border-radius:10px;padding:12px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-header{align-items:center;display:flex;margin-bottom:12px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .friend-avatar{border-radius:50%;height:28px;margin-right:10px;object-fit:cover;width:28px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info{flex:1 1}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info h4{color:#000;font-size:14px;margin-bottom:3px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info .activity-meta{align-items:center;display:flex}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info .activity-meta .activity-type{align-items:center;color:#555;display:flex;font-size:13px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info .activity-meta .activity-type svg{color:#0095f6;margin-right:5px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info .activity-meta .activity-time{color:#555;font-size:13px;margin-left:10px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info .activity-meta .activity-time:before{content:"•";margin-right:10px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-options{color:#555;cursor:pointer}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-options:hover{color:#000}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content{margin-bottom:12px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content p{color:#000;line-height:1.5;margin-bottom:12px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .game-tag{align-items:center;background-color:#0095f61a;border-radius:10px;color:#0095f6;cursor:pointer;display:inline-flex;font-size:11px;margin-bottom:10px;padding:3px 6px;transition:all .2s}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .game-tag:hover{background-color:#0095f633;transform:translateY(-2px)}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .game-tag svg{margin-right:5px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box{border-radius:8px;margin-bottom:10px;overflow:hidden}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box .prediction-header{background-color:#0095f61a;color:#0095f6;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:space-between;padding:6px 10px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box .prediction-header .expand-icon{font-weight:700}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box .prediction-details{padding:10px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box .prediction-details .prediction-item{display:flex;font-size:12px;margin-bottom:6px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box .prediction-details .prediction-item .label{color:#555;width:80px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box .prediction-details .prediction-item .value{color:#000;font-weight:500}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .result-box{border-radius:8px;padding:15px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .result-box .result-header{color:#000;display:flex;font-weight:500;justify-content:space-between;margin-bottom:10px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .result-box .result-header .result-winner{color:#4caf50}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .result-box .result-mvp{color:#555}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-actions{display:flex;gap:16px;margin-bottom:12px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-actions .action{align-items:center;color:#555;cursor:pointer;display:flex;font-size:14px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-actions .action.liked,.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-actions .action.liked .action-icon{color:#0095f6}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-actions .action .action-icon{margin-right:5px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .activity-actions .action .action-icon:hover{color:#0095f6}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section{border-top:1px solid #d3d3d3;padding-top:10px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;max-height:250px;overflow-y:auto}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment{display:flex;gap:8px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment .comment-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment .comment-content{flex:1 1}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment .comment-content .comment-header{align-items:center;display:flex;gap:6px;margin-bottom:2px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment .comment-content .comment-header .comment-author{color:#000;font-size:12px;font-weight:500}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment .comment-content .comment-header .comment-time{color:#555;font-size:10px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment .comment-content .comment-text{color:#000;font-size:12px;line-height:1.4}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .add-comment{align-items:center;display:flex;gap:8px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .add-comment .comment-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .add-comment input{border:none;border-radius:16px;color:#000;flex:1 1;padding:6px 12px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .add-comment input::placeholder{color:#555}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .add-comment button{background-color:#0095f6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px}.theme-light .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .add-comment button:hover{background-color:#0076c3}.theme-light .friends .live-chat-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.theme-light .friends .live-chat-overlay .live-chat-container{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;height:70%;max-width:600px;overflow:hidden;width:90%}.theme-light .friends .live-chat-overlay .live-chat-container .chat-header{align-items:center;background-color:#f6f3f3;border-bottom:1px solid #d3d3d3;display:flex;padding:12px}.theme-light .friends .live-chat-overlay .live-chat-container .chat-header .game-info{align-items:center;color:#000;display:flex;font-weight:500}.theme-light .friends .live-chat-overlay .live-chat-container .chat-header .game-info svg{color:#0095f6;margin-right:8px}.theme-light .friends .live-chat-overlay .live-chat-container .chat-header .game-info span{margin-right:10px}.theme-light .friends .live-chat-overlay .live-chat-container .chat-header .game-info .game-time{color:#555;font-size:13px}.theme-light .friends .live-chat-overlay .live-chat-container .chat-header .score-display{color:#000;font-weight:600;margin-left:auto}.theme-light .friends .live-chat-overlay .live-chat-container .chat-header .score-display .separator{color:#555;margin:0 5px}.theme-light .friends .live-chat-overlay .live-chat-container .chat-header .close-btn{background-color:#0000;border:none;color:#555;cursor:pointer;font-size:24px;margin-left:15px}.theme-light .friends .live-chat-overlay .live-chat-container .chat-header .close-btn:hover{color:#ff5722}.theme-light .friends .live-chat-overlay .live-chat-container .chat-messages{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:10px}.theme-light .friends .live-chat-overlay .live-chat-container .chat-messages .chat-message{background-color:#f6f3f3;border-radius:6px;font-size:12px;max-width:80%;padding:6px}.theme-light .friends .live-chat-overlay .live-chat-container .chat-messages .chat-message.own-message{align-self:flex-end;background-color:#0095f61a}.theme-light .friends .live-chat-overlay .live-chat-container .chat-messages .chat-message.own-message .chat-username{color:#0095f6}.theme-light .friends .live-chat-overlay .live-chat-container .chat-messages .chat-message .chat-username{color:#000;font-weight:600;margin-right:5px}.theme-light .friends .live-chat-overlay .live-chat-container .chat-messages .chat-message .chat-text{color:#000}.theme-light .friends .live-chat-overlay .live-chat-container .chat-messages .chat-message .chat-time{color:#555;font-size:11px;margin-left:5px}.theme-light .friends .live-chat-overlay .live-chat-container .chat-input{border-top:1px solid #d3d3d3;display:flex;gap:8px;padding:10px}.theme-light .friends .live-chat-overlay .live-chat-container .chat-input input{background-color:#f6f3f3;border:1px solid #d3d3d3;border-radius:16px;color:#000;flex:1 1;font-size:12px;padding:8px}.theme-light .friends .live-chat-overlay .live-chat-container .chat-input input::placeholder{color:#555}.theme-light .friends .live-chat-overlay .live-chat-container .chat-input button{background-color:#0095f6;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.theme-light .friends .live-chat-overlay .live-chat-container .chat-input button:hover{background-color:#0076c3}@media(max-width:480px){.theme-light .friends .friends-container{padding:15px}.theme-light .friends .friends-container .header{align-items:flex-start;flex-direction:column;gap:15px}.theme-light .friends .friends-container .header .search-bar{width:100%}.theme-light .friends .friends-container .content .friends-section .friends-list,.theme-light .friends .friends-container .content .live-games .games-list,.theme-light .friends .friends-container .content .suggested-friends .friends-list{grid-template-columns:1fr}.theme-light .friends .friends-container .content .activity-card,.theme-light .friends .friends-container .content .friend-card,.theme-light .friends .friends-container .content .games-list .game-card{padding:12px}}@media(max-width:960px){.theme-light .friends .friends-container .content .friends-section .friends-list,.theme-light .friends .friends-container .content .live-games .games-list,.theme-light .friends .friends-container .content .suggested-friends .friends-list{grid-template-columns:repeat(2,1fr)}}.theme-dark .friends{height:calc(100vh - 70px);overflow-y:auto}.theme-dark .friends .friends-container{margin:0 auto;max-width:1200px;padding:20px}.theme-dark .friends .friends-container .header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.theme-dark .friends .friends-container .header h1{color:#f5f5f5;font-size:28px}.theme-dark .friends .friends-container .header .search-bar{align-items:center;background-color:#333;border-radius:8px;display:flex;padding:8px 15px;width:300px}.theme-dark .friends .friends-container .header .search-bar svg{color:#aaa;margin-right:10px}.theme-dark .friends .friends-container .header .search-bar input{background-color:#0000;border:none;color:#f5f5f5;outline:none;width:100%}.theme-dark .friends .friends-container .header .search-bar input::placeholder{color:#aaa}.theme-dark .friends .friends-container .tabs{border-bottom:1px solid #444;display:flex;margin-bottom:25px}.theme-dark .friends .friends-container .tabs .tab{color:#aaa;cursor:pointer;font-weight:500;padding:12px 20px;position:relative;transition:all .3s ease}.theme-dark .friends .friends-container .tabs .tab:hover{color:#f5f5f5}.theme-dark .friends .friends-container .tabs .tab.active{color:#0095f6;font-weight:600}.theme-dark .friends .friends-container .tabs .tab.active:after{background-color:#0095f6;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.theme-dark .friends .friends-container .content{display:flex;flex-direction:column;gap:30px}.theme-dark .friends .friends-container .content h2{color:#f5f5f5;font-size:22px;margin-bottom:15px}.theme-dark .friends .friends-container .content .live-games .games-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.theme-dark .friends .friends-container .content .live-games .games-list .game-card{background-color:#333;border-radius:10px;box-shadow:0 2px 4px #0000001a;padding:10px;transition:transform .2s}.theme-dark .friends .friends-container .content .live-games .games-list .game-card:hover{transform:translateY(-5px)}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .game-header{align-items:center;color:#f5f5f5;display:flex;margin-bottom:15px}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .game-header svg{color:#0095f6;margin-right:10px}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .game-header .game-time{font-size:12px;font-weight:500;margin-right:auto}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .game-header .watching{align-items:center;color:#ff5722;display:flex;font-size:11px}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .game-header .watching:before{content:"•";margin-right:5px}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .teams{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .teams .team{align-items:center;display:flex;flex-direction:column;width:40%}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .teams .team .team-logo{align-items:center;background-color:#0095f6;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:35px;justify-content:center;margin-bottom:6px;width:35px}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .teams .team .team-name{color:#f5f5f5;font-weight:500;margin-bottom:5px}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .teams .team .score{color:#f5f5f5;font-size:24px;font-weight:700}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .teams .team.home .team-logo{background-color:#0095f6}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .teams .team.away .team-logo{background-color:#ff5722}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .teams .vs{color:#aaa;font-weight:500}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .game-actions{display:flex;justify-content:space-between;margin-top:8px}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .game-actions .action-btn{align-items:center;background-color:#0000;border:none;border-radius:5px;color:#f5f5f5;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:5px;justify-content:center;padding:8px;transition:all .2s}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .game-actions .action-btn:hover{background-color:#0095f61a;color:#0095f6}.theme-dark .friends .friends-container .content .live-games .games-list .game-card .game-actions .action-btn svg{font-size:18px}.theme-dark .friends .friends-container .content .friends-section .friends-list,.theme-dark .friends .friends-container .content .suggested-friends .friends-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card{align-items:center;background-color:#333;border-radius:10px;display:flex;padding:10px;transition:transform .2s}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card:hover,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card:hover{transform:translateY(-3px)}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .friend-avatar-container,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-avatar-container{margin-right:15px;position:relative}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .friend-avatar-container .friend-avatar,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-avatar-container .friend-avatar{border-radius:50%;height:36px;object-fit:cover;width:36px}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .friend-avatar-container .online-badge,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-avatar-container .online-badge{background-color:#4caf50;border:2px solid #222;border-radius:50%;bottom:0;height:14px;position:absolute;right:0;width:14px}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info{flex:1 1}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info h3,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info h3{color:#f5f5f5;font-size:14px;margin-bottom:3px}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info .username,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info .username{color:#aaa;display:block;font-size:12px;margin-bottom:3px}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info .friend-details,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info .friend-details{display:flex;flex-wrap:wrap;gap:10px}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info .friend-details .fav-team,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info .friend-details .fav-team{align-items:center;background-color:#0095f61a;border-radius:10px;color:#f5f5f5;display:flex;font-size:11px;padding:2px 6px}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info .friend-details .fav-team svg,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info .friend-details .fav-team svg{color:#0095f6;font-size:14px;margin-right:3px}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .friend-info .friend-details .mutual,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-info .friend-details .mutual{color:#aaa;font-size:12px}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .friend-actions,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-actions{display:flex;gap:10px}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .friend-actions .action-icon,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-actions .action-icon{color:#aaa;cursor:pointer}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .friend-actions .action-icon:hover,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .friend-actions .action-icon:hover{color:#0095f6}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .add-friend,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .add-friend{align-items:center;background-color:#0095f61a;border:none;border-radius:50%;color:#0095f6;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.theme-dark .friends .friends-container .content .friends-section .friends-list .friend-card .add-friend:hover,.theme-dark .friends .friends-container .content .suggested-friends .friends-list .friend-card .add-friend:hover{background-color:#0095f6;color:#fff}.theme-dark .friends .friends-container .content .activity-feed .activity-filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.theme-dark .friends .friends-container .content .activity-feed .activity-filters .filter-btn{border:none;border-radius:20px;color:#aaa;cursor:pointer;font-size:14px;padding:8px 15px;transition:all .2s}.theme-dark .friends .friends-container .content .activity-feed .activity-filters .filter-btn:hover{background-color:#0095f61a;color:#0095f6}.theme-dark .friends .friends-container .content .activity-feed .activity-filters .filter-btn.active{background-color:#0095f6;color:#fff}.theme-dark .friends .friends-container .content .activity-feed .activities{display:flex;flex-direction:column;gap:20px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card{background-color:#333;border-radius:10px;padding:12px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-header{align-items:center;display:flex;margin-bottom:12px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .friend-avatar{border-radius:50%;height:28px;margin-right:10px;object-fit:cover;width:28px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info{flex:1 1}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info h4{color:#f5f5f5;font-size:14px;margin-bottom:3px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info .activity-meta{align-items:center;display:flex}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info .activity-meta .activity-type{align-items:center;color:#aaa;display:flex;font-size:13px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info .activity-meta .activity-type svg{color:#0095f6;margin-right:5px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info .activity-meta .activity-time{color:#aaa;font-size:13px;margin-left:10px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-info .activity-meta .activity-time:before{content:"•";margin-right:10px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-options{color:#aaa;cursor:pointer}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-header .activity-options:hover{color:#f5f5f5}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content{margin-bottom:12px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content p{color:#f5f5f5;line-height:1.5;margin-bottom:12px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .game-tag{align-items:center;background-color:#0095f61a;border-radius:10px;color:#0095f6;cursor:pointer;display:inline-flex;font-size:11px;margin-bottom:10px;padding:3px 6px;transition:all .2s}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .game-tag:hover{background-color:#0095f633;transform:translateY(-2px)}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .game-tag svg{margin-right:5px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box{border-radius:8px;margin-bottom:10px;overflow:hidden}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box .prediction-header{background-color:#0095f61a;color:#0095f6;cursor:pointer;display:flex;font-size:12px;font-weight:500;justify-content:space-between;padding:6px 10px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box .prediction-header .expand-icon{font-weight:700}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box .prediction-details{padding:10px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box .prediction-details .prediction-item{display:flex;font-size:12px;margin-bottom:6px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box .prediction-details .prediction-item .label{color:#aaa;width:80px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .prediction-box .prediction-details .prediction-item .value{color:#f5f5f5;font-weight:500}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .result-box{border-radius:8px;padding:15px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .result-box .result-header{color:#f5f5f5;display:flex;font-weight:500;justify-content:space-between;margin-bottom:10px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .result-box .result-header .result-winner{color:#4caf50}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-content .result-box .result-mvp{color:#aaa}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-actions{display:flex;gap:16px;margin-bottom:12px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-actions .action{align-items:center;color:#aaa;cursor:pointer;display:flex;font-size:14px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-actions .action.liked,.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-actions .action.liked .action-icon{color:#0095f6}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-actions .action .action-icon{margin-right:5px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .activity-actions .action .action-icon:hover{color:#0095f6}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section{border-top:1px solid #444;padding-top:10px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list{display:flex;flex-direction:column;gap:10px;margin-bottom:10px;max-height:250px;overflow-y:auto}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment{display:flex;gap:8px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment .comment-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment .comment-content{flex:1 1}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment .comment-content .comment-header{align-items:center;display:flex;gap:6px;margin-bottom:2px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment .comment-content .comment-header .comment-author{color:#f5f5f5;font-size:12px;font-weight:500}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment .comment-content .comment-header .comment-time{color:#aaa;font-size:10px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .comments-list .comment .comment-content .comment-text{color:#f5f5f5;font-size:12px;line-height:1.4}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .add-comment{align-items:center;display:flex;gap:8px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .add-comment .comment-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .add-comment input{border:none;border-radius:16px;color:#f5f5f5;flex:1 1;padding:6px 12px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .add-comment input::placeholder{color:#aaa}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .add-comment button{background-color:#0095f6;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px}.theme-dark .friends .friends-container .content .activity-feed .activities .activity-card .comments-section .add-comment button:hover{background-color:#0076c3}.theme-dark .friends .live-chat-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.theme-dark .friends .live-chat-overlay .live-chat-container{background-color:#222;border-radius:10px;display:flex;flex-direction:column;height:70%;max-width:600px;overflow:hidden;width:90%}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-header{align-items:center;background-color:#333;border-bottom:1px solid #444;display:flex;padding:12px}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-header .game-info{align-items:center;color:#f5f5f5;display:flex;font-weight:500}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-header .game-info svg{color:#0095f6;margin-right:8px}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-header .game-info span{margin-right:10px}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-header .game-info .game-time{color:#aaa;font-size:13px}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-header .score-display{color:#f5f5f5;font-weight:600;margin-left:auto}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-header .score-display .separator{color:#aaa;margin:0 5px}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-header .close-btn{background-color:#0000;border:none;color:#aaa;cursor:pointer;font-size:24px;margin-left:15px}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-header .close-btn:hover{color:#ff5722}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-messages{display:flex;flex:1 1;flex-direction:column;gap:6px;overflow-y:auto;padding:10px}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-messages .chat-message{background-color:#333;border-radius:6px;font-size:12px;max-width:80%;padding:6px}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-messages .chat-message.own-message{align-self:flex-end;background-color:#0095f61a}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-messages .chat-message.own-message .chat-username{color:#0095f6}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-messages .chat-message .chat-username{color:#f5f5f5;font-weight:600;margin-right:5px}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-messages .chat-message .chat-text{color:#f5f5f5}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-messages .chat-message .chat-time{color:#aaa;font-size:11px;margin-left:5px}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-input{border-top:1px solid #444;display:flex;gap:8px;padding:10px}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-input input{background-color:#333;border:1px solid #444;border-radius:16px;color:#f5f5f5;flex:1 1;font-size:12px;padding:8px}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-input input::placeholder{color:#aaa}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-input button{background-color:#0095f6;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.theme-dark .friends .live-chat-overlay .live-chat-container .chat-input button:hover{background-color:#0076c3}@media(max-width:480px){.theme-dark .friends .friends-container{padding:15px}.theme-dark .friends .friends-container .header{align-items:flex-start;flex-direction:column;gap:15px}.theme-dark .friends .friends-container .header .search-bar{width:100%}.theme-dark .friends .friends-container .content .friends-section .friends-list,.theme-dark .friends .friends-container .content .live-games .games-list,.theme-dark .friends .friends-container .content .suggested-friends .friends-list{grid-template-columns:1fr}.theme-dark .friends .friends-container .content .activity-card,.theme-dark .friends .friends-container .content .friend-card,.theme-dark .friends .friends-container .content .games-list .game-card{padding:12px}}@media(max-width:960px){.theme-dark .friends .friends-container .content .friends-section .friends-list,.theme-dark .friends .friends-container .content .live-games .games-list,.theme-dark .friends .friends-container .content .suggested-friends .friends-list{grid-template-columns:repeat(2,1fr)}}.theme-light .community{padding:20px 70px}.theme-light .community .container .title{color:#000;font-size:28px;margin-bottom:20px;text-align:center}.theme-light .community .container .discord-layout{background-color:#f6f3f3;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;height:calc(100vh - 180px);overflow:hidden}.theme-light .community .container .discord-layout .channels-sidebar{background-color:#fff;border-right:1px solid #d3d3d3;display:flex;flex-direction:column;width:260px}.theme-light .community .container .discord-layout .channels-sidebar .channels-header{border-bottom:1px solid #d3d3d3;padding:15px}.theme-light .community .container .discord-layout .channels-sidebar .channels-header h3{color:#000;font-size:18px;margin-bottom:10px}.theme-light .community .container .discord-layout .channels-sidebar .channels-header .join-discord-btn{background-color:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 0;width:100%}.theme-light .community .container .discord-layout .channels-sidebar .channels-header .join-discord-btn:hover{background-color:#4752c4}.theme-light .community .container .discord-layout .channels-sidebar .channels-list{flex:1 1;overflow-y:auto;padding:10px 0}.theme-light .community .container .discord-layout .channels-sidebar .channels-list .channel-item{align-items:center;border-radius:4px;color:#555;cursor:pointer;display:flex;margin:0 5px;padding:8px 15px}.theme-light .community .container .discord-layout .channels-sidebar .channels-list .channel-item svg{font-size:18px;margin-right:8px}.theme-light .community .container .discord-layout .channels-sidebar .channels-list .channel-item span{flex:1 1}.theme-light .community .container .discord-layout .channels-sidebar .channels-list .channel-item .verified-icon{color:#3498db;font-size:14px}.theme-light .community .container .discord-layout .channels-sidebar .channels-list .channel-item.active{background-color:#7289da1a;color:#000;font-weight:500}.theme-light .community .container .discord-layout .channels-sidebar .channels-list .channel-item.official{color:#3498db}.theme-light .community .container .discord-layout .channels-sidebar .channels-list .channel-item:hover:not(.active){background-color:#7289da0d;color:#000}.theme-light .community .container .discord-layout .channels-sidebar .community-info{background-color:#0000000d;border-top:1px solid #d3d3d3;padding:15px}.theme-light .community .container .discord-layout .channels-sidebar .community-info h4{color:#000;font-size:15px;margin-bottom:10px}.theme-light .community .container .discord-layout .channels-sidebar .community-info p{color:#555;font-size:13px;line-height:1.4;margin-bottom:10px}.theme-light .community .container .discord-layout .channels-sidebar .community-info .hashtag{color:#3498db;font-weight:700}.theme-light .community .container .discord-layout .channels-sidebar .community-info .community-motto{font-style:italic;font-weight:500;margin-top:10px}.theme-light .community .container .discord-layout .chat-area{display:flex;flex:1 1;flex-direction:column}.theme-light .community .container .discord-layout .chat-area .chat-header{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;padding:15px}.theme-light .community .container .discord-layout .chat-area .chat-header h2{color:#000;font-size:20px;margin-right:10px}.theme-light .community .container .discord-layout .chat-area .chat-header .official-badge{background-color:#3498db;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.theme-light .community .container .discord-layout .chat-area .messages-container{flex:1 1;overflow-y:auto;padding:15px}.theme-light .community .container .discord-layout .chat-area .messages-container .channel-description{background-color:#3498db14;border-radius:6px;margin-bottom:20px;padding:15px}.theme-light .community .container .discord-layout .chat-area .messages-container .channel-description h3{color:#000;font-size:16px;margin-bottom:8px}.theme-light .community .container .discord-layout .chat-area .messages-container .channel-description p{color:#555;font-size:14px;line-height:1.4}.theme-light .community .container .discord-layout .chat-area .messages-container .message-item{border-radius:6px;display:flex;margin-bottom:20px;padding:5px 10px;position:relative}.theme-light .community .container .discord-layout .chat-area .messages-container .message-item.official-message{background-color:#3498db0d}.theme-light .community .container .discord-layout .chat-area .messages-container .message-item.pinned-message{background-color:#f1c40f0d}.theme-light .community .container .discord-layout .chat-area .messages-container .message-item .pin-icon{color:#f1c40f;font-size:14px;position:absolute;right:10px;top:5px}.theme-light .community .container .discord-layout .chat-area .messages-container .message-item .message-avatar{margin-right:15px}.theme-light .community .container .discord-layout .chat-area .messages-container .message-item .message-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-light .community .container .discord-layout .chat-area .messages-container .message-item .message-content{flex:1 1}.theme-light .community .container .discord-layout .chat-area .messages-container .message-item .message-content .message-header{align-items:center;display:flex;margin-bottom:5px}.theme-light .community .container .discord-layout .chat-area .messages-container .message-item .message-content .message-header .author-name{color:#000;font-weight:500;margin-right:5px}.theme-light .community .container .discord-layout .chat-area .messages-container .message-item .message-content .message-header .verified-icon{color:#3498db;font-size:14px;margin-right:5px}.theme-light .community .container .discord-layout .chat-area .messages-container .message-item .message-content .message-header .timestamp{color:#999;font-size:12px}.theme-light .community .container .discord-layout .chat-area .messages-container .message-item .message-content .message-text{color:#000;font-size:14px;line-height:1.4}.theme-light .community .container .discord-layout .chat-area .messages-container .empty-channel{align-items:center;color:#555;display:flex;font-style:italic;height:100%;justify-content:center}.theme-light .community .container .discord-layout .chat-area .message-input-area{border-top:1px solid #d3d3d3;padding:15px}.theme-light .community .container .discord-layout .chat-area .message-input-area form{display:flex}.theme-light .community .container .discord-layout .chat-area .message-input-area form input{background-color:#fff;border:1px solid #d3d3d3;border-radius:4px;color:#000;flex:1 1;padding:10px 15px}.theme-light .community .container .discord-layout .chat-area .message-input-area form input:disabled{background-color:#0000000d;cursor:not-allowed}.theme-light .community .container .discord-layout .chat-area .message-input-area form input:focus{border-color:#5865f2;outline:none}.theme-light .community .container .discord-layout .chat-area .message-input-area form button{align-items:center;background-color:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:10px;width:40px}.theme-light .community .container .discord-layout .chat-area .message-input-area form button:disabled{background-color:#9da0c9;cursor:not-allowed}.theme-light .community .container .discord-layout .chat-area .message-input-area form button:hover:not(:disabled){background-color:#4752c4}.theme-light .community .container .discord-layout .chat-area .message-input-area .input-notice{color:#e74c3c;font-size:12px;font-style:italic;margin-top:5px}.theme-dark .community{padding:20px 70px}.theme-dark .community .container .title{color:#f5f5f5;font-size:28px;margin-bottom:20px;text-align:center}.theme-dark .community .container .discord-layout{background-color:#333;border-radius:10px;box-shadow:0 1px 3px #0000001a;display:flex;height:calc(100vh - 180px);overflow:hidden}.theme-dark .community .container .discord-layout .channels-sidebar{background-color:#222;border-right:1px solid #444;display:flex;flex-direction:column;width:260px}.theme-dark .community .container .discord-layout .channels-sidebar .channels-header{border-bottom:1px solid #444;padding:15px}.theme-dark .community .container .discord-layout .channels-sidebar .channels-header h3{color:#f5f5f5;font-size:18px;margin-bottom:10px}.theme-dark .community .container .discord-layout .channels-sidebar .channels-header .join-discord-btn{background-color:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 0;width:100%}.theme-dark .community .container .discord-layout .channels-sidebar .channels-header .join-discord-btn:hover{background-color:#4752c4}.theme-dark .community .container .discord-layout .channels-sidebar .channels-list{flex:1 1;overflow-y:auto;padding:10px 0}.theme-dark .community .container .discord-layout .channels-sidebar .channels-list .channel-item{align-items:center;border-radius:4px;color:#aaa;cursor:pointer;display:flex;margin:0 5px;padding:8px 15px}.theme-dark .community .container .discord-layout .channels-sidebar .channels-list .channel-item svg{font-size:18px;margin-right:8px}.theme-dark .community .container .discord-layout .channels-sidebar .channels-list .channel-item span{flex:1 1}.theme-dark .community .container .discord-layout .channels-sidebar .channels-list .channel-item .verified-icon{color:#3498db;font-size:14px}.theme-dark .community .container .discord-layout .channels-sidebar .channels-list .channel-item.active{background-color:#7289da1a;color:#f5f5f5;font-weight:500}.theme-dark .community .container .discord-layout .channels-sidebar .channels-list .channel-item.official{color:#3498db}.theme-dark .community .container .discord-layout .channels-sidebar .channels-list .channel-item:hover:not(.active){background-color:#7289da0d;color:#f5f5f5}.theme-dark .community .container .discord-layout .channels-sidebar .community-info{background-color:#0000000d;border-top:1px solid #444;padding:15px}.theme-dark .community .container .discord-layout .channels-sidebar .community-info h4{color:#f5f5f5;font-size:15px;margin-bottom:10px}.theme-dark .community .container .discord-layout .channels-sidebar .community-info p{color:#aaa;font-size:13px;line-height:1.4;margin-bottom:10px}.theme-dark .community .container .discord-layout .channels-sidebar .community-info .hashtag{color:#3498db;font-weight:700}.theme-dark .community .container .discord-layout .channels-sidebar .community-info .community-motto{font-style:italic;font-weight:500;margin-top:10px}.theme-dark .community .container .discord-layout .chat-area{display:flex;flex:1 1;flex-direction:column}.theme-dark .community .container .discord-layout .chat-area .chat-header{align-items:center;border-bottom:1px solid #444;display:flex;padding:15px}.theme-dark .community .container .discord-layout .chat-area .chat-header h2{color:#f5f5f5;font-size:20px;margin-right:10px}.theme-dark .community .container .discord-layout .chat-area .chat-header .official-badge{background-color:#3498db;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.theme-dark .community .container .discord-layout .chat-area .messages-container{flex:1 1;overflow-y:auto;padding:15px}.theme-dark .community .container .discord-layout .chat-area .messages-container .channel-description{background-color:#3498db14;border-radius:6px;margin-bottom:20px;padding:15px}.theme-dark .community .container .discord-layout .chat-area .messages-container .channel-description h3{color:#f5f5f5;font-size:16px;margin-bottom:8px}.theme-dark .community .container .discord-layout .chat-area .messages-container .channel-description p{color:#aaa;font-size:14px;line-height:1.4}.theme-dark .community .container .discord-layout .chat-area .messages-container .message-item{border-radius:6px;display:flex;margin-bottom:20px;padding:5px 10px;position:relative}.theme-dark .community .container .discord-layout .chat-area .messages-container .message-item.official-message{background-color:#3498db0d}.theme-dark .community .container .discord-layout .chat-area .messages-container .message-item.pinned-message{background-color:#f1c40f0d}.theme-dark .community .container .discord-layout .chat-area .messages-container .message-item .pin-icon{color:#f1c40f;font-size:14px;position:absolute;right:10px;top:5px}.theme-dark .community .container .discord-layout .chat-area .messages-container .message-item .message-avatar{margin-right:15px}.theme-dark .community .container .discord-layout .chat-area .messages-container .message-item .message-avatar img{border-radius:50%;height:40px;object-fit:cover;width:40px}.theme-dark .community .container .discord-layout .chat-area .messages-container .message-item .message-content{flex:1 1}.theme-dark .community .container .discord-layout .chat-area .messages-container .message-item .message-content .message-header{align-items:center;display:flex;margin-bottom:5px}.theme-dark .community .container .discord-layout .chat-area .messages-container .message-item .message-content .message-header .author-name{color:#f5f5f5;font-weight:500;margin-right:5px}.theme-dark .community .container .discord-layout .chat-area .messages-container .message-item .message-content .message-header .verified-icon{color:#3498db;font-size:14px;margin-right:5px}.theme-dark .community .container .discord-layout .chat-area .messages-container .message-item .message-content .message-header .timestamp{color:#999;font-size:12px}.theme-dark .community .container .discord-layout .chat-area .messages-container .message-item .message-content .message-text{color:#f5f5f5;font-size:14px;line-height:1.4}.theme-dark .community .container .discord-layout .chat-area .messages-container .empty-channel{align-items:center;color:#aaa;display:flex;font-style:italic;height:100%;justify-content:center}.theme-dark .community .container .discord-layout .chat-area .message-input-area{border-top:1px solid #444;padding:15px}.theme-dark .community .container .discord-layout .chat-area .message-input-area form{display:flex}.theme-dark .community .container .discord-layout .chat-area .message-input-area form input{background-color:#222;border:1px solid #444;border-radius:4px;color:#f5f5f5;flex:1 1;padding:10px 15px}.theme-dark .community .container .discord-layout .chat-area .message-input-area form input:disabled{background-color:#0000000d;cursor:not-allowed}.theme-dark .community .container .discord-layout .chat-area .message-input-area form input:focus{border-color:#5865f2;outline:none}.theme-dark .community .container .discord-layout .chat-area .message-input-area form button{align-items:center;background-color:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:10px;width:40px}.theme-dark .community .container .discord-layout .chat-area .message-input-area form button:disabled{background-color:#9da0c9;cursor:not-allowed}.theme-dark .community .container .discord-layout .chat-area .message-input-area form button:hover:not(:disabled){background-color:#4752c4}.theme-dark .community .container .discord-layout .chat-area .message-input-area .input-notice{color:#e74c3c;font-size:12px;font-style:italic;margin-top:5px}.theme-light .shop{padding:20px 70px}.theme-light .shop .container .shop-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-light .shop .container .shop-header .title{color:#000;font-size:28px}.theme-light .shop .container .shop-header .cart-icon{color:#000;cursor:pointer;position:relative}.theme-light .shop .container .shop-header .cart-icon svg{font-size:24px}.theme-light .shop .container .shop-header .cart-icon .cart-count{align-items:center;background-color:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.theme-light .shop .container .shop-tabs{border-bottom:1px solid #d3d3d3;display:flex;margin-bottom:20px}.theme-light .shop .container .shop-tabs .shop-tab{background:none;border:none;color:#555;cursor:pointer;font-size:16px;font-weight:500;padding:12px 18px;position:relative}.theme-light .shop .container .shop-tabs .shop-tab.active{color:#000}.theme-light .shop .container .shop-tabs .shop-tab.active:after{background-color:#3498db;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.theme-light .shop .container .shop-tabs .shop-tab:hover:not(.active){color:#000}.theme-light .shop .container .shop-content{background-color:#f6f3f3;border-radius:10px;color:#000;padding:20px}.theme-light .shop .container .shop-content .section-title{align-items:center;display:flex;font-size:20px;justify-content:space-between;margin-bottom:15px}.theme-light .shop .container .shop-content .section-title .view-all{color:#3498db;cursor:pointer;font-size:14px;font-weight:400}.theme-light .shop .container .shop-content .section-title .view-all:hover{text-decoration:underline}.theme-light .shop .container .shop-content .live-events-section{margin-bottom:30px}.theme-light .shop .container .shop-content .live-events-section .live-events-container{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px}.theme-light .shop .container .shop-content .live-events-section .live-events-container::-webkit-scrollbar{height:6px}.theme-light .shop .container .shop-content .live-events-section .live-events-container::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.theme-light .shop .container .shop-content .live-events-section .live-events-container::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.theme-light .shop .container .shop-content .live-events-section .live-events-container .live-event-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:280px;overflow:hidden}.theme-light .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-image{height:160px;position:relative}.theme-light .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-image img{height:100%;object-fit:cover;width:100%}.theme-light .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-image .live-badge{background-color:#e74c3c;border-radius:4px;color:#fff;font-size:12px;font-weight:700;left:10px;padding:3px 8px;position:absolute;top:10px}.theme-light .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-image .viewers-count{background-color:#000000b3;border-radius:4px;bottom:10px;color:#fff;font-size:12px;padding:4px 8px;position:absolute;right:10px}.theme-light .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-info{padding:15px}.theme-light .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-info .event-title{font-size:16px;margin-bottom:10px}.theme-light .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-info .event-time{align-items:center;color:#555;display:flex;font-size:14px;margin-bottom:15px}.theme-light .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-info .event-time svg{font-size:16px;margin-right:5px}.theme-light .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-info .reminder-btn{background-color:#3498db1a;border:none;border-radius:4px;color:#3498db;cursor:pointer;font-weight:500;padding:8px 0;width:100%}.theme-light .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-info .reminder-btn:hover{background-color:#3498db33}.theme-light .shop .container .shop-content .categories-section{margin-bottom:20px}.theme-light .shop .container .shop-content .categories-section .categories-container{display:flex;flex-wrap:wrap;gap:10px}.theme-light .shop .container .shop-content .categories-section .categories-container .category-pill{background-color:#fff;border:1px solid #d3d3d3;border-radius:20px;color:#555;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.theme-light .shop .container .shop-content .categories-section .categories-container .category-pill.active{background-color:#3498db;border-color:#3498db;color:#fff}.theme-light .shop .container .shop-content .categories-section .categories-container .category-pill:hover:not(.active){background-color:#3498db1a;color:#000}.theme-light .shop .container .shop-content .featured-products{margin-bottom:30px}.theme-light .shop .container .shop-content .featured-products .products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image{height:200px;position:relative}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image img{height:100%;object-fit:cover;width:100%}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges{display:flex;flex-direction:column;gap:5px;left:10px;position:absolute;top:10px}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge{align-items:center;border-radius:4px;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge svg{font-size:14px}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge.official{background-color:#3498dbe6;color:#fff}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge.new{background-color:#2ecc71e6;color:#fff}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge.limited{background-color:#9b59b6e6;color:#fff}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge.ar{background-color:#f1c40fe6;color:#fff}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge.discount{background-color:#e74c3ce6;color:#fff}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-actions{display:flex;flex-direction:column;gap:5px;position:absolute;right:10px;top:10px}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-actions .action-button{align-items:center;background-color:#fff;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-actions .action-button:hover{background-color:#f0f0f0;color:#000}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-actions .action-button.share:hover{color:#3498db}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-actions .action-button.favorite:hover{color:#e74c3c}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-info{padding:15px}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-name{font-size:16px;font-weight:500;margin-bottom:10px}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-meta{display:flex;justify-content:space-between;margin-bottom:10px}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-meta .product-rating,.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-meta .user-photos{align-items:center;color:#555;display:flex;font-size:13px}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-meta .product-rating svg,.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-meta .user-photos svg{color:#f1c40f;font-size:16px;margin-right:4px}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-meta .user-photos svg{color:#555}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-price{margin-bottom:15px}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-price .current-price{color:#000;font-size:18px;font-weight:600}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-price .original-price{color:#555;font-size:14px;margin-left:8px;text-decoration:line-through}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-info .add-to-cart-btn{align-items:center;background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:10px 0;width:100%}.theme-light .shop .container .shop-content .featured-products .products-grid .product-card .product-info .add-to-cart-btn:hover{background-color:#2980b9}.theme-light .shop .container .shop-content .user-content-section{margin-bottom:30px}.theme-light .shop .container .shop-content .user-content-section .user-photos-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.theme-light .shop .container .shop-content .user-content-section .user-photos-grid{grid-template-columns:repeat(2,1fr)}}.theme-light .shop .container .shop-content .user-content-section .user-photos-grid .user-photo{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.theme-light .shop .container .shop-content .user-content-section .user-photos-grid .user-photo img{height:100%;object-fit:cover;width:100%}.theme-light .shop .container .shop-content .user-content-section .user-photos-grid .user-photo .photo-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000b3 0,#0000 50%);display:flex;inset:0;opacity:0;padding:15px;position:absolute;transition:opacity .2s}.theme-light .shop .container .shop-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content{align-items:center;color:#fff;display:flex;gap:5px}.theme-light .shop .container .shop-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content .like-icon{color:#e74c3c}.theme-light .shop .container .shop-content .user-content-section .user-photos-grid .user-photo:hover .photo-overlay{opacity:1}.theme-light .shop .container .shop-content .user-content-section .upload-photo-btn{align-items:center;background-color:#fff;border:1px solid #d3d3d3;border-radius:4px;color:#000;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin:20px auto 0;padding:10px 20px}.theme-light .shop .container .shop-content .user-content-section .upload-photo-btn:hover{background-color:#3498db1a;color:#3498db}.theme-light .shop .container .shop-content .ar-try-on-section .ar-banner{background-color:#fff;border-radius:8px;display:flex;overflow:hidden}.theme-light .shop .container .shop-content .ar-try-on-section .ar-banner .ar-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px}.theme-light .shop .container .shop-content .ar-try-on-section .ar-banner .ar-content h2{font-size:24px;margin-bottom:15px}.theme-light .shop .container .shop-content .ar-try-on-section .ar-banner .ar-content p{color:#555;line-height:1.5;margin-bottom:20px}.theme-light .shop .container .shop-content .ar-try-on-section .ar-banner .ar-content .try-ar-btn{align-self:flex-start;background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.theme-light .shop .container .shop-content .ar-try-on-section .ar-banner .ar-content .try-ar-btn:hover{background-color:#2980b9}.theme-light .shop .container .shop-content .ar-try-on-section .ar-banner .ar-image{flex:1 1}.theme-light .shop .container .shop-content .ar-try-on-section .ar-banner .ar-image img{height:100%;object-fit:cover;width:100%}@media(max-width:768px){.theme-light .shop .container .shop-content .ar-try-on-section .ar-banner .ar-image{display:none}}.theme-dark .shop{padding:20px 70px}.theme-dark .shop .container .shop-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-dark .shop .container .shop-header .title{color:#f5f5f5;font-size:28px}.theme-dark .shop .container .shop-header .cart-icon{color:#f5f5f5;cursor:pointer;position:relative}.theme-dark .shop .container .shop-header .cart-icon svg{font-size:24px}.theme-dark .shop .container .shop-header .cart-icon .cart-count{align-items:center;background-color:#e74c3c;border-radius:50%;color:#fff;display:flex;font-size:12px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.theme-dark .shop .container .shop-tabs{border-bottom:1px solid #444;display:flex;margin-bottom:20px}.theme-dark .shop .container .shop-tabs .shop-tab{background:none;border:none;color:#aaa;cursor:pointer;font-size:16px;font-weight:500;padding:12px 18px;position:relative}.theme-dark .shop .container .shop-tabs .shop-tab.active{color:#f5f5f5}.theme-dark .shop .container .shop-tabs .shop-tab.active:after{background-color:#3498db;bottom:-1px;content:"";height:3px;left:0;position:absolute;right:0}.theme-dark .shop .container .shop-tabs .shop-tab:hover:not(.active){color:#f5f5f5}.theme-dark .shop .container .shop-content{background-color:#333;border-radius:10px;color:#f5f5f5;padding:20px}.theme-dark .shop .container .shop-content .section-title{align-items:center;display:flex;font-size:20px;justify-content:space-between;margin-bottom:15px}.theme-dark .shop .container .shop-content .section-title .view-all{color:#3498db;cursor:pointer;font-size:14px;font-weight:400}.theme-dark .shop .container .shop-content .section-title .view-all:hover{text-decoration:underline}.theme-dark .shop .container .shop-content .live-events-section{margin-bottom:30px}.theme-dark .shop .container .shop-content .live-events-section .live-events-container{display:flex;gap:20px;overflow-x:auto;padding-bottom:10px}.theme-dark .shop .container .shop-content .live-events-section .live-events-container::-webkit-scrollbar{height:6px}.theme-dark .shop .container .shop-content .live-events-section .live-events-container::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.theme-dark .shop .container .shop-content .live-events-section .live-events-container::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.theme-dark .shop .container .shop-content .live-events-section .live-events-container .live-event-card{background-color:#222;border-radius:8px;box-shadow:0 2px 8px #0000001a;min-width:280px;overflow:hidden}.theme-dark .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-image{height:160px;position:relative}.theme-dark .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-image img{height:100%;object-fit:cover;width:100%}.theme-dark .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-image .live-badge{background-color:#e74c3c;border-radius:4px;color:#fff;font-size:12px;font-weight:700;left:10px;padding:3px 8px;position:absolute;top:10px}.theme-dark .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-image .viewers-count{background-color:#000000b3;border-radius:4px;bottom:10px;color:#fff;font-size:12px;padding:4px 8px;position:absolute;right:10px}.theme-dark .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-info{padding:15px}.theme-dark .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-info .event-title{font-size:16px;margin-bottom:10px}.theme-dark .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-info .event-time{align-items:center;color:#aaa;display:flex;font-size:14px;margin-bottom:15px}.theme-dark .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-info .event-time svg{font-size:16px;margin-right:5px}.theme-dark .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-info .reminder-btn{background-color:#3498db1a;border:none;border-radius:4px;color:#3498db;cursor:pointer;font-weight:500;padding:8px 0;width:100%}.theme-dark .shop .container .shop-content .live-events-section .live-events-container .live-event-card .event-info .reminder-btn:hover{background-color:#3498db33}.theme-dark .shop .container .shop-content .categories-section{margin-bottom:20px}.theme-dark .shop .container .shop-content .categories-section .categories-container{display:flex;flex-wrap:wrap;gap:10px}.theme-dark .shop .container .shop-content .categories-section .categories-container .category-pill{background-color:#222;border:1px solid #444;border-radius:20px;color:#aaa;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .2s}.theme-dark .shop .container .shop-content .categories-section .categories-container .category-pill.active{background-color:#3498db;border-color:#3498db;color:#fff}.theme-dark .shop .container .shop-content .categories-section .categories-container .category-pill:hover:not(.active){background-color:#3498db1a;color:#f5f5f5}.theme-dark .shop .container .shop-content .featured-products{margin-bottom:30px}.theme-dark .shop .container .shop-content .featured-products .products-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card{background-color:#222;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image{height:200px;position:relative}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image img{height:100%;object-fit:cover;width:100%}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges{display:flex;flex-direction:column;gap:5px;left:10px;position:absolute;top:10px}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge{align-items:center;border-radius:4px;display:flex;font-size:12px;font-weight:500;gap:4px;padding:4px 8px}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge svg{font-size:14px}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge.official{background-color:#3498dbe6;color:#fff}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge.new{background-color:#2ecc71e6;color:#fff}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge.limited{background-color:#9b59b6e6;color:#fff}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge.ar{background-color:#f1c40fe6;color:#fff}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-badges .badge.discount{background-color:#e74c3ce6;color:#fff}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-actions{display:flex;flex-direction:column;gap:5px;position:absolute;right:10px;top:10px}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-actions .action-button{align-items:center;background-color:#fff;border:none;border-radius:50%;color:#aaa;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-actions .action-button:hover{background-color:#f0f0f0;color:#f5f5f5}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-actions .action-button.share:hover{color:#3498db}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-image .product-actions .action-button.favorite:hover{color:#e74c3c}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-info{padding:15px}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-name{font-size:16px;font-weight:500;margin-bottom:10px}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-meta{display:flex;justify-content:space-between;margin-bottom:10px}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-meta .product-rating,.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-meta .user-photos{align-items:center;color:#aaa;display:flex;font-size:13px}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-meta .product-rating svg,.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-meta .user-photos svg{color:#f1c40f;font-size:16px;margin-right:4px}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-meta .user-photos svg{color:#aaa}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-price{margin-bottom:15px}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-price .current-price{color:#f5f5f5;font-size:18px;font-weight:600}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-info .product-price .original-price{color:#aaa;font-size:14px;margin-left:8px;text-decoration:line-through}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-info .add-to-cart-btn{align-items:center;background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;padding:10px 0;width:100%}.theme-dark .shop .container .shop-content .featured-products .products-grid .product-card .product-info .add-to-cart-btn:hover{background-color:#2980b9}.theme-dark .shop .container .shop-content .user-content-section{margin-bottom:30px}.theme-dark .shop .container .shop-content .user-content-section .user-photos-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.theme-dark .shop .container .shop-content .user-content-section .user-photos-grid{grid-template-columns:repeat(2,1fr)}}.theme-dark .shop .container .shop-content .user-content-section .user-photos-grid .user-photo{aspect-ratio:1;border-radius:8px;overflow:hidden;position:relative}.theme-dark .shop .container .shop-content .user-content-section .user-photos-grid .user-photo img{height:100%;object-fit:cover;width:100%}.theme-dark .shop .container .shop-content .user-content-section .user-photos-grid .user-photo .photo-overlay{align-items:flex-end;background:linear-gradient(0deg,#000000b3 0,#0000 50%);display:flex;inset:0;opacity:0;padding:15px;position:absolute;transition:opacity .2s}.theme-dark .shop .container .shop-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content{align-items:center;color:#fff;display:flex;gap:5px}.theme-dark .shop .container .shop-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content .like-icon{color:#e74c3c}.theme-dark .shop .container .shop-content .user-content-section .user-photos-grid .user-photo:hover .photo-overlay{opacity:1}.theme-dark .shop .container .shop-content .user-content-section .upload-photo-btn{align-items:center;background-color:#222;border:1px solid #444;border-radius:4px;color:#f5f5f5;cursor:pointer;display:flex;font-weight:500;gap:8px;justify-content:center;margin:20px auto 0;padding:10px 20px}.theme-dark .shop .container .shop-content .user-content-section .upload-photo-btn:hover{background-color:#3498db1a;color:#3498db}.theme-dark .shop .container .shop-content .ar-try-on-section .ar-banner{background-color:#222;border-radius:8px;display:flex;overflow:hidden}.theme-dark .shop .container .shop-content .ar-try-on-section .ar-banner .ar-content{display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:30px}.theme-dark .shop .container .shop-content .ar-try-on-section .ar-banner .ar-content h2{font-size:24px;margin-bottom:15px}.theme-dark .shop .container .shop-content .ar-try-on-section .ar-banner .ar-content p{color:#aaa;line-height:1.5;margin-bottom:20px}.theme-dark .shop .container .shop-content .ar-try-on-section .ar-banner .ar-content .try-ar-btn{align-self:flex-start;background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.theme-dark .shop .container .shop-content .ar-try-on-section .ar-banner .ar-content .try-ar-btn:hover{background-color:#2980b9}.theme-dark .shop .container .shop-content .ar-try-on-section .ar-banner .ar-image{flex:1 1}.theme-dark .shop .container .shop-content .ar-try-on-section .ar-banner .ar-image img{height:100%;object-fit:cover;width:100%}@media(max-width:768px){.theme-dark .shop .container .shop-content .ar-try-on-section .ar-banner .ar-image{display:none}}.theme-light .work{padding:20px 70px}@media(max-width:768px){.theme-light .work{padding:15px 20px}}.theme-light .work .container .hero-section{background-color:#f6f3f3;background-image:linear-gradient(#00000080,#0003),url(https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTJ8fHNwb3J0cyUyMHNvY2lhbCUyMG1lZGlhfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=1200&q=80);background-position:50%;background-size:cover;border-radius:15px;margin-bottom:30px;padding:50px 40px}.theme-light .work .container .hero-section .hero-content{max-width:700px}.theme-light .work .container .hero-section .hero-content .title{color:#fff;font-size:38px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px #0000004d}.theme-light .work .container .hero-section .hero-content .subtitle{color:#fff;font-size:18px;line-height:1.5;margin-bottom:30px;text-shadow:0 2px 4px #0000004d}.theme-light .work .container .hero-section .hero-content .search-container{background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:20px}.theme-light .work .container .hero-section .hero-content .search-container .search-bar{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;margin-bottom:15px;padding:10px 15px}.theme-light .work .container .hero-section .hero-content .search-container .search-bar svg{color:#555;font-size:20px;margin-right:10px}.theme-light .work .container .hero-section .hero-content .search-container .search-bar input{border:none;color:#000;flex:1 1;font-size:15px;outline:none}.theme-light .work .container .hero-section .hero-content .search-container .search-bar input::placeholder{color:#555}.theme-light .work .container .hero-section .hero-content .search-container .filters{display:flex;gap:15px}@media(max-width:576px){.theme-light .work .container .hero-section .hero-content .search-container .filters{flex-direction:column;gap:10px}}.theme-light .work .container .hero-section .hero-content .search-container .filters .filter{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex:1 1;padding:10px 15px}.theme-light .work .container .hero-section .hero-content .search-container .filters .filter svg{color:#555;font-size:20px;margin-right:10px}.theme-light .work .container .hero-section .hero-content .search-container .filters .filter select{-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml;utf8,<svg fill=%27gray%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>") no-repeat;background-position:right 0 top 50%;border:none;color:#000;flex:1 1;font-size:15px;outline:none;padding-right:20px}.theme-light .work .container .career-tips,.theme-light .work .container .info-section,.theme-light .work .container .jobs-section,.theme-light .work .container .stats-section{margin-bottom:50px}.theme-light .work .container .career-tips h2,.theme-light .work .container .info-section h2,.theme-light .work .container .jobs-section h2,.theme-light .work .container .stats-section h2{color:#000;font-size:28px;font-weight:700;margin-bottom:25px;text-align:center}.theme-light .work .container .info-section .role-categories{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.theme-light .work .container .info-section .role-categories .role-card{background-color:#f6f3f3;border-radius:12px;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.theme-light .work .container .info-section .role-categories .role-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.theme-light .work .container .info-section .role-categories .role-card .role-icon{align-items:center;background-color:#e3e9ff;border-radius:50%;color:#2078f4;display:flex;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.theme-light .work .container .info-section .role-categories .role-card .role-icon svg{font-size:30px}.theme-light .work .container .info-section .role-categories .role-card h3{color:#000;font-size:18px;font-weight:600;margin-bottom:10px}.theme-light .work .container .info-section .role-categories .role-card p{color:#555;font-size:14px;line-height:1.5}.theme-light .work .container .stats-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.theme-light .work .container .stats-section .stat-card{align-items:center;background-color:#2078f4;border-radius:12px;color:#fff;display:flex;padding:25px}.theme-light .work .container .stats-section .stat-card .stat-icon{align-items:center;background-color:#fff3;border-radius:50%;display:flex;height:60px;justify-content:center;margin-right:20px;width:60px}.theme-light .work .container .stats-section .stat-card .stat-icon svg{color:#fff;font-size:30px}.theme-light .work .container .stats-section .stat-card .stat-content h3{font-size:24px;font-weight:700;margin-bottom:5px}.theme-light .work .container .stats-section .stat-card .stat-content p{font-size:14px;opacity:.9}.theme-light .work .container .jobs-section .jobs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}@media(max-width:576px){.theme-light .work .container .jobs-section .jobs-header{align-items:flex-start;flex-direction:column;gap:10px}}.theme-light .work .container .jobs-section .jobs-header h2{margin-bottom:0;text-align:left}.theme-light .work .container .jobs-section .jobs-header p{color:#555;font-size:15px}.theme-light .work .container .jobs-section .jobs-container{display:flex;flex-direction:column;gap:20px}.theme-light .work .container .jobs-section .jobs-container .job-card{background-color:#f6f3f3;border-radius:12px;display:flex;position:relative;transition:transform .3s ease,box-shadow .3s ease}@media(max-width:768px){.theme-light .work .container .jobs-section .jobs-container .job-card{flex-direction:column}}.theme-light .work .container .jobs-section .jobs-container .job-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.theme-light .work .container .jobs-section .jobs-container .job-card .job-logo{align-items:center;background-color:#fff;border-radius:12px 0 0 12px;display:flex;justify-content:center;padding:20px;width:140px}@media(max-width:768px){.theme-light .work .container .jobs-section .jobs-container .job-card .job-logo{border-radius:12px 12px 0 0;padding:15px;width:100%}.theme-light .work .container .jobs-section .jobs-container .job-card .job-logo img{max-height:80px}}.theme-light .work .container .jobs-section .jobs-container .job-card .job-logo img{max-height:100px;max-width:100%;object-fit:contain}.theme-light .work .container .jobs-section .jobs-container .job-card .job-content{flex:1 1;padding:25px}.theme-light .work .container .jobs-section .jobs-container .job-card .job-content .job-title{color:#000;font-size:20px;font-weight:700;margin-bottom:5px}.theme-light .work .container .jobs-section .jobs-container .job-card .job-content .job-company{color:#2078f4;font-size:16px;font-weight:600;margin-bottom:15px}.theme-light .work .container .jobs-section .jobs-container .job-card .job-content .job-details{display:flex;gap:20px;margin-bottom:15px}.theme-light .work .container .jobs-section .jobs-container .job-card .job-content .job-details .job-location,.theme-light .work .container .jobs-section .jobs-container .job-card .job-content .job-details .job-type{align-items:center;color:#555;display:flex;font-size:14px}.theme-light .work .container .jobs-section .jobs-container .job-card .job-content .job-details .job-location svg,.theme-light .work .container .jobs-section .jobs-container .job-card .job-content .job-details .job-type svg{font-size:18px;margin-right:5px}.theme-light .work .container .jobs-section .jobs-container .job-card .job-content .job-description{color:#000;font-size:14px;line-height:1.5;margin-bottom:15px}.theme-light .work .container .jobs-section .jobs-container .job-card .job-content .job-skills{display:flex;flex-wrap:wrap;gap:10px}.theme-light .work .container .jobs-section .jobs-container .job-card .job-content .job-skills .skill{align-items:center;background-color:#e3e9ff;border-radius:20px;color:#000;display:flex;font-size:12px;padding:5px 12px}.theme-light .work .container .jobs-section .jobs-container .job-card .job-content .job-skills .skill svg{color:#2078f4;font-size:16px;margin-right:5px}.theme-light .work .container .jobs-section .jobs-container .job-card .apply-btn{align-items:center;background-color:#2078f4;border:none;border-radius:8px;bottom:25px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:absolute;right:25px;transition:all .3s ease}@media(max-width:768px){.theme-light .work .container .jobs-section .jobs-container .job-card .apply-btn{justify-content:center;margin:0 25px 25px;position:static}}.theme-light .work .container .jobs-section .jobs-container .job-card .apply-btn svg{font-size:16px;transition:transform .3s ease}.theme-light .work .container .jobs-section .jobs-container .job-card .apply-btn:hover{opacity:.9}.theme-light .work .container .jobs-section .jobs-container .job-card .apply-btn:hover svg{transform:translateX(5px)}.theme-light .work .container .jobs-section .jobs-container .no-jobs{background-color:#f6f3f3;border-radius:12px;padding:30px;text-align:center}.theme-light .work .container .jobs-section .jobs-container .no-jobs p{color:#000;font-size:16px;margin-bottom:15px}.theme-light .work .container .jobs-section .jobs-container .no-jobs button{background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:opacity .3s ease}.theme-light .work .container .jobs-section .jobs-container .no-jobs button:hover{opacity:.9}.theme-light .work .container .career-tips .tips-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.theme-light .work .container .career-tips .tips-container .tip-card{background-color:#f6f3f3;border-radius:12px;padding:25px;transition:transform .3s ease}.theme-light .work .container .career-tips .tips-container .tip-card:hover{transform:translateY(-5px)}.theme-light .work .container .career-tips .tips-container .tip-card h3{color:#000;font-size:18px;font-weight:600;margin-bottom:10px;padding-bottom:10px;position:relative}.theme-light .work .container .career-tips .tips-container .tip-card h3:after{background-color:#2078f4;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.theme-light .work .container .career-tips .tips-container .tip-card p{color:#555;font-size:14px;line-height:1.5}.theme-dark .work{padding:20px 70px}@media(max-width:768px){.theme-dark .work{padding:15px 20px}}.theme-dark .work .container .hero-section{background-color:#333;background-image:linear-gradient(#00000080,#0003),url(https://images.unsplash.com/photo-1542744173-8e7e53415bb0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTJ8fHNwb3J0cyUyMHNvY2lhbCUyMG1lZGlhfGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=1200&q=80);background-position:50%;background-size:cover;border-radius:15px;margin-bottom:30px;padding:50px 40px}.theme-dark .work .container .hero-section .hero-content{max-width:700px}.theme-dark .work .container .hero-section .hero-content .title{color:#fff;font-size:38px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px #0000004d}.theme-dark .work .container .hero-section .hero-content .subtitle{color:#fff;font-size:18px;line-height:1.5;margin-bottom:30px;text-shadow:0 2px 4px #0000004d}.theme-dark .work .container .hero-section .hero-content .search-container{background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 15px #0000001a;padding:20px}.theme-dark .work .container .hero-section .hero-content .search-container .search-bar{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;margin-bottom:15px;padding:10px 15px}.theme-dark .work .container .hero-section .hero-content .search-container .search-bar svg{color:#aaa;font-size:20px;margin-right:10px}.theme-dark .work .container .hero-section .hero-content .search-container .search-bar input{border:none;color:#f5f5f5;flex:1 1;font-size:15px;outline:none}.theme-dark .work .container .hero-section .hero-content .search-container .search-bar input::placeholder{color:#aaa}.theme-dark .work .container .hero-section .hero-content .search-container .filters{display:flex;gap:15px}@media(max-width:576px){.theme-dark .work .container .hero-section .hero-content .search-container .filters{flex-direction:column;gap:10px}}.theme-dark .work .container .hero-section .hero-content .search-container .filters .filter{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d;display:flex;flex:1 1;padding:10px 15px}.theme-dark .work .container .hero-section .hero-content .search-container .filters .filter svg{color:#aaa;font-size:20px;margin-right:10px}.theme-dark .work .container .hero-section .hero-content .search-container .filters .filter select{-webkit-appearance:none;appearance:none;background:url("data:image/svg+xml;utf8,<svg fill=%27gray%27 height=%2724%27 viewBox=%270 0 24 24%27 width=%2724%27 xmlns=%27http://www.w3.org/2000/svg%27><path d=%27M7 10l5 5 5-5z%27/><path d=%27M0 0h24v24H0z%27 fill=%27none%27/></svg>") no-repeat;background-position:right 0 top 50%;border:none;color:#f5f5f5;flex:1 1;font-size:15px;outline:none;padding-right:20px}.theme-dark .work .container .career-tips,.theme-dark .work .container .info-section,.theme-dark .work .container .jobs-section,.theme-dark .work .container .stats-section{margin-bottom:50px}.theme-dark .work .container .career-tips h2,.theme-dark .work .container .info-section h2,.theme-dark .work .container .jobs-section h2,.theme-dark .work .container .stats-section h2{color:#f5f5f5;font-size:28px;font-weight:700;margin-bottom:25px;text-align:center}.theme-dark .work .container .info-section .role-categories{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.theme-dark .work .container .info-section .role-categories .role-card{background-color:#333;border-radius:12px;padding:25px;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.theme-dark .work .container .info-section .role-categories .role-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.theme-dark .work .container .info-section .role-categories .role-card .role-icon{align-items:center;background-color:#2c3a6d;border-radius:50%;color:#2078f4;display:flex;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.theme-dark .work .container .info-section .role-categories .role-card .role-icon svg{font-size:30px}.theme-dark .work .container .info-section .role-categories .role-card h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:10px}.theme-dark .work .container .info-section .role-categories .role-card p{color:#aaa;font-size:14px;line-height:1.5}.theme-dark .work .container .stats-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.theme-dark .work .container .stats-section .stat-card{align-items:center;background-color:#2078f4;border-radius:12px;color:#fff;display:flex;padding:25px}.theme-dark .work .container .stats-section .stat-card .stat-icon{align-items:center;background-color:#fff3;border-radius:50%;display:flex;height:60px;justify-content:center;margin-right:20px;width:60px}.theme-dark .work .container .stats-section .stat-card .stat-icon svg{color:#fff;font-size:30px}.theme-dark .work .container .stats-section .stat-card .stat-content h3{font-size:24px;font-weight:700;margin-bottom:5px}.theme-dark .work .container .stats-section .stat-card .stat-content p{font-size:14px;opacity:.9}.theme-dark .work .container .jobs-section .jobs-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}@media(max-width:576px){.theme-dark .work .container .jobs-section .jobs-header{align-items:flex-start;flex-direction:column;gap:10px}}.theme-dark .work .container .jobs-section .jobs-header h2{margin-bottom:0;text-align:left}.theme-dark .work .container .jobs-section .jobs-header p{color:#aaa;font-size:15px}.theme-dark .work .container .jobs-section .jobs-container{display:flex;flex-direction:column;gap:20px}.theme-dark .work .container .jobs-section .jobs-container .job-card{background-color:#333;border-radius:12px;display:flex;position:relative;transition:transform .3s ease,box-shadow .3s ease}@media(max-width:768px){.theme-dark .work .container .jobs-section .jobs-container .job-card{flex-direction:column}}.theme-dark .work .container .jobs-section .jobs-container .job-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.theme-dark .work .container .jobs-section .jobs-container .job-card .job-logo{align-items:center;background-color:#fff;border-radius:12px 0 0 12px;display:flex;justify-content:center;padding:20px;width:140px}@media(max-width:768px){.theme-dark .work .container .jobs-section .jobs-container .job-card .job-logo{border-radius:12px 12px 0 0;padding:15px;width:100%}.theme-dark .work .container .jobs-section .jobs-container .job-card .job-logo img{max-height:80px}}.theme-dark .work .container .jobs-section .jobs-container .job-card .job-logo img{max-height:100px;max-width:100%;object-fit:contain}.theme-dark .work .container .jobs-section .jobs-container .job-card .job-content{flex:1 1;padding:25px}.theme-dark .work .container .jobs-section .jobs-container .job-card .job-content .job-title{color:#f5f5f5;font-size:20px;font-weight:700;margin-bottom:5px}.theme-dark .work .container .jobs-section .jobs-container .job-card .job-content .job-company{color:#2078f4;font-size:16px;font-weight:600;margin-bottom:15px}.theme-dark .work .container .jobs-section .jobs-container .job-card .job-content .job-details{display:flex;gap:20px;margin-bottom:15px}.theme-dark .work .container .jobs-section .jobs-container .job-card .job-content .job-details .job-location,.theme-dark .work .container .jobs-section .jobs-container .job-card .job-content .job-details .job-type{align-items:center;color:#aaa;display:flex;font-size:14px}.theme-dark .work .container .jobs-section .jobs-container .job-card .job-content .job-details .job-location svg,.theme-dark .work .container .jobs-section .jobs-container .job-card .job-content .job-details .job-type svg{font-size:18px;margin-right:5px}.theme-dark .work .container .jobs-section .jobs-container .job-card .job-content .job-description{color:#f5f5f5;font-size:14px;line-height:1.5;margin-bottom:15px}.theme-dark .work .container .jobs-section .jobs-container .job-card .job-content .job-skills{display:flex;flex-wrap:wrap;gap:10px}.theme-dark .work .container .jobs-section .jobs-container .job-card .job-content .job-skills .skill{align-items:center;background-color:#2c3a6d;border-radius:20px;color:#f5f5f5;display:flex;font-size:12px;padding:5px 12px}.theme-dark .work .container .jobs-section .jobs-container .job-card .job-content .job-skills .skill svg{color:#2078f4;font-size:16px;margin-right:5px}.theme-dark .work .container .jobs-section .jobs-container .job-card .apply-btn{align-items:center;background-color:#2078f4;border:none;border-radius:8px;bottom:25px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 20px;position:absolute;right:25px;transition:all .3s ease}@media(max-width:768px){.theme-dark .work .container .jobs-section .jobs-container .job-card .apply-btn{justify-content:center;margin:0 25px 25px;position:static}}.theme-dark .work .container .jobs-section .jobs-container .job-card .apply-btn svg{font-size:16px;transition:transform .3s ease}.theme-dark .work .container .jobs-section .jobs-container .job-card .apply-btn:hover{opacity:.9}.theme-dark .work .container .jobs-section .jobs-container .job-card .apply-btn:hover svg{transform:translateX(5px)}.theme-dark .work .container .jobs-section .jobs-container .no-jobs{background-color:#333;border-radius:12px;padding:30px;text-align:center}.theme-dark .work .container .jobs-section .jobs-container .no-jobs p{color:#f5f5f5;font-size:16px;margin-bottom:15px}.theme-dark .work .container .jobs-section .jobs-container .no-jobs button{background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:opacity .3s ease}.theme-dark .work .container .jobs-section .jobs-container .no-jobs button:hover{opacity:.9}.theme-dark .work .container .career-tips .tips-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.theme-dark .work .container .career-tips .tips-container .tip-card{background-color:#333;border-radius:12px;padding:25px;transition:transform .3s ease}.theme-dark .work .container .career-tips .tips-container .tip-card:hover{transform:translateY(-5px)}.theme-dark .work .container .career-tips .tips-container .tip-card h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:10px;padding-bottom:10px;position:relative}.theme-dark .work .container .career-tips .tips-container .tip-card h3:after{background-color:#2078f4;bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.theme-dark .work .container .career-tips .tips-container .tip-card p{color:#aaa;font-size:14px;line-height:1.5}.theme-light .analytics{padding:20px 70px}.theme-light .analytics .container .title{color:#000;font-size:28px;margin-bottom:20px;text-align:center}.theme-light .analytics .container .content{background-color:#f6f3f3;border-radius:10px;color:#000;padding:20px}.theme-light .analytics .container .content .report-summary{background-color:#fff;border-left:4px solid #8884d8;border-radius:8px;margin-bottom:30px;padding:15px}.theme-light .analytics .container .content .report-summary h2{border-bottom:none;margin-top:0;padding-bottom:5px}.theme-light .analytics .container .content .report-summary p{margin-bottom:0}.theme-light .analytics .container .content h2{border-bottom:1px solid #d3d3d3;font-size:22px;margin:20px 0;padding-bottom:10px}.theme-light .analytics .container .content h3{color:#555;font-size:18px;margin:15px 0}.theme-light .analytics .container .content .chart-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-bottom:30px;padding:15px}.theme-light .analytics .container .content .chart-container h3{margin-bottom:20px;text-align:center}.theme-light .analytics .container .content .insights-container,.theme-light .analytics .container .content .recommendations-container{margin-bottom:30px}.theme-light .analytics .container .content .insights-container .insight-card,.theme-light .analytics .container .content .recommendations-container .insight-card{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-bottom:15px;padding:15px}.theme-light .analytics .container .content .insights-container .insight-card h3,.theme-light .analytics .container .content .recommendations-container .insight-card h3{border-bottom:1px solid #d3d3d3;margin-bottom:12px;padding-bottom:8px}.theme-light .analytics .container .content .insights-container .insight-card ol,.theme-light .analytics .container .content .insights-container .insight-card ul,.theme-light .analytics .container .content .recommendations-container .insight-card ol,.theme-light .analytics .container .content .recommendations-container .insight-card ul{padding-left:20px}.theme-light .analytics .container .content .insights-container .insight-card li,.theme-light .analytics .container .content .recommendations-container .insight-card li{margin:5px 0}.theme-light .analytics .container .content .insights-container .insight-card p,.theme-light .analytics .container .content .recommendations-container .insight-card p{font-weight:500;margin-bottom:8px}.theme-light .analytics .container .content .recommendations-container ol{padding-left:20px}.theme-light .analytics .container .content .recommendations-container ol li{line-height:1.4;margin:10px 0}.theme-light .analytics .container .content .privacy-notice{background-color:#fff;border-left:4px solid #0088fe;border-radius:8px;margin-top:20px;padding:15px}.theme-light .analytics .container .content .privacy-notice h3{margin-top:0}.theme-light .analytics .container .content .privacy-notice p{font-size:14px;opacity:.9}.theme-dark .analytics{padding:20px 70px}.theme-dark .analytics .container .title{color:#f5f5f5;font-size:28px;margin-bottom:20px;text-align:center}.theme-dark .analytics .container .content{background-color:#333;border-radius:10px;color:#f5f5f5;padding:20px}.theme-dark .analytics .container .content .report-summary{background-color:#222;border-left:4px solid #8884d8;border-radius:8px;margin-bottom:30px;padding:15px}.theme-dark .analytics .container .content .report-summary h2{border-bottom:none;margin-top:0;padding-bottom:5px}.theme-dark .analytics .container .content .report-summary p{margin-bottom:0}.theme-dark .analytics .container .content h2{border-bottom:1px solid #444;font-size:22px;margin:20px 0;padding-bottom:10px}.theme-dark .analytics .container .content h3{color:#aaa;font-size:18px;margin:15px 0}.theme-dark .analytics .container .content .chart-container{background-color:#222;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-bottom:30px;padding:15px}.theme-dark .analytics .container .content .chart-container h3{margin-bottom:20px;text-align:center}.theme-dark .analytics .container .content .insights-container,.theme-dark .analytics .container .content .recommendations-container{margin-bottom:30px}.theme-dark .analytics .container .content .insights-container .insight-card,.theme-dark .analytics .container .content .recommendations-container .insight-card{background-color:#222;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-bottom:15px;padding:15px}.theme-dark .analytics .container .content .insights-container .insight-card h3,.theme-dark .analytics .container .content .recommendations-container .insight-card h3{border-bottom:1px solid #444;margin-bottom:12px;padding-bottom:8px}.theme-dark .analytics .container .content .insights-container .insight-card ol,.theme-dark .analytics .container .content .insights-container .insight-card ul,.theme-dark .analytics .container .content .recommendations-container .insight-card ol,.theme-dark .analytics .container .content .recommendations-container .insight-card ul{padding-left:20px}.theme-dark .analytics .container .content .insights-container .insight-card li,.theme-dark .analytics .container .content .recommendations-container .insight-card li{margin:5px 0}.theme-dark .analytics .container .content .insights-container .insight-card p,.theme-dark .analytics .container .content .recommendations-container .insight-card p{font-weight:500;margin-bottom:8px}.theme-dark .analytics .container .content .recommendations-container ol{padding-left:20px}.theme-dark .analytics .container .content .recommendations-container ol li{line-height:1.4;margin:10px 0}.theme-dark .analytics .container .content .privacy-notice{background-color:#222;border-left:4px solid #0088fe;border-radius:8px;margin-top:20px;padding:15px}.theme-dark .analytics .container .content .privacy-notice h3{margin-top:0}.theme-dark .analytics .container .content .privacy-notice p{font-size:14px;opacity:.9}.theme-light .events{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-x:hidden;padding:20px;width:100%}@media(max-width:768px){.theme-light .events{padding:15px}}.theme-light .events .container{max-width:100%;width:100%}.theme-light .events .container .events-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}@media(max-width:768px){.theme-light .events .container .events-header{align-items:flex-start;flex-direction:column;gap:15px}}.theme-light .events .container .events-header .title{color:#000;font-size:28px;font-weight:600}.theme-light .events .container .events-header .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.theme-light .events .container .events-header .header-actions .search-box{align-items:center;background-color:#f6f3f3;border-radius:8px;display:flex;padding:8px 15px;width:250px}@media(max-width:480px){.theme-light .events .container .events-header .header-actions .search-box{width:100%}}.theme-light .events .container .events-header .header-actions .search-box svg{color:#555;flex-shrink:0;margin-right:10px}.theme-light .events .container .events-header .header-actions .search-box input{background-color:#0000;border:none;color:#000;outline:none;width:100%}.theme-light .events .container .events-header .header-actions .search-box input::placeholder{color:#555}.theme-light .events .container .events-header .header-actions .filter-dropdown{flex-shrink:0;position:relative}.theme-light .events .container .events-header .header-actions .filter-dropdown .filter-btn{align-items:center;background-color:#f6f3f3;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-weight:500;gap:5px;padding:8px 15px;transition:background-color .3s}.theme-light .events .container .events-header .header-actions .filter-dropdown .filter-btn:hover{background-color:#f0f0f0}.theme-light .events .container .events-header .header-actions .filter-dropdown .filter-btn svg{font-size:18px}.theme-light .events .container .events-header .header-actions .filter-dropdown .dropdown-content{background-color:#fff;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-top:5px;min-width:200px;opacity:0;padding:12px;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .3s,transform .3s;z-index:20}.theme-light .events .container .events-header .header-actions .filter-dropdown .dropdown-content h4{border-bottom:1px solid #d3d3d3;color:#000;font-size:14px;font-weight:600;margin-bottom:10px;padding-bottom:8px}.theme-light .events .container .events-header .header-actions .filter-dropdown .dropdown-content .dropdown-item{align-items:center;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 10px;transition:background-color .2s}.theme-light .events .container .events-header .header-actions .filter-dropdown .dropdown-content .dropdown-item:hover{background-color:#f0f0f0}.theme-light .events .container .events-header .header-actions .filter-dropdown .dropdown-content .dropdown-item.active{background-color:#e3e9ff;color:#2078f4;font-weight:500}.theme-light .events .container .events-header .header-actions .filter-dropdown .dropdown-content .dropdown-item .category-icon{align-items:center;color:#555;display:flex}.theme-light .events .container .events-header .header-actions .filter-dropdown .dropdown-content .dropdown-item .category-icon svg{font-size:16px}.theme-light .events .container .events-header .header-actions .filter-dropdown:hover .dropdown-content{opacity:1;pointer-events:auto;transform:translateY(0)}.theme-light .events .container .events-header .header-actions .notification-icon{cursor:pointer;flex-shrink:0;position:relative}.theme-light .events .container .events-header .header-actions .notification-icon svg{color:#000;font-size:24px}.theme-light .events .container .events-header .header-actions .notification-icon .notification-badge{align-items:center;background-color:#2078f4;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.theme-light .events .container .events-tabs{border-bottom:1px solid #d3d3d3;display:flex;margin-bottom:25px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.theme-light .events .container .events-tabs::-webkit-scrollbar{display:none}.theme-light .events .container .events-tabs .events-tab{align-items:center;background:#0000;border:none;color:#555;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:5px;margin-right:25px;padding:10px 5px;position:relative;transition:color .3s;white-space:nowrap}.theme-light .events .container .events-tabs .events-tab svg{font-size:18px}.theme-light .events .container .events-tabs .events-tab:hover{color:#000}.theme-light .events .container .events-tabs .events-tab.active{color:#2078f4;font-weight:600}.theme-light .events .container .events-tabs .events-tab.active:after{background-color:#2078f4;border-radius:3px 3px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.theme-light .events .container .filter-categories{display:flex;gap:10px;margin-bottom:25px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.theme-light .events .container .filter-categories::-webkit-scrollbar{display:none}.theme-light .events .container .filter-categories .category-btn{align-items:center;background-color:#f6f3f3;border:none;border-radius:20px;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.theme-light .events .container .filter-categories .category-btn svg{font-size:16px}.theme-light .events .container .filter-categories .category-btn:hover{background-color:#f0f0f0}.theme-light .events .container .filter-categories .category-btn.active{background-color:#2078f4;color:#fff}.theme-light .events .container .events-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:1200px){.theme-light .events .container .events-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.theme-light .events .container .events-grid{grid-template-columns:1fr}}.theme-light .events .container .events-grid .event-card{background-color:#fff;border-radius:12px;box-shadow:0 0 15px #0000000d;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;max-width:100%;overflow:hidden;transition:transform .3s,box-shadow .3s}.theme-light .events .container .events-grid .event-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.theme-light .events .container .events-grid .event-card .event-image{flex-shrink:0;height:180px;overflow:hidden;position:relative}.theme-light .events .container .events-grid .event-card .event-image img{height:100%;object-fit:cover;transition:transform .5s;width:100%}.theme-light .events .container .events-grid .event-card .event-image .event-date{background-color:#0009;border-radius:5px;color:#fff;font-size:12px;font-weight:500;left:10px;padding:5px 10px;position:absolute;top:10px;z-index:2}.theme-light .events .container .events-grid .event-card .event-image .event-badges{display:flex;flex-direction:column;gap:5px;position:absolute;right:10px;top:10px;z-index:2}.theme-light .events .container .events-grid .event-card .event-image .event-badges .badge{background-color:#2078f4;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase}.theme-light .events .container .events-grid .event-card .event-image .event-badges .badge.official{background-color:#4caf50}.theme-light .events .container .events-grid .event-card .event-image .event-badges .badge.featured{background-color:#ff9800}.theme-light .events .container .events-grid .event-card .event-image .event-badges .badge.virtual{background-color:#9c27b0}.theme-light .events .container .events-grid .event-card .event-image .event-badges .badge.trending{background-color:#ff5722}.theme-light .events .container .events-grid .event-card .event-image .event-badges .badge.popular{background-color:#2196f3}.theme-light .events .container .events-grid .event-card .event-image .live-badge{align-items:center;background-color:#f44336;border-radius:4px;bottom:10px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:5px;left:10px;padding:4px 10px;position:absolute;text-transform:uppercase;z-index:2}.theme-light .events .container .events-grid .event-card .event-image .live-badge:before{animation:pulse 1.5s infinite;background-color:#fff;border-radius:50%;content:"";height:8px;width:8px}.theme-light .events .container .events-grid .event-card .event-content{display:flex;flex-direction:column;flex-grow:1;padding:20px}.theme-light .events .container .events-grid .event-card .event-content .event-title{color:#000;font-size:18px;font-weight:600;line-height:1.3;margin-bottom:10px;word-break:break-word}.theme-light .events .container .events-grid .event-card .event-content .event-meta{grid-gap:10px;display:grid;gap:10px;grid-template-columns:auto 1fr;margin-bottom:15px}.theme-light .events .container .events-grid .event-card .event-content .event-meta svg{color:#555;font-size:16px;grid-column:1;margin-top:3px}.theme-light .events .container .events-grid .event-card .event-content .event-meta .meta-text{color:#555;font-size:14px;grid-column:2;word-break:break-word}.theme-light .events .container .events-grid .event-card .event-content .event-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#000;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:15px;overflow:hidden}.theme-light .events .container .events-grid .event-card .event-content .event-stats{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.theme-light .events .container .events-grid .event-card .event-content .event-stats .stat{align-items:center;color:#555;display:flex;font-size:14px;gap:5px}.theme-light .events .container .events-grid .event-card .event-content .event-stats .stat svg{flex-shrink:0;font-size:16px}.theme-light .events .container .events-grid .event-card .event-content .event-actions{display:flex;justify-content:space-between;margin-top:auto}.theme-light .events .container .events-grid .event-card .event-content .event-actions .action-btn{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 15px;transition:background-color .3s;white-space:nowrap}.theme-light .events .container .events-grid .event-card .event-content .event-actions .action-btn:hover{opacity:.9}.theme-light .events .container .events-grid .event-card .event-content .event-actions .action-icons{display:flex;gap:10px}.theme-light .events .container .events-grid .event-card .event-content .event-actions .action-icons .icon-btn{align-items:center;background-color:#f6f3f3;border:none;border-radius:6px;color:#555;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background-color .3s;width:36px}.theme-light .events .container .events-grid .event-card .event-content .event-actions .action-icons .icon-btn:hover{background-color:#f0f0f0;color:#000}.theme-light .events .container .events-grid .event-card .event-content .event-actions .action-icons .icon-btn.active{color:#2078f4}.theme-light .events .container .events-grid .event-card .event-expanded{border-top:1px solid #d3d3d3;padding:0 20px 20px}.theme-light .events .container .events-grid .event-card .event-expanded .organizer{align-items:center;display:flex;gap:10px;margin:15px 0}.theme-light .events .container .events-grid .event-card .event-expanded .organizer .organizer-image{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.theme-light .events .container .events-grid .event-card .event-expanded .organizer .organizer-image img{height:100%;object-fit:cover;width:100%}.theme-light .events .container .events-grid .event-card .event-expanded .organizer .organizer-info{min-width:0}.theme-light .events .container .events-grid .event-card .event-expanded .organizer .organizer-info .organizer-name{align-items:center;color:#000;display:flex;font-size:15px;font-weight:600;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-light .events .container .events-grid .event-card .event-expanded .organizer .organizer-info .organizer-name .verified-icon{color:#2078f4;flex-shrink:0;font-size:14px}.theme-light .events .container .events-grid .event-card .event-expanded .organizer .organizer-info .organizer-meta{color:#555;font-size:12px}.theme-light .events .container .events-grid .event-card .event-expanded .updates{margin:15px 0}.theme-light .events .container .events-grid .event-card .event-expanded .updates .update-title{color:#000;font-size:15px;font-weight:600;margin-bottom:10px}.theme-light .events .container .events-grid .event-card .event-expanded .updates .update-item{background-color:#f6f3f3;border-radius:8px;margin-bottom:8px;padding:10px}.theme-light .events .container .events-grid .event-card .event-expanded .updates .update-item .update-text{color:#000;font-size:13px;margin-bottom:5px;word-break:break-word}.theme-light .events .container .events-grid .event-card .event-expanded .updates .update-item .update-time{color:#555;font-size:11px}.theme-light .events .container .events-grid .event-card .event-expanded .exclusive-content{background-color:#f6f3f3;border-radius:8px;margin:15px 0;padding:15px}.theme-light .events .container .events-grid .event-card .event-expanded .exclusive-content .exclusive-title{align-items:center;color:#000;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:10px}.theme-light .events .container .events-grid .event-card .event-expanded .exclusive-content .exclusive-title svg{color:#2078f4;flex-shrink:0}.theme-light .events .container .events-grid .event-card .event-expanded .exclusive-content .exclusive-description{color:#555;font-size:13px;line-height:1.5;margin-bottom:10px}.theme-light .events .container .events-grid .event-card .event-expanded .exclusive-content .exclusive-btn{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 15px;transition:background-color .3s;width:100%}.theme-light .events .container .events-grid .event-card .event-expanded .exclusive-content .exclusive-btn:hover{opacity:.9}.theme-light .events .container .no-events{background-color:#f6f3f3;border-radius:12px;grid-column:1/-1;padding:40px 20px;text-align:center}.theme-light .events .container .no-events h3{color:#000;font-size:18px;font-weight:600;margin-bottom:10px}.theme-light .events .container .no-events p{color:#555;font-size:14px;margin-bottom:20px}.theme-light .events .container .no-events button{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s}.theme-light .events .container .no-events button:hover{opacity:.9}.theme-dark .events{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-x:hidden;padding:20px;width:100%}@media(max-width:768px){.theme-dark .events{padding:15px}}.theme-dark .events .container{max-width:100%;width:100%}.theme-dark .events .container .events-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}@media(max-width:768px){.theme-dark .events .container .events-header{align-items:flex-start;flex-direction:column;gap:15px}}.theme-dark .events .container .events-header .title{color:#f5f5f5;font-size:28px;font-weight:600}.theme-dark .events .container .events-header .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.theme-dark .events .container .events-header .header-actions .search-box{align-items:center;background-color:#333;border-radius:8px;display:flex;padding:8px 15px;width:250px}@media(max-width:480px){.theme-dark .events .container .events-header .header-actions .search-box{width:100%}}.theme-dark .events .container .events-header .header-actions .search-box svg{color:#aaa;flex-shrink:0;margin-right:10px}.theme-dark .events .container .events-header .header-actions .search-box input{background-color:#0000;border:none;color:#f5f5f5;outline:none;width:100%}.theme-dark .events .container .events-header .header-actions .search-box input::placeholder{color:#aaa}.theme-dark .events .container .events-header .header-actions .filter-dropdown{flex-shrink:0;position:relative}.theme-dark .events .container .events-header .header-actions .filter-dropdown .filter-btn{align-items:center;background-color:#333;border:none;border-radius:8px;color:#f5f5f5;cursor:pointer;display:flex;font-weight:500;gap:5px;padding:8px 15px;transition:background-color .3s}.theme-dark .events .container .events-header .header-actions .filter-dropdown .filter-btn:hover{background-color:#2d2d2d}.theme-dark .events .container .events-header .header-actions .filter-dropdown .filter-btn svg{font-size:18px}.theme-dark .events .container .events-header .header-actions .filter-dropdown .dropdown-content{background-color:#222;border-radius:8px;box-shadow:0 5px 15px #0000001a;margin-top:5px;min-width:200px;opacity:0;padding:12px;pointer-events:none;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:opacity .3s,transform .3s;z-index:20}.theme-dark .events .container .events-header .header-actions .filter-dropdown .dropdown-content h4{border-bottom:1px solid #444;color:#f5f5f5;font-size:14px;font-weight:600;margin-bottom:10px;padding-bottom:8px}.theme-dark .events .container .events-header .header-actions .filter-dropdown .dropdown-content .dropdown-item{align-items:center;border-radius:4px;color:#f5f5f5;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:8px 10px;transition:background-color .2s}.theme-dark .events .container .events-header .header-actions .filter-dropdown .dropdown-content .dropdown-item:hover{background-color:#2d2d2d}.theme-dark .events .container .events-header .header-actions .filter-dropdown .dropdown-content .dropdown-item.active{background-color:#2c3a6d;color:#2078f4;font-weight:500}.theme-dark .events .container .events-header .header-actions .filter-dropdown .dropdown-content .dropdown-item .category-icon{align-items:center;color:#aaa;display:flex}.theme-dark .events .container .events-header .header-actions .filter-dropdown .dropdown-content .dropdown-item .category-icon svg{font-size:16px}.theme-dark .events .container .events-header .header-actions .filter-dropdown:hover .dropdown-content{opacity:1;pointer-events:auto;transform:translateY(0)}.theme-dark .events .container .events-header .header-actions .notification-icon{cursor:pointer;flex-shrink:0;position:relative}.theme-dark .events .container .events-header .header-actions .notification-icon svg{color:#f5f5f5;font-size:24px}.theme-dark .events .container .events-header .header-actions .notification-icon .notification-badge{align-items:center;background-color:#2078f4;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.theme-dark .events .container .events-tabs{border-bottom:1px solid #444;display:flex;margin-bottom:25px;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}.theme-dark .events .container .events-tabs::-webkit-scrollbar{display:none}.theme-dark .events .container .events-tabs .events-tab{align-items:center;background:#0000;border:none;color:#aaa;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:5px;margin-right:25px;padding:10px 5px;position:relative;transition:color .3s;white-space:nowrap}.theme-dark .events .container .events-tabs .events-tab svg{font-size:18px}.theme-dark .events .container .events-tabs .events-tab:hover{color:#f5f5f5}.theme-dark .events .container .events-tabs .events-tab.active{color:#2078f4;font-weight:600}.theme-dark .events .container .events-tabs .events-tab.active:after{background-color:#2078f4;border-radius:3px 3px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.theme-dark .events .container .filter-categories{display:flex;gap:10px;margin-bottom:25px;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}.theme-dark .events .container .filter-categories::-webkit-scrollbar{display:none}.theme-dark .events .container .filter-categories .category-btn{align-items:center;background-color:#333;border:none;border-radius:20px;color:#f5f5f5;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.theme-dark .events .container .filter-categories .category-btn svg{font-size:16px}.theme-dark .events .container .filter-categories .category-btn:hover{background-color:#2d2d2d}.theme-dark .events .container .filter-categories .category-btn.active{background-color:#2078f4;color:#fff}.theme-dark .events .container .events-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:1200px){.theme-dark .events .container .events-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media(max-width:768px){.theme-dark .events .container .events-grid{grid-template-columns:1fr}}.theme-dark .events .container .events-grid .event-card{background-color:#222;border-radius:12px;box-shadow:0 0 15px #0000000d;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;max-width:100%;overflow:hidden;transition:transform .3s,box-shadow .3s}.theme-dark .events .container .events-grid .event-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-5px)}.theme-dark .events .container .events-grid .event-card .event-image{flex-shrink:0;height:180px;overflow:hidden;position:relative}.theme-dark .events .container .events-grid .event-card .event-image img{height:100%;object-fit:cover;transition:transform .5s;width:100%}.theme-dark .events .container .events-grid .event-card .event-image .event-date{background-color:#0009;border-radius:5px;color:#fff;font-size:12px;font-weight:500;left:10px;padding:5px 10px;position:absolute;top:10px;z-index:2}.theme-dark .events .container .events-grid .event-card .event-image .event-badges{display:flex;flex-direction:column;gap:5px;position:absolute;right:10px;top:10px;z-index:2}.theme-dark .events .container .events-grid .event-card .event-image .event-badges .badge{background-color:#2078f4;border-radius:4px;color:#fff;font-size:10px;font-weight:600;padding:4px 8px;text-transform:uppercase}.theme-dark .events .container .events-grid .event-card .event-image .event-badges .badge.official{background-color:#4caf50}.theme-dark .events .container .events-grid .event-card .event-image .event-badges .badge.featured{background-color:#ff9800}.theme-dark .events .container .events-grid .event-card .event-image .event-badges .badge.virtual{background-color:#9c27b0}.theme-dark .events .container .events-grid .event-card .event-image .event-badges .badge.trending{background-color:#ff5722}.theme-dark .events .container .events-grid .event-card .event-image .event-badges .badge.popular{background-color:#2196f3}.theme-dark .events .container .events-grid .event-card .event-image .live-badge{align-items:center;background-color:#f44336;border-radius:4px;bottom:10px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:5px;left:10px;padding:4px 10px;position:absolute;text-transform:uppercase;z-index:2}.theme-dark .events .container .events-grid .event-card .event-image .live-badge:before{animation:pulse 1.5s infinite;background-color:#fff;border-radius:50%;content:"";height:8px;width:8px}.theme-dark .events .container .events-grid .event-card .event-content{display:flex;flex-direction:column;flex-grow:1;padding:20px}.theme-dark .events .container .events-grid .event-card .event-content .event-title{color:#f5f5f5;font-size:18px;font-weight:600;line-height:1.3;margin-bottom:10px;word-break:break-word}.theme-dark .events .container .events-grid .event-card .event-content .event-meta{grid-gap:10px;display:grid;gap:10px;grid-template-columns:auto 1fr;margin-bottom:15px}.theme-dark .events .container .events-grid .event-card .event-content .event-meta svg{color:#aaa;font-size:16px;grid-column:1;margin-top:3px}.theme-dark .events .container .events-grid .event-card .event-content .event-meta .meta-text{color:#aaa;font-size:14px;grid-column:2;word-break:break-word}.theme-dark .events .container .events-grid .event-card .event-content .event-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#f5f5f5;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:15px;overflow:hidden}.theme-dark .events .container .events-grid .event-card .event-content .event-stats{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:15px}.theme-dark .events .container .events-grid .event-card .event-content .event-stats .stat{align-items:center;color:#aaa;display:flex;font-size:14px;gap:5px}.theme-dark .events .container .events-grid .event-card .event-content .event-stats .stat svg{flex-shrink:0;font-size:16px}.theme-dark .events .container .events-grid .event-card .event-content .event-actions{display:flex;justify-content:space-between;margin-top:auto}.theme-dark .events .container .events-grid .event-card .event-content .event-actions .action-btn{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 15px;transition:background-color .3s;white-space:nowrap}.theme-dark .events .container .events-grid .event-card .event-content .event-actions .action-btn:hover{opacity:.9}.theme-dark .events .container .events-grid .event-card .event-content .event-actions .action-icons{display:flex;gap:10px}.theme-dark .events .container .events-grid .event-card .event-content .event-actions .action-icons .icon-btn{align-items:center;background-color:#333;border:none;border-radius:6px;color:#aaa;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:background-color .3s;width:36px}.theme-dark .events .container .events-grid .event-card .event-content .event-actions .action-icons .icon-btn:hover{background-color:#2d2d2d;color:#f5f5f5}.theme-dark .events .container .events-grid .event-card .event-content .event-actions .action-icons .icon-btn.active{color:#2078f4}.theme-dark .events .container .events-grid .event-card .event-expanded{border-top:1px solid #444;padding:0 20px 20px}.theme-dark .events .container .events-grid .event-card .event-expanded .organizer{align-items:center;display:flex;gap:10px;margin:15px 0}.theme-dark .events .container .events-grid .event-card .event-expanded .organizer .organizer-image{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.theme-dark .events .container .events-grid .event-card .event-expanded .organizer .organizer-image img{height:100%;object-fit:cover;width:100%}.theme-dark .events .container .events-grid .event-card .event-expanded .organizer .organizer-info{min-width:0}.theme-dark .events .container .events-grid .event-card .event-expanded .organizer .organizer-info .organizer-name{align-items:center;color:#f5f5f5;display:flex;font-size:15px;font-weight:600;gap:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-dark .events .container .events-grid .event-card .event-expanded .organizer .organizer-info .organizer-name .verified-icon{color:#2078f4;flex-shrink:0;font-size:14px}.theme-dark .events .container .events-grid .event-card .event-expanded .organizer .organizer-info .organizer-meta{color:#aaa;font-size:12px}.theme-dark .events .container .events-grid .event-card .event-expanded .updates{margin:15px 0}.theme-dark .events .container .events-grid .event-card .event-expanded .updates .update-title{color:#f5f5f5;font-size:15px;font-weight:600;margin-bottom:10px}.theme-dark .events .container .events-grid .event-card .event-expanded .updates .update-item{background-color:#333;border-radius:8px;margin-bottom:8px;padding:10px}.theme-dark .events .container .events-grid .event-card .event-expanded .updates .update-item .update-text{color:#f5f5f5;font-size:13px;margin-bottom:5px;word-break:break-word}.theme-dark .events .container .events-grid .event-card .event-expanded .updates .update-item .update-time{color:#aaa;font-size:11px}.theme-dark .events .container .events-grid .event-card .event-expanded .exclusive-content{background-color:#333;border-radius:8px;margin:15px 0;padding:15px}.theme-dark .events .container .events-grid .event-card .event-expanded .exclusive-content .exclusive-title{align-items:center;color:#f5f5f5;display:flex;font-size:15px;font-weight:600;gap:8px;margin-bottom:10px}.theme-dark .events .container .events-grid .event-card .event-expanded .exclusive-content .exclusive-title svg{color:#2078f4;flex-shrink:0}.theme-dark .events .container .events-grid .event-card .event-expanded .exclusive-content .exclusive-description{color:#aaa;font-size:13px;line-height:1.5;margin-bottom:10px}.theme-dark .events .container .events-grid .event-card .event-expanded .exclusive-content .exclusive-btn{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:8px 15px;transition:background-color .3s;width:100%}.theme-dark .events .container .events-grid .event-card .event-expanded .exclusive-content .exclusive-btn:hover{opacity:.9}.theme-dark .events .container .no-events{background-color:#333;border-radius:12px;grid-column:1/-1;padding:40px 20px;text-align:center}.theme-dark .events .container .no-events h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:10px}.theme-dark .events .container .no-events p{color:#aaa;font-size:14px;margin-bottom:20px}.theme-dark .events .container .no-events button{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:background-color .3s}.theme-dark .events .container .no-events button:hover{opacity:.9}.theme-light .gaming{padding:20px 70px}@media(max-width:768px){.theme-light .gaming{padding:15px 20px}}.theme-light .gaming .container .gaming-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}@media(max-width:768px){.theme-light .gaming .container .gaming-header{align-items:flex-start;flex-direction:column;gap:15px}}.theme-light .gaming .container .gaming-header .title{color:#000;font-size:28px;font-weight:600}.theme-light .gaming .container .gaming-header .header-actions{align-items:center;display:flex;gap:15px}.theme-light .gaming .container .gaming-header .header-actions .search-box{align-items:center;background-color:#f6f3f3;border-radius:8px;display:flex;padding:8px 15px;width:300px}.theme-light .gaming .container .gaming-header .header-actions .search-box svg{color:#555;margin-right:10px}.theme-light .gaming .container .gaming-header .header-actions .search-box input{background-color:#0000;border:none;color:#000;outline:none;width:100%}.theme-light .gaming .container .gaming-header .header-actions .search-box input::placeholder{color:#555}.theme-light .gaming .container .gaming-header .header-actions .notification-btn{align-items:center;background-color:#f6f3f3;border:none;border-radius:50%;color:#555;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .3s;width:40px}.theme-light .gaming .container .gaming-header .header-actions .notification-btn:hover{background-color:#e3e9ff;color:#2078f4}.theme-light .gaming .container .gaming-categories{align-items:center;display:flex;gap:15px;margin-bottom:25px;overflow-x:auto;padding-bottom:10px}.theme-light .gaming .container .gaming-categories::-webkit-scrollbar{height:4px}.theme-light .gaming .container .gaming-categories::-webkit-scrollbar-track{background:#f6f3f3;border-radius:4px}.theme-light .gaming .container .gaming-categories::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.theme-light .gaming .container .gaming-categories .category-btn{align-items:center;background-color:#f6f3f3;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 15px;transition:background-color .3s;white-space:nowrap}.theme-light .gaming .container .gaming-categories .category-btn svg{color:#555;font-size:18px}.theme-light .gaming .container .gaming-categories .category-btn:hover{background-color:#f0f0f0}.theme-light .gaming .container .gaming-categories .category-btn.active{background-color:#e3e9ff}.theme-light .gaming .container .gaming-categories .category-btn.active span,.theme-light .gaming .container .gaming-categories .category-btn.active svg{color:#2078f4;font-weight:500}.theme-light .gaming .container .gaming-content{display:flex;gap:30px}@media(max-width:1200px){.theme-light .gaming .container .gaming-content{flex-direction:column}}.theme-light .gaming .container .gaming-content .gaming-main{flex:3 1}.theme-light .gaming .container .gaming-content .gaming-main .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-light .gaming .container .gaming-content .gaming-main .section-header h2{color:#000;font-size:22px;font-weight:600}.theme-light .gaming .container .gaming-content .gaming-main .section-header .create-team-btn,.theme-light .gaming .container .gaming-content .gaming-main .section-header .view-all-btn{align-items:center;background-color:#0000;border:1px solid #d3d3d3;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 15px;transition:background-color .3s}.theme-light .gaming .container .gaming-content .gaming-main .section-header .create-team-btn:hover,.theme-light .gaming .container .gaming-content .gaming-main .section-header .view-all-btn:hover{background-color:#f0f0f0}.theme-light .gaming .container .gaming-content .gaming-main .section-header .create-team-btn{background-color:#2078f4;border:none;color:#fff}.theme-light .gaming .container .gaming-content .gaming-main .section-header .create-team-btn svg{font-size:18px}.theme-light .gaming .container .gaming-content .gaming-main .section-header .create-team-btn:hover{opacity:.9}.theme-light .gaming .container .gaming-content .gaming-main .games-section{margin-bottom:30px}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card{background-color:#f6f3f3;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image{height:180px;position:relative}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image img{height:100%;object-fit:cover;width:100%}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .popular-badge{align-items:center;background-color:#e74c3ce6;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:5px;left:10px;padding:4px 8px;position:absolute;top:10px}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .popular-badge svg{font-size:14px}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions{bottom:10px;display:flex;gap:10px;justify-content:center;left:0;padding:0 10px;position:absolute;right:0}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn{align-items:center;background-color:#ffffffe6;border:none;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:8px 15px;transition:background-color .3s,transform .2s}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn svg{font-size:16px}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn:hover{background-color:#fff;transform:scale(1.05)}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn.play{background-color:#3498dbe6;color:#fff;flex:3 1}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn.play:hover{background-color:#3498db}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn.favorite{flex:1 1}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn.favorite.active{color:#f1c40f}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info{padding:15px}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-category{align-items:center;color:#555;display:flex;font-size:13px;gap:5px;margin-bottom:8px}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-category svg{color:#2078f4;font-size:16px}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-title{color:#000;font-size:18px;font-weight:600;margin-bottom:8px}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-description{color:#555;font-size:14px;line-height:1.4;margin-bottom:12px}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats{align-items:center;display:flex;gap:15px}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat{align-items:center;color:#000;display:flex;font-size:13px;gap:5px}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat svg{color:#555;font-size:16px}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat.difficulty{margin-left:auto}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat.difficulty .difficulty-level{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:3px 8px}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat.difficulty .difficulty-level.easy{background-color:#2ecc71}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat.difficulty .difficulty-level.medium{background-color:#f39c12}.theme-light .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat.difficulty .difficulty-level.hard{background-color:#e74c3c}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section{margin-bottom:30px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card{background-color:#f6f3f3;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-image{height:160px;position:relative}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-image img{height:100%;object-fit:cover;width:100%}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-image .tournament-status{background-color:#3498dbe6;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;position:absolute;right:10px;top:10px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info{padding:15px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .tournament-category{align-items:center;color:#555;display:flex;font-size:13px;gap:5px;margin-bottom:8px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .tournament-category svg{color:#2078f4;font-size:16px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .tournament-title{color:#000;font-size:18px;font-weight:600;margin-bottom:12px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .tournament-details{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .tournament-details .detail{align-items:center;color:#000;display:flex;font-size:13px;gap:8px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .tournament-details .detail svg{color:#555;font-size:16px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .register-btn{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 15px;transition:opacity .3s;width:100%}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .register-btn:hover{opacity:.9}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament{align-items:center;background-color:#0000;border:2px dashed #d3d3d3;display:flex;justify-content:center;min-height:325px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content .create-icon{align-items:center;background-color:#e3e9ff;border-radius:50%;color:#2078f4;display:flex;height:60px;justify-content:center;margin-bottom:15px;width:60px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content .create-icon svg{font-size:30px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content h3{color:#000;font-size:18px;font-weight:600;margin-bottom:8px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content p{color:#555;font-size:14px;margin-bottom:20px}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content .create-btn{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:opacity .3s}.theme-light .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content .create-btn:hover{opacity:.9}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section{margin-bottom:30px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card{background-color:#f6f3f3;border-radius:12px;padding:20px;transition:transform .3s,box-shadow .3s}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-header .team-name{align-items:center;display:flex;gap:10px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-header .team-name svg{color:#2078f4;font-size:20px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-header .team-name h3{color:#000;font-size:18px;font-weight:600}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-header .team-rank{background-color:#e3e9ff;border-radius:4px;color:#2078f4;font-size:13px;font-weight:500;padding:4px 8px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-stats{display:flex;justify-content:space-between;margin-bottom:15px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-stats .stat{align-items:center;color:#000;display:flex;font-size:14px;gap:5px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-stats .stat svg{color:#555;font-size:16px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-match{background-color:#fff;border-radius:6px;color:#000;font-size:14px;margin-bottom:15px;padding:10px;text-align:center}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-match span{font-weight:500}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions{display:flex;gap:10px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions .team-btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 15px;transition:opacity .3s}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions .team-btn.manage{background-color:#2078f4;border:none;color:#fff;flex:3 1}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions .team-btn.manage:hover{opacity:.9}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions .team-btn.invite{align-items:center;background-color:#0000;border:1px solid #d3d3d3;color:#000;display:flex;flex:2 1;gap:5px;justify-content:center}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions .team-btn.invite svg{font-size:16px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions .team-btn.invite:hover{background-color:#f0f0f0}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team{align-items:center;background-color:#0000;border:2px dashed #d3d3d3;display:flex;justify-content:center}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content{align-items:center;display:flex;flex-direction:column;text-align:center}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content .create-icon{align-items:center;background-color:#e3e9ff;border-radius:50%;color:#2078f4;display:flex;height:50px;justify-content:center;margin-bottom:15px;width:50px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content .create-icon svg{font-size:25px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content h3{color:#000;font-size:18px;font-weight:600;margin-bottom:8px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content p{color:#555;font-size:14px;margin-bottom:15px}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content .create-btn{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:opacity .3s}.theme-light .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content .create-btn:hover{opacity:.9}.theme-light .gaming .container .gaming-content .gaming-sidebar{flex:1 1;max-width:320px}@media(max-width:1200px){.theme-light .gaming .container .gaming-content .gaming-sidebar{max-width:100%}}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section,.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section,.theme-light .gaming .container .gaming-content .gaming-sidebar .suggested-games,.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section{background-color:#f6f3f3;border-radius:12px;margin-bottom:25px;padding:20px}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section h3,.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section h3,.theme-light .gaming .container .gaming-content .gaming-sidebar .suggested-games h3,.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section h3{color:#000;font-size:18px;font-weight:600;margin-bottom:15px}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card{background-color:#fff;border-radius:8px;margin-bottom:15px;overflow:hidden}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card:last-child{margin-bottom:0}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-header{align-items:center;background-color:#e3e9ff;display:flex;justify-content:space-between;padding:12px 15px}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-header h4{color:#000;font-size:16px;font-weight:600}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-header svg{color:#2078f4;font-size:20px}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list{padding:10px 0}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item{align-items:center;display:flex;padding:8px 15px;transition:background-color .3s}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item:hover{background-color:#f0f0f0}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item.is-user{background-color:#3498db1a;font-weight:500}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item .player-rank{color:#555;font-size:14px;width:40px}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item .player-name{align-items:center;color:#000;display:flex;flex:1 1;font-size:14px;gap:5px}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item .player-name .user-icon{color:#2078f4;font-size:16px}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item .player-name .crown-icon{color:#f1c40f;font-size:16px}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item .player-score{color:#000;font-size:14px;font-weight:600}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .view-full-btn{background-color:#0000;border:none;border-top:1px solid #d3d3d3;color:#2078f4;cursor:pointer;font-size:14px;padding:12px;text-align:center;transition:background-color .3s;width:100%}.theme-light .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .view-full-btn:hover{background-color:#f0f0f0}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list{display:flex;flex-direction:column;gap:12px}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item{align-items:center;background-color:#fff;border-radius:8px;display:flex;padding:12px}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-icon{align-items:center;background-color:#2ecc7133;border-radius:50%;color:#2ecc71;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-icon svg{font-size:20px}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-details{flex:1 1}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-details h4{color:#000;font-size:14px;font-weight:600;margin-bottom:4px}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-details .win-score{color:#2ecc71;font-size:12px;font-weight:500;margin-bottom:2px}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-details .win-date{color:#555;font-size:12px}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-actions{display:flex;flex-direction:column;gap:5px}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-actions .win-btn{align-items:center;background-color:#0000;border:1px solid #d3d3d3;border-radius:4px;color:#000;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:4px 8px;transition:background-color .3s}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-actions .win-btn svg{font-size:14px}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-actions .win-btn:hover{background-color:#f0f0f0}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-actions .win-btn.share{color:#2078f4}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .view-all-wins-btn{background-color:#0000;border:1px solid #d3d3d3;border-radius:8px;color:#000;cursor:pointer;font-size:14px;margin-top:5px;padding:8px;text-align:center;transition:background-color .3s}.theme-light .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .view-all-wins-btn:hover{background-color:#f0f0f0}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section .events-list{display:flex;flex-direction:column;gap:12px}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item{align-items:center;background-color:#fff;border-radius:8px;display:flex;padding:12px}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .event-type{align-items:center;background-color:#e3e9ff;border-radius:8px;color:#2078f4;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .event-type svg{font-size:20px}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .event-info{flex:1 1}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .event-info h4{color:#000;font-size:14px;font-weight:600;margin-bottom:4px}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .event-info .event-date{color:#555;font-size:12px;margin-bottom:5px}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .event-info .event-type-badge{background-color:#e3e9ff;border-radius:4px;color:#2078f4;display:inline-block;font-size:11px;padding:3px 6px}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .remind-btn{align-items:center;background-color:#0000;border:none;color:#555;cursor:pointer;display:flex;height:30px;justify-content:center;transition:color .3s;width:30px}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .remind-btn:hover{color:#2078f4}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .remind-btn svg{font-size:18px}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .view-calendar-btn{background-color:#0000;border:1px solid #d3d3d3;border-radius:8px;color:#000;cursor:pointer;font-size:14px;margin-top:5px;padding:8px;text-align:center;transition:background-color .3s}.theme-light .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .view-calendar-btn:hover{background-color:#f0f0f0}.theme-light .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list{display:flex;flex-direction:column;gap:12px}.theme-light .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item{align-items:center;background-color:#fff;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:background-color .3s}.theme-light .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item:hover{background-color:#f0f0f0}.theme-light .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item .suggested-icon{align-items:center;background-color:#e3e9ff;border-radius:8px;color:#2078f4;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.theme-light .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item .suggested-icon svg{font-size:20px}.theme-light .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item .suggested-info{flex:1 1}.theme-light .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item .suggested-info h4{color:#000;font-size:14px;font-weight:600;margin-bottom:4px}.theme-light .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item .suggested-info p{color:#555;font-size:12px}.theme-dark .gaming{padding:20px 70px}@media(max-width:768px){.theme-dark .gaming{padding:15px 20px}}.theme-dark .gaming .container .gaming-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}@media(max-width:768px){.theme-dark .gaming .container .gaming-header{align-items:flex-start;flex-direction:column;gap:15px}}.theme-dark .gaming .container .gaming-header .title{color:#f5f5f5;font-size:28px;font-weight:600}.theme-dark .gaming .container .gaming-header .header-actions{align-items:center;display:flex;gap:15px}.theme-dark .gaming .container .gaming-header .header-actions .search-box{align-items:center;background-color:#333;border-radius:8px;display:flex;padding:8px 15px;width:300px}.theme-dark .gaming .container .gaming-header .header-actions .search-box svg{color:#aaa;margin-right:10px}.theme-dark .gaming .container .gaming-header .header-actions .search-box input{background-color:#0000;border:none;color:#f5f5f5;outline:none;width:100%}.theme-dark .gaming .container .gaming-header .header-actions .search-box input::placeholder{color:#aaa}.theme-dark .gaming .container .gaming-header .header-actions .notification-btn{align-items:center;background-color:#333;border:none;border-radius:50%;color:#aaa;cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color .3s;width:40px}.theme-dark .gaming .container .gaming-header .header-actions .notification-btn:hover{background-color:#2c3a6d;color:#2078f4}.theme-dark .gaming .container .gaming-categories{align-items:center;display:flex;gap:15px;margin-bottom:25px;overflow-x:auto;padding-bottom:10px}.theme-dark .gaming .container .gaming-categories::-webkit-scrollbar{height:4px}.theme-dark .gaming .container .gaming-categories::-webkit-scrollbar-track{background:#333;border-radius:4px}.theme-dark .gaming .container .gaming-categories::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.theme-dark .gaming .container .gaming-categories .category-btn{align-items:center;background-color:#333;border:none;border-radius:8px;color:#f5f5f5;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 15px;transition:background-color .3s;white-space:nowrap}.theme-dark .gaming .container .gaming-categories .category-btn svg{color:#aaa;font-size:18px}.theme-dark .gaming .container .gaming-categories .category-btn:hover{background-color:#2d2d2d}.theme-dark .gaming .container .gaming-categories .category-btn.active{background-color:#2c3a6d}.theme-dark .gaming .container .gaming-categories .category-btn.active span,.theme-dark .gaming .container .gaming-categories .category-btn.active svg{color:#2078f4;font-weight:500}.theme-dark .gaming .container .gaming-content{display:flex;gap:30px}@media(max-width:1200px){.theme-dark .gaming .container .gaming-content{flex-direction:column}}.theme-dark .gaming .container .gaming-content .gaming-main{flex:3 1}.theme-dark .gaming .container .gaming-content .gaming-main .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.theme-dark .gaming .container .gaming-content .gaming-main .section-header h2{color:#f5f5f5;font-size:22px;font-weight:600}.theme-dark .gaming .container .gaming-content .gaming-main .section-header .create-team-btn,.theme-dark .gaming .container .gaming-content .gaming-main .section-header .view-all-btn{align-items:center;background-color:#0000;border:1px solid #444;border-radius:8px;color:#f5f5f5;cursor:pointer;display:flex;font-size:14px;gap:5px;padding:8px 15px;transition:background-color .3s}.theme-dark .gaming .container .gaming-content .gaming-main .section-header .create-team-btn:hover,.theme-dark .gaming .container .gaming-content .gaming-main .section-header .view-all-btn:hover{background-color:#2d2d2d}.theme-dark .gaming .container .gaming-content .gaming-main .section-header .create-team-btn{background-color:#2078f4;border:none;color:#fff}.theme-dark .gaming .container .gaming-content .gaming-main .section-header .create-team-btn svg{font-size:18px}.theme-dark .gaming .container .gaming-content .gaming-main .section-header .create-team-btn:hover{opacity:.9}.theme-dark .gaming .container .gaming-content .gaming-main .games-section{margin-bottom:30px}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card{background-color:#333;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image{height:180px;position:relative}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image img{height:100%;object-fit:cover;width:100%}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .popular-badge{align-items:center;background-color:#e74c3ce6;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:5px;left:10px;padding:4px 8px;position:absolute;top:10px}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .popular-badge svg{font-size:14px}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions{bottom:10px;display:flex;gap:10px;justify-content:center;left:0;padding:0 10px;position:absolute;right:0}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn{align-items:center;background-color:#ffffffe6;border:none;border-radius:6px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;justify-content:center;padding:8px 15px;transition:background-color .3s,transform .2s}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn svg{font-size:16px}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn:hover{background-color:#fff;transform:scale(1.05)}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn.play{background-color:#3498dbe6;color:#fff;flex:3 1}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn.play:hover{background-color:#3498db}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn.favorite{flex:1 1}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-image .game-actions .action-btn.favorite.active{color:#f1c40f}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info{padding:15px}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-category{align-items:center;color:#aaa;display:flex;font-size:13px;gap:5px;margin-bottom:8px}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-category svg{color:#2078f4;font-size:16px}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-title{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:8px}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-description{color:#aaa;font-size:14px;line-height:1.4;margin-bottom:12px}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats{align-items:center;display:flex;gap:15px}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat{align-items:center;color:#f5f5f5;display:flex;font-size:13px;gap:5px}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat svg{color:#aaa;font-size:16px}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat.difficulty{margin-left:auto}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat.difficulty .difficulty-level{border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:3px 8px}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat.difficulty .difficulty-level.easy{background-color:#2ecc71}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat.difficulty .difficulty-level.medium{background-color:#f39c12}.theme-dark .gaming .container .gaming-content .gaming-main .games-section .games-grid .game-card .game-info .game-stats .stat.difficulty .difficulty-level.hard{background-color:#e74c3c}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section{margin-bottom:30px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card{background-color:#333;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-image{height:160px;position:relative}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-image img{height:100%;object-fit:cover;width:100%}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-image .tournament-status{background-color:#3498dbe6;border-radius:4px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;position:absolute;right:10px;top:10px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info{padding:15px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .tournament-category{align-items:center;color:#aaa;display:flex;font-size:13px;gap:5px;margin-bottom:8px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .tournament-category svg{color:#2078f4;font-size:16px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .tournament-title{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:12px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .tournament-details{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .tournament-details .detail{align-items:center;color:#f5f5f5;display:flex;font-size:13px;gap:8px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .tournament-details .detail svg{color:#aaa;font-size:16px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .register-btn{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 15px;transition:opacity .3s;width:100%}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card .tournament-info .register-btn:hover{opacity:.9}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament{align-items:center;background-color:#0000;border:2px dashed #444;display:flex;justify-content:center;min-height:325px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content{align-items:center;display:flex;flex-direction:column;padding:20px;text-align:center}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content .create-icon{align-items:center;background-color:#2c3a6d;border-radius:50%;color:#2078f4;display:flex;height:60px;justify-content:center;margin-bottom:15px;width:60px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content .create-icon svg{font-size:30px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:8px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content p{color:#aaa;font-size:14px;margin-bottom:20px}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content .create-btn{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:opacity .3s}.theme-dark .gaming .container .gaming-content .gaming-main .tournaments-section .tournaments-grid .tournament-card.create-tournament .create-content .create-btn:hover{opacity:.9}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section{margin-bottom:30px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card{background-color:#333;border-radius:12px;padding:20px;transition:transform .3s,box-shadow .3s}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-header .team-name{align-items:center;display:flex;gap:10px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-header .team-name svg{color:#2078f4;font-size:20px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-header .team-name h3{color:#f5f5f5;font-size:18px;font-weight:600}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-header .team-rank{background-color:#2c3a6d;border-radius:4px;color:#2078f4;font-size:13px;font-weight:500;padding:4px 8px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-stats{display:flex;justify-content:space-between;margin-bottom:15px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-stats .stat{align-items:center;color:#f5f5f5;display:flex;font-size:14px;gap:5px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-stats .stat svg{color:#aaa;font-size:16px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-match{background-color:#222;border-radius:6px;color:#f5f5f5;font-size:14px;margin-bottom:15px;padding:10px;text-align:center}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-match span{font-weight:500}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions{display:flex;gap:10px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions .team-btn{border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;padding:8px 15px;transition:opacity .3s}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions .team-btn.manage{background-color:#2078f4;border:none;color:#fff;flex:3 1}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions .team-btn.manage:hover{opacity:.9}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions .team-btn.invite{align-items:center;background-color:#0000;border:1px solid #444;color:#f5f5f5;display:flex;flex:2 1;gap:5px;justify-content:center}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions .team-btn.invite svg{font-size:16px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card .team-actions .team-btn.invite:hover{background-color:#2d2d2d}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team{align-items:center;background-color:#0000;border:2px dashed #444;display:flex;justify-content:center}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content{align-items:center;display:flex;flex-direction:column;text-align:center}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content .create-icon{align-items:center;background-color:#2c3a6d;border-radius:50%;color:#2078f4;display:flex;height:50px;justify-content:center;margin-bottom:15px;width:50px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content .create-icon svg{font-size:25px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:8px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content p{color:#aaa;font-size:14px;margin-bottom:15px}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content .create-btn{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 20px;transition:opacity .3s}.theme-dark .gaming .container .gaming-content .gaming-main .fantasy-section .fantasy-teams .team-card.create-team .create-content .create-btn:hover{opacity:.9}.theme-dark .gaming .container .gaming-content .gaming-sidebar{flex:1 1;max-width:320px}@media(max-width:1200px){.theme-dark .gaming .container .gaming-content .gaming-sidebar{max-width:100%}}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section,.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section,.theme-dark .gaming .container .gaming-content .gaming-sidebar .suggested-games,.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section{background-color:#333;border-radius:12px;margin-bottom:25px;padding:20px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section h3,.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section h3,.theme-dark .gaming .container .gaming-content .gaming-sidebar .suggested-games h3,.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:15px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card{background-color:#222;border-radius:8px;margin-bottom:15px;overflow:hidden}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card:last-child{margin-bottom:0}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-header{align-items:center;background-color:#2c3a6d;display:flex;justify-content:space-between;padding:12px 15px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-header h4{color:#f5f5f5;font-size:16px;font-weight:600}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-header svg{color:#2078f4;font-size:20px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list{padding:10px 0}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item{align-items:center;display:flex;padding:8px 15px;transition:background-color .3s}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item:hover{background-color:#2d2d2d}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item.is-user{background-color:#3498db1a;font-weight:500}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item .player-rank{color:#aaa;font-size:14px;width:40px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item .player-name{align-items:center;color:#f5f5f5;display:flex;flex:1 1;font-size:14px;gap:5px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item .player-name .user-icon{color:#2078f4;font-size:16px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item .player-name .crown-icon{color:#f1c40f;font-size:16px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .leaderboard-list .leaderboard-item .player-score{color:#f5f5f5;font-size:14px;font-weight:600}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .view-full-btn{background-color:#0000;border:none;border-top:1px solid #444;color:#2078f4;cursor:pointer;font-size:14px;padding:12px;text-align:center;transition:background-color .3s;width:100%}.theme-dark .gaming .container .gaming-content .gaming-sidebar .leaderboard-section .leaderboard-card .view-full-btn:hover{background-color:#2d2d2d}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list{display:flex;flex-direction:column;gap:12px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item{align-items:center;background-color:#222;border-radius:8px;display:flex;padding:12px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-icon{align-items:center;background-color:#2ecc7133;border-radius:50%;color:#2ecc71;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-icon svg{font-size:20px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-details{flex:1 1}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-details h4{color:#f5f5f5;font-size:14px;font-weight:600;margin-bottom:4px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-details .win-score{color:#2ecc71;font-size:12px;font-weight:500;margin-bottom:2px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-details .win-date{color:#aaa;font-size:12px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-actions{display:flex;flex-direction:column;gap:5px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-actions .win-btn{align-items:center;background-color:#0000;border:1px solid #444;border-radius:4px;color:#f5f5f5;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:4px 8px;transition:background-color .3s}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-actions .win-btn svg{font-size:14px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-actions .win-btn:hover{background-color:#2d2d2d}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .win-item .win-actions .win-btn.share{color:#2078f4}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .view-all-wins-btn{background-color:#0000;border:1px solid #444;border-radius:8px;color:#f5f5f5;cursor:pointer;font-size:14px;margin-top:5px;padding:8px;text-align:center;transition:background-color .3s}.theme-dark .gaming .container .gaming-content .gaming-sidebar .wins-section .wins-list .view-all-wins-btn:hover{background-color:#2d2d2d}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section .events-list{display:flex;flex-direction:column;gap:12px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item{align-items:center;background-color:#222;border-radius:8px;display:flex;padding:12px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .event-type{align-items:center;background-color:#2c3a6d;border-radius:8px;color:#2078f4;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .event-type svg{font-size:20px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .event-info{flex:1 1}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .event-info h4{color:#f5f5f5;font-size:14px;font-weight:600;margin-bottom:4px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .event-info .event-date{color:#aaa;font-size:12px;margin-bottom:5px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .event-info .event-type-badge{background-color:#2c3a6d;border-radius:4px;color:#2078f4;display:inline-block;font-size:11px;padding:3px 6px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .remind-btn{align-items:center;background-color:#0000;border:none;color:#aaa;cursor:pointer;display:flex;height:30px;justify-content:center;transition:color .3s;width:30px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .remind-btn:hover{color:#2078f4}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .event-item .remind-btn svg{font-size:18px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .view-calendar-btn{background-color:#0000;border:1px solid #444;border-radius:8px;color:#f5f5f5;cursor:pointer;font-size:14px;margin-top:5px;padding:8px;text-align:center;transition:background-color .3s}.theme-dark .gaming .container .gaming-content .gaming-sidebar .events-section .events-list .view-calendar-btn:hover{background-color:#2d2d2d}.theme-dark .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list{display:flex;flex-direction:column;gap:12px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item{align-items:center;background-color:#222;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:background-color .3s}.theme-dark .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item:hover{background-color:#2d2d2d}.theme-dark .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item .suggested-icon{align-items:center;background-color:#2c3a6d;border-radius:8px;color:#2078f4;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item .suggested-icon svg{font-size:20px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item .suggested-info{flex:1 1}.theme-dark .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item .suggested-info h4{color:#f5f5f5;font-size:14px;font-weight:600;margin-bottom:4px}.theme-dark .gaming .container .gaming-content .gaming-sidebar .suggested-games .suggested-list .suggested-item .suggested-info p{color:#aaa;font-size:12px}.theme-light .gallery{padding:20px 70px}@media(max-width:768px){.theme-light .gallery{padding:15px 20px}}.theme-light .gallery .container .gallery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}@media(max-width:768px){.theme-light .gallery .container .gallery-header{align-items:flex-start;flex-direction:column;gap:15px}}.theme-light .gallery .container .gallery-header .title{color:#000;font-size:28px;font-weight:600}.theme-light .gallery .container .gallery-header .header-actions{align-items:center;display:flex;gap:15px}.theme-light .gallery .container .gallery-header .header-actions .search-box{align-items:center;background-color:#f6f3f3;border-radius:8px;display:flex;padding:8px 15px;width:300px}.theme-light .gallery .container .gallery-header .header-actions .search-box svg{color:#555;margin-right:10px}.theme-light .gallery .container .gallery-header .header-actions .search-box input{background-color:#0000;border:none;color:#000;outline:none;width:100%}.theme-light .gallery .container .gallery-header .header-actions .search-box input::placeholder{color:#555}.theme-light .gallery .container .gallery-header .header-actions .view-toggle{align-items:center;background-color:#f6f3f3;border-radius:8px;display:flex;overflow:hidden}.theme-light .gallery .container .gallery-header .header-actions .view-toggle .toggle-btn{align-items:center;background-color:#0000;border:none;color:#555;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:background-color .3s}.theme-light .gallery .container .gallery-header .header-actions .view-toggle .toggle-btn:hover{color:#000}.theme-light .gallery .container .gallery-header .header-actions .view-toggle .toggle-btn.active{background-color:#e3e9ff;color:#2078f4}.theme-light .gallery .container .gallery-header .header-actions .upload-btn{align-items:center;background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 15px;transition:opacity .3s}.theme-light .gallery .container .gallery-header .header-actions .upload-btn:hover{opacity:.9}.theme-light .gallery .container .gallery-categories{align-items:center;display:flex;gap:15px;margin-bottom:25px;overflow-x:auto;padding-bottom:10px}.theme-light .gallery .container .gallery-categories::-webkit-scrollbar{height:4px}.theme-light .gallery .container .gallery-categories::-webkit-scrollbar-track{background:#f6f3f3;border-radius:4px}.theme-light .gallery .container .gallery-categories::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.theme-light .gallery .container .gallery-categories .category-btn{align-items:center;background-color:#f6f3f3;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 15px;transition:background-color .3s;white-space:nowrap}.theme-light .gallery .container .gallery-categories .category-btn svg{color:#555;font-size:18px}.theme-light .gallery .container .gallery-categories .category-btn:hover{background-color:#f0f0f0}.theme-light .gallery .container .gallery-categories .category-btn.active{background-color:#e3e9ff}.theme-light .gallery .container .gallery-categories .category-btn.active span,.theme-light .gallery .container .gallery-categories .category-btn.active svg{color:#2078f4;font-weight:500}.theme-light .gallery .container .gallery-content{display:flex;gap:30px}@media(max-width:1200px){.theme-light .gallery .container .gallery-content{flex-direction:column}}.theme-light .gallery .container .gallery-content .gallery-main{flex:3 1}.theme-light .gallery .container .gallery-content .gallery-main .filters-section{background-color:#f6f3f3;border-radius:12px;margin-bottom:25px;padding:20px}.theme-light .gallery .container .gallery-content .gallery-main .filters-section h3{color:#000;font-size:18px;font-weight:600;margin-bottom:15px}.theme-light .gallery .container .gallery-content .gallery-main .filters-section .filters-list{display:flex;flex-wrap:wrap;gap:15px}.theme-light .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item{align-items:center;background-color:#fff;border-radius:8px;cursor:pointer;display:flex;flex:1 1;min-width:200px;padding:12px;transition:transform .3s,box-shadow .3s}.theme-light .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.theme-light .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item.active{border:2px solid #2078f4}.theme-light .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item .filter-icon{align-items:center;background-color:#e3e9ff;border-radius:8px;color:#2078f4;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.theme-light .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item .filter-icon svg{font-size:20px}.theme-light .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item .filter-info{flex:1 1}.theme-light .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item .filter-info h4{color:#000;font-size:14px;font-weight:500;margin-bottom:4px}.theme-light .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item .filter-info p{color:#555;font-size:12px}.theme-light .gallery .container .gallery-content .gallery-main .filters-section .filters-list .more-filters-btn{align-items:center;background-color:#fff;border:1px dashed #d3d3d3;border-radius:8px;color:#000;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px;justify-content:center;min-width:200px;padding:12px;transition:background-color .3s}.theme-light .gallery .container .gallery-content .gallery-main .filters-section .filters-list .more-filters-btn svg{color:#2078f4}.theme-light .gallery .container .gallery-content .gallery-main .filters-section .filters-list .more-filters-btn:hover{background-color:#f0f0f0}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section{background-color:#f6f3f3;border-radius:12px;margin-bottom:25px;padding:20px}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section h3{color:#000;font-size:18px;font-weight:600;margin-bottom:15px}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list{display:flex;flex-direction:column;gap:10px}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item{background-color:#fff;border-radius:8px;padding:12px 15px}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .game-info{display:flex;justify-content:space-between;margin-bottom:8px}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .game-info .game-time{color:#e74c3c;font-size:12px;font-weight:500}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .game-info .game-category{color:#555}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .game-info .game-category svg{font-size:16px}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .teams{align-items:center;display:flex}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .teams .team{color:#000;flex:1 1;font-size:14px;font-weight:500}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .teams .team.home{text-align:left}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .teams .team.away{text-align:right}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .teams .score{color:#000;font-size:16px;font-weight:600;margin:0 15px}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .view-all-btn{background-color:#0000;border:1px solid #d3d3d3;border-radius:8px;color:#000;cursor:pointer;font-size:14px;margin-top:10px;padding:8px;text-align:center;transition:background-color .3s}.theme-light .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .view-all-btn:hover{background-color:#f0f0f0}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid.list-view{grid-template-columns:1fr}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid.list-view .gallery-item{display:flex}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid.list-view .gallery-item .photo-container{height:150px;width:200px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid.list-view .gallery-item .photo-container img{height:100%;object-fit:cover;width:100%}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid.list-view .gallery-item .photo-info{display:flex;flex:1 1;flex-direction:column;padding:15px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item{background-color:#f6f3f3;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container{height:200px;position:relative}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container img{height:100%;object-fit:cover;width:100%}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .official-badge{align-items:center;background-color:#3498dbe6;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:5px;left:10px;padding:4px 8px;position:absolute;top:10px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .official-badge svg{font-size:14px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .photo-actions{bottom:10px;display:flex;gap:8px;position:absolute;right:10px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .photo-actions .action-btn{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .3s,transform .2s;width:36px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .photo-actions .action-btn:hover{background-color:#fff;transform:scale(1.1)}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .photo-actions .action-btn.like.active{color:#e74c3c}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .photo-actions .action-btn.save.active{color:#2078f4}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info{padding:15px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .photo-title{color:#000;font-size:16px;font-weight:600;margin-bottom:10px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .photo-meta{display:flex;justify-content:space-between;margin-bottom:10px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .photo-meta .meta-item{align-items:center;color:#555;display:flex;font-size:12px;gap:5px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .photo-meta .meta-item svg{font-size:14px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .engagement{display:flex;gap:15px;margin-bottom:10px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .engagement .engagement-stat{align-items:center;color:#000;display:flex;font-size:13px;gap:5px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .engagement .engagement-stat svg{color:#555;font-size:16px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .engagement .engagement-stat svg:first-child{color:#e74c3c}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .tags{display:flex;flex-wrap:wrap;gap:8px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .tags .tag{align-items:center;background-color:#fff;border-radius:4px;color:#555;display:flex;font-size:12px;gap:4px;padding:4px 8px}.theme-light .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .tags .tag svg{font-size:12px}.theme-light .gallery .container .gallery-content .gallery-sidebar{flex:1 1;max-width:320px}@media(max-width:1200px){.theme-light .gallery .container .gallery-content .gallery-sidebar{max-width:100%}}.theme-light .gallery .container .gallery-content .gallery-sidebar .suggested-content,.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-section,.theme-light .gallery .container .gallery-content .gallery-sidebar .user-achievements{background-color:#f6f3f3;border-radius:12px;margin-bottom:25px;padding:20px}.theme-light .gallery .container .gallery-content .gallery-sidebar .suggested-content h3,.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-section h3,.theme-light .gallery .container .gallery-content .gallery-sidebar .user-achievements h3{color:#000;font-size:18px;font-weight:600;margin-bottom:15px}.theme-light .gallery .container .gallery-content .gallery-sidebar .achievements-list{display:flex;flex-direction:column;gap:15px}.theme-light .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item{align-items:center;background-color:#fff;border-radius:8px;display:flex;padding:15px}.theme-light .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-icon{align-items:center;background-color:#e3e9ff;border-radius:8px;color:#2078f4;display:flex;height:40px;justify-content:center;margin-right:15px;width:40px}.theme-light .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-icon svg{font-size:20px}.theme-light .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-info{flex:1 1}.theme-light .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-info h4{color:#000;font-size:14px;font-weight:500;margin-bottom:8px}.theme-light .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-info .progress-bar{background-color:#f6f3f3;border-radius:4px;height:6px;margin-bottom:5px;overflow:hidden;width:100%}.theme-light .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-info .progress-bar .progress-fill{background-color:#2078f4;height:100%}.theme-light .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-info .progress-text{color:#555;font-size:12px;text-align:right}.theme-light .gallery .container .gallery-content .gallery-sidebar .achievements-list .view-all-achievements-btn{background-color:#0000;border:1px solid #d3d3d3;border-radius:8px;color:#000;cursor:pointer;font-size:14px;padding:8px;text-align:center;transition:background-color .3s}.theme-light .gallery .container .gallery-content .gallery-sidebar .achievements-list .view-all-achievements-btn:hover{background-color:#f0f0f0}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list{display:flex;flex-direction:column;gap:15px}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item{background-color:#fff;border-radius:8px;display:flex;overflow:hidden}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-image{flex-shrink:0;height:80px;width:80px}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-image img{height:100%;object-fit:cover;width:100%}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-info{flex:1 1;padding:10px}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-info h4{color:#000;font-size:14px;font-weight:500;margin-bottom:5px}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-info .tip-author{align-items:center;color:#555;display:flex;font-size:12px;gap:5px;margin-bottom:5px}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-info .tip-author .verified-icon{color:#2078f4;font-size:14px}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-info .tip-likes{align-items:center;color:#555;display:flex;font-size:12px;gap:5px}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-info .tip-likes svg{color:#e74c3c;font-size:14px}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list .add-tip{margin-top:5px}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list .add-tip .add-tip-btn{align-items:center;background-color:#0000;border:1px dashed #d3d3d3;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px;transition:background-color .3s;width:100%}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list .add-tip .add-tip-btn svg{color:#2078f4}.theme-light .gallery .container .gallery-content .gallery-sidebar .tips-list .add-tip .add-tip-btn:hover{background-color:#f0f0f0}.theme-light .gallery .container .gallery-content .gallery-sidebar .suggested-list{display:flex;flex-direction:column;gap:12px}.theme-light .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item{align-items:center;background-color:#fff;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:background-color .3s}.theme-light .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item:hover{background-color:#f0f0f0}.theme-light .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item .suggested-icon{align-items:center;background-color:#e3e9ff;border-radius:8px;color:#2078f4;display:flex;height:36px;justify-content:center;margin-right:12px;width:36px}.theme-light .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item .suggested-icon svg{font-size:18px}.theme-light .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item .suggested-info{flex:1 1}.theme-light .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item .suggested-info h4{color:#000;font-size:14px;font-weight:500;margin-bottom:3px}.theme-light .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item .suggested-info p{color:#555;font-size:12px}.theme-dark .gallery{padding:20px 70px}@media(max-width:768px){.theme-dark .gallery{padding:15px 20px}}.theme-dark .gallery .container .gallery-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}@media(max-width:768px){.theme-dark .gallery .container .gallery-header{align-items:flex-start;flex-direction:column;gap:15px}}.theme-dark .gallery .container .gallery-header .title{color:#f5f5f5;font-size:28px;font-weight:600}.theme-dark .gallery .container .gallery-header .header-actions{align-items:center;display:flex;gap:15px}.theme-dark .gallery .container .gallery-header .header-actions .search-box{align-items:center;background-color:#333;border-radius:8px;display:flex;padding:8px 15px;width:300px}.theme-dark .gallery .container .gallery-header .header-actions .search-box svg{color:#aaa;margin-right:10px}.theme-dark .gallery .container .gallery-header .header-actions .search-box input{background-color:#0000;border:none;color:#f5f5f5;outline:none;width:100%}.theme-dark .gallery .container .gallery-header .header-actions .search-box input::placeholder{color:#aaa}.theme-dark .gallery .container .gallery-header .header-actions .view-toggle{align-items:center;background-color:#333;border-radius:8px;display:flex;overflow:hidden}.theme-dark .gallery .container .gallery-header .header-actions .view-toggle .toggle-btn{align-items:center;background-color:#0000;border:none;color:#aaa;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:background-color .3s}.theme-dark .gallery .container .gallery-header .header-actions .view-toggle .toggle-btn:hover{color:#f5f5f5}.theme-dark .gallery .container .gallery-header .header-actions .view-toggle .toggle-btn.active{background-color:#2c3a6d;color:#2078f4}.theme-dark .gallery .container .gallery-header .header-actions .upload-btn{align-items:center;background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 15px;transition:opacity .3s}.theme-dark .gallery .container .gallery-header .header-actions .upload-btn:hover{opacity:.9}.theme-dark .gallery .container .gallery-categories{align-items:center;display:flex;gap:15px;margin-bottom:25px;overflow-x:auto;padding-bottom:10px}.theme-dark .gallery .container .gallery-categories::-webkit-scrollbar{height:4px}.theme-dark .gallery .container .gallery-categories::-webkit-scrollbar-track{background:#333;border-radius:4px}.theme-dark .gallery .container .gallery-categories::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.theme-dark .gallery .container .gallery-categories .category-btn{align-items:center;background-color:#333;border:none;border-radius:8px;color:#f5f5f5;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 15px;transition:background-color .3s;white-space:nowrap}.theme-dark .gallery .container .gallery-categories .category-btn svg{color:#aaa;font-size:18px}.theme-dark .gallery .container .gallery-categories .category-btn:hover{background-color:#2d2d2d}.theme-dark .gallery .container .gallery-categories .category-btn.active{background-color:#2c3a6d}.theme-dark .gallery .container .gallery-categories .category-btn.active span,.theme-dark .gallery .container .gallery-categories .category-btn.active svg{color:#2078f4;font-weight:500}.theme-dark .gallery .container .gallery-content{display:flex;gap:30px}@media(max-width:1200px){.theme-dark .gallery .container .gallery-content{flex-direction:column}}.theme-dark .gallery .container .gallery-content .gallery-main{flex:3 1}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section{background-color:#333;border-radius:12px;margin-bottom:25px;padding:20px}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:15px}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section .filters-list{display:flex;flex-wrap:wrap;gap:15px}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item{align-items:center;background-color:#222;border-radius:8px;cursor:pointer;display:flex;flex:1 1;min-width:200px;padding:12px;transition:transform .3s,box-shadow .3s}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item.active{border:2px solid #2078f4}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item .filter-icon{align-items:center;background-color:#2c3a6d;border-radius:8px;color:#2078f4;display:flex;height:40px;justify-content:center;margin-right:12px;width:40px}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item .filter-icon svg{font-size:20px}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item .filter-info{flex:1 1}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item .filter-info h4{color:#f5f5f5;font-size:14px;font-weight:500;margin-bottom:4px}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section .filters-list .filter-item .filter-info p{color:#aaa;font-size:12px}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section .filters-list .more-filters-btn{align-items:center;background-color:#222;border:1px dashed #444;border-radius:8px;color:#f5f5f5;cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:8px;justify-content:center;min-width:200px;padding:12px;transition:background-color .3s}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section .filters-list .more-filters-btn svg{color:#2078f4}.theme-dark .gallery .container .gallery-content .gallery-main .filters-section .filters-list .more-filters-btn:hover{background-color:#2d2d2d}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section{background-color:#333;border-radius:12px;margin-bottom:25px;padding:20px}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:15px}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list{display:flex;flex-direction:column;gap:10px}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item{background-color:#222;border-radius:8px;padding:12px 15px}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .game-info{display:flex;justify-content:space-between;margin-bottom:8px}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .game-info .game-time{color:#e74c3c;font-size:12px;font-weight:500}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .game-info .game-category{color:#aaa}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .game-info .game-category svg{font-size:16px}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .teams{align-items:center;display:flex}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .teams .team{color:#f5f5f5;flex:1 1;font-size:14px;font-weight:500}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .teams .team.home{text-align:left}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .teams .team.away{text-align:right}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .score-item .teams .score{color:#f5f5f5;font-size:16px;font-weight:600;margin:0 15px}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .view-all-btn{background-color:#0000;border:1px solid #444;border-radius:8px;color:#f5f5f5;cursor:pointer;font-size:14px;margin-top:10px;padding:8px;text-align:center;transition:background-color .3s}.theme-dark .gallery .container .gallery-content .gallery-main .live-scores-section .scores-list .view-all-btn:hover{background-color:#2d2d2d}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid.list-view{grid-template-columns:1fr}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid.list-view .gallery-item{display:flex}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid.list-view .gallery-item .photo-container{height:150px;width:200px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid.list-view .gallery-item .photo-container img{height:100%;object-fit:cover;width:100%}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid.list-view .gallery-item .photo-info{display:flex;flex:1 1;flex-direction:column;padding:15px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item{background-color:#333;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container{height:200px;position:relative}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container img{height:100%;object-fit:cover;width:100%}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .official-badge{align-items:center;background-color:#3498dbe6;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:500;gap:5px;left:10px;padding:4px 8px;position:absolute;top:10px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .official-badge svg{font-size:14px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .photo-actions{bottom:10px;display:flex;gap:8px;position:absolute;right:10px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .photo-actions .action-btn{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .3s,transform .2s;width:36px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .photo-actions .action-btn:hover{background-color:#fff;transform:scale(1.1)}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .photo-actions .action-btn.like.active{color:#e74c3c}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-container .photo-actions .action-btn.save.active{color:#2078f4}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info{padding:15px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .photo-title{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:10px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .photo-meta{display:flex;justify-content:space-between;margin-bottom:10px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .photo-meta .meta-item{align-items:center;color:#aaa;display:flex;font-size:12px;gap:5px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .photo-meta .meta-item svg{font-size:14px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .engagement{display:flex;gap:15px;margin-bottom:10px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .engagement .engagement-stat{align-items:center;color:#f5f5f5;display:flex;font-size:13px;gap:5px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .engagement .engagement-stat svg{color:#aaa;font-size:16px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .engagement .engagement-stat svg:first-child{color:#e74c3c}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .tags{display:flex;flex-wrap:wrap;gap:8px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .tags .tag{align-items:center;background-color:#222;border-radius:4px;color:#aaa;display:flex;font-size:12px;gap:4px;padding:4px 8px}.theme-dark .gallery .container .gallery-content .gallery-main .gallery-grid .gallery-item .photo-info .tags .tag svg{font-size:12px}.theme-dark .gallery .container .gallery-content .gallery-sidebar{flex:1 1;max-width:320px}@media(max-width:1200px){.theme-dark .gallery .container .gallery-content .gallery-sidebar{max-width:100%}}.theme-dark .gallery .container .gallery-content .gallery-sidebar .suggested-content,.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-section,.theme-dark .gallery .container .gallery-content .gallery-sidebar .user-achievements{background-color:#333;border-radius:12px;margin-bottom:25px;padding:20px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .suggested-content h3,.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-section h3,.theme-dark .gallery .container .gallery-content .gallery-sidebar .user-achievements h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:15px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .achievements-list{display:flex;flex-direction:column;gap:15px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item{align-items:center;background-color:#222;border-radius:8px;display:flex;padding:15px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-icon{align-items:center;background-color:#2c3a6d;border-radius:8px;color:#2078f4;display:flex;height:40px;justify-content:center;margin-right:15px;width:40px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-icon svg{font-size:20px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-info{flex:1 1}.theme-dark .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-info h4{color:#f5f5f5;font-size:14px;font-weight:500;margin-bottom:8px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-info .progress-bar{background-color:#333;border-radius:4px;height:6px;margin-bottom:5px;overflow:hidden;width:100%}.theme-dark .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-info .progress-bar .progress-fill{background-color:#2078f4;height:100%}.theme-dark .gallery .container .gallery-content .gallery-sidebar .achievements-list .achievement-item .achievement-info .progress-text{color:#aaa;font-size:12px;text-align:right}.theme-dark .gallery .container .gallery-content .gallery-sidebar .achievements-list .view-all-achievements-btn{background-color:#0000;border:1px solid #444;border-radius:8px;color:#f5f5f5;cursor:pointer;font-size:14px;padding:8px;text-align:center;transition:background-color .3s}.theme-dark .gallery .container .gallery-content .gallery-sidebar .achievements-list .view-all-achievements-btn:hover{background-color:#2d2d2d}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list{display:flex;flex-direction:column;gap:15px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item{background-color:#222;border-radius:8px;display:flex;overflow:hidden}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-image{flex-shrink:0;height:80px;width:80px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-image img{height:100%;object-fit:cover;width:100%}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-info{flex:1 1;padding:10px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-info h4{color:#f5f5f5;font-size:14px;font-weight:500;margin-bottom:5px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-info .tip-author{align-items:center;color:#aaa;display:flex;font-size:12px;gap:5px;margin-bottom:5px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-info .tip-author .verified-icon{color:#2078f4;font-size:14px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-info .tip-likes{align-items:center;color:#aaa;display:flex;font-size:12px;gap:5px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list .tip-item .tip-info .tip-likes svg{color:#e74c3c;font-size:14px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list .add-tip{margin-top:5px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list .add-tip .add-tip-btn{align-items:center;background-color:#0000;border:1px dashed #444;border-radius:8px;color:#f5f5f5;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:12px;transition:background-color .3s;width:100%}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list .add-tip .add-tip-btn svg{color:#2078f4}.theme-dark .gallery .container .gallery-content .gallery-sidebar .tips-list .add-tip .add-tip-btn:hover{background-color:#2d2d2d}.theme-dark .gallery .container .gallery-content .gallery-sidebar .suggested-list{display:flex;flex-direction:column;gap:12px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item{align-items:center;background-color:#222;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:background-color .3s}.theme-dark .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item:hover{background-color:#2d2d2d}.theme-dark .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item .suggested-icon{align-items:center;background-color:#2c3a6d;border-radius:8px;color:#2078f4;display:flex;height:36px;justify-content:center;margin-right:12px;width:36px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item .suggested-icon svg{font-size:18px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item .suggested-info{flex:1 1}.theme-dark .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item .suggested-info h4{color:#f5f5f5;font-size:14px;font-weight:500;margin-bottom:3px}.theme-dark .gallery .container .gallery-content .gallery-sidebar .suggested-list .suggested-item .suggested-info p{color:#aaa;font-size:12px}.theme-light .videos{padding:20px 70px}@media(max-width:768px){.theme-light .videos{padding:15px 20px}}.theme-light .videos .container .header{margin-bottom:30px}.theme-light .videos .container .header .title{color:#000;font-size:32px;font-weight:700;margin-bottom:8px}.theme-light .videos .container .header .subtitle{color:#555;font-size:16px;margin-bottom:20px}.theme-light .videos .container .header .categories-container{align-items:center;display:flex;justify-content:space-between}@media(max-width:768px){.theme-light .videos .container .header .categories-container{align-items:flex-start;flex-direction:column;gap:15px}}.theme-light .videos .container .header .categories-container .categories{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.theme-light .videos .container .header .categories-container .categories::-webkit-scrollbar{height:4px}.theme-light .videos .container .header .categories-container .categories::-webkit-scrollbar-track{background:#f6f3f3;border-radius:4px}.theme-light .videos .container .header .categories-container .categories::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.theme-light .videos .container .header .categories-container .categories .category-btn{align-items:center;background-color:#f6f3f3;border:none;border-radius:20px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 16px;position:relative;transition:all .3s ease;white-space:nowrap}.theme-light .videos .container .header .categories-container .categories .category-btn .category-icon{font-size:16px}.theme-light .videos .container .header .categories-container .categories .category-btn .live-dot{animation:pulse 1.5s infinite;background-color:red;border-radius:50%;height:6px;margin-left:5px;width:6px}.theme-light .videos .container .header .categories-container .categories .category-btn:hover{background-color:#f0f0f0}.theme-light .videos .container .header .categories-container .categories .category-btn.active{background-color:#2078f4;color:#fff}.theme-light .videos .container .header .categories-container .filter-btn{align-items:center;background-color:#f6f3f3;border:none;border-radius:20px;color:#000;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 16px;transition:all .3s ease}.theme-light .videos .container .header .categories-container .filter-btn svg{font-size:16px}.theme-light .videos .container .header .categories-container .filter-btn:hover{background-color:#f0f0f0}.theme-light .videos .container .featured-video{background-color:#f6f3f3;border-radius:12px;display:flex;flex-direction:column;margin-bottom:40px;overflow:hidden}@media(min-width:992px){.theme-light .videos .container .featured-video{flex-direction:row;height:360px}}.theme-light .videos .container .featured-video .featured-video-player{flex:1 1;min-height:250px}@media(min-width:992px){.theme-light .videos .container .featured-video .featured-video-player{max-width:65%}}.theme-light .videos .container .featured-video .featured-video-player video{height:100%;object-fit:cover;width:100%}.theme-light .videos .container .featured-video .featured-video-info{display:flex;flex:1 1;flex-direction:column;padding:20px}.theme-light .videos .container .featured-video .featured-video-info .featured-video-header{margin-bottom:15px}.theme-light .videos .container .featured-video .featured-video-info .featured-video-header .featured-video-title{color:#000;font-size:20px;font-weight:700;margin-bottom:8px}.theme-light .videos .container .featured-video .featured-video-info .featured-video-header .featured-video-meta{color:#555;font-size:14px}.theme-light .videos .container .featured-video .featured-video-info .featured-video-header .featured-video-meta .dot{margin:0 5px}.theme-light .videos .container .featured-video .featured-video-info .featured-video-creator{align-items:center;display:flex;margin-bottom:15px}.theme-light .videos .container .featured-video .featured-video-info .featured-video-creator img{border-radius:50%;height:40px;margin-right:12px;width:40px}.theme-light .videos .container .featured-video .featured-video-info .featured-video-creator .creator-info{flex:1 1}.theme-light .videos .container .featured-video .featured-video-info .featured-video-creator .creator-info .creator-name{align-items:center;color:#000;display:flex;font-size:16px;font-weight:600}.theme-light .videos .container .featured-video .featured-video-info .featured-video-creator .creator-info .creator-name .verified-icon{color:#2078f4;font-size:14px;margin-left:5px}.theme-light .videos .container .featured-video .featured-video-info .featured-video-creator .creator-info .creator-followers{color:#555;font-size:13px}.theme-light .videos .container .featured-video .featured-video-info .featured-video-creator .follow-btn{background-color:#2078f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:opacity .3s ease}.theme-light .videos .container .featured-video .featured-video-info .featured-video-creator .follow-btn:hover{opacity:.9}.theme-light .videos .container .featured-video .featured-video-info .featured-video-description{color:#000;font-size:14px;line-height:1.5;margin-bottom:15px}.theme-light .videos .container .featured-video .featured-video-info .featured-video-tags{margin-top:auto}.theme-light .videos .container .featured-video .featured-video-info .featured-video-tags .tag{background-color:#e3e9ff;border-radius:20px;color:#2078f4;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;margin-right:8px;padding:5px 12px}.theme-light .videos .container .videos-section{margin-bottom:40px}.theme-light .videos .container .videos-section .section-title{color:#000;font-size:24px;font-weight:700;margin-bottom:20px}.theme-light .videos .container .videos-section .videos-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr}@media(min-width:768px){.theme-light .videos .container .videos-section .videos-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.theme-light .videos .container .videos-section .videos-grid{grid-template-columns:repeat(3,1fr)}}.theme-light .videos .container .videos-section .videos-grid .video-card{background-color:#f6f3f3;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.theme-light .videos .container .videos-section .videos-grid .video-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.theme-light .videos .container .videos-section .videos-grid .video-card:hover .video-container .video-overlay{opacity:1}.theme-light .videos .container .videos-section .videos-grid .video-card .video-container{height:200px;position:relative}.theme-light .videos .container .videos-section .videos-grid .video-card .video-container video{background-color:#000;height:100%;object-fit:cover;width:100%}.theme-light .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay{background:linear-gradient(0deg,#000c 0,#0000 60%);display:flex;flex-direction:column;inset:0;justify-content:space-between;opacity:0;padding:12px;position:absolute;transition:opacity .3s ease}.theme-light .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .video-controls{display:flex;justify-content:space-between}.theme-light .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .video-controls .control-btn{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .3s ease;width:36px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .video-controls .control-btn svg{font-size:20px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .video-controls .control-btn:hover{background-color:#000000b3}.theme-light .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .slow-mo-btn{align-items:center;align-self:flex-end;background-color:#00000080;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:5px 10px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .slow-mo-btn svg{font-size:14px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .slow-mo-btn:hover{background-color:#000000b3}.theme-light .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .live-badge{align-items:center;background-color:red;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:5px;left:12px;padding:4px 8px;position:absolute;top:12px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .live-badge svg{font-size:14px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-info{padding:15px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-info .video-header{display:flex;margin-bottom:15px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-info .video-header .user-avatar{align-items:center;background-color:#e3e9ff;border-radius:50%;color:#555;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;width:40px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-info .video-header .user-avatar svg{font-size:20px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-info .video-header .video-details .video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000;display:-webkit-box;font-size:16px;font-weight:600;margin-bottom:5px;overflow:hidden}.theme-light .videos .container .videos-section .videos-grid .video-card .video-info .video-header .video-details .video-meta .video-username{align-items:center;color:#000;display:flex;font-size:14px;font-weight:500;margin-bottom:3px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-info .video-header .video-details .video-meta .video-username .verified-icon{color:#2078f4;font-size:14px;margin-left:5px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-info .video-header .video-details .video-meta .video-stats{color:#555;font-size:12px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-info .video-header .video-details .video-meta .video-stats .dot{margin:0 5px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-info .video-actions{display:flex;justify-content:space-between}.theme-light .videos .container .videos-section .videos-grid .video-card .video-info .video-actions .action-btn{align-items:center;background-color:#0000;border:none;color:#555;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:4px;padding:0;transition:color .3s ease}.theme-light .videos .container .videos-section .videos-grid .video-card .video-info .video-actions .action-btn svg{font-size:20px}.theme-light .videos .container .videos-section .videos-grid .video-card .video-info .video-actions .action-btn.active,.theme-light .videos .container .videos-section .videos-grid .video-card .video-info .video-actions .action-btn:hover{color:#2078f4}.theme-light .videos .container .videos-section .load-more{margin-top:30px;text-align:center}.theme-light .videos .container .videos-section .load-more .load-more-btn{align-items:center;background-color:#f6f3f3;border:none;border-radius:8px;color:#000;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.theme-light .videos .container .videos-section .load-more .load-more-btn svg{font-size:18px;transition:transform .3s ease}.theme-light .videos .container .videos-section .load-more .load-more-btn:hover{background-color:#f0f0f0}.theme-light .videos .container .videos-section .load-more .load-more-btn:hover svg{transform:translateX(5px)}.theme-light .videos .container .trending-tags{background-color:#f6f3f3;border-radius:12px;margin-bottom:20px;padding:20px}.theme-light .videos .container .trending-tags h3{color:#000;font-size:18px;font-weight:600;margin-bottom:15px}.theme-light .videos .container .trending-tags .tags{display:flex;flex-wrap:wrap;gap:10px}.theme-light .videos .container .trending-tags .tags .tag{background-color:#e3e9ff;border-radius:20px;color:#2078f4;display:inline-block;font-size:14px;font-weight:500;padding:6px 14px;text-decoration:none;transition:all .3s ease}.theme-light .videos .container .trending-tags .tags .tag:hover{background-color:#2078f4;color:#fff}.theme-dark .videos{padding:20px 70px}@media(max-width:768px){.theme-dark .videos{padding:15px 20px}}.theme-dark .videos .container .header{margin-bottom:30px}.theme-dark .videos .container .header .title{color:#f5f5f5;font-size:32px;font-weight:700;margin-bottom:8px}.theme-dark .videos .container .header .subtitle{color:#aaa;font-size:16px;margin-bottom:20px}.theme-dark .videos .container .header .categories-container{align-items:center;display:flex;justify-content:space-between}@media(max-width:768px){.theme-dark .videos .container .header .categories-container{align-items:flex-start;flex-direction:column;gap:15px}}.theme-dark .videos .container .header .categories-container .categories{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.theme-dark .videos .container .header .categories-container .categories::-webkit-scrollbar{height:4px}.theme-dark .videos .container .header .categories-container .categories::-webkit-scrollbar-track{background:#333;border-radius:4px}.theme-dark .videos .container .header .categories-container .categories::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.theme-dark .videos .container .header .categories-container .categories .category-btn{align-items:center;background-color:#333;border:none;border-radius:20px;color:#f5f5f5;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 16px;position:relative;transition:all .3s ease;white-space:nowrap}.theme-dark .videos .container .header .categories-container .categories .category-btn .category-icon{font-size:16px}.theme-dark .videos .container .header .categories-container .categories .category-btn .live-dot{animation:pulse 1.5s infinite;background-color:red;border-radius:50%;height:6px;margin-left:5px;width:6px}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.theme-dark .videos .container .header .categories-container .categories .category-btn:hover{background-color:#2d2d2d}.theme-dark .videos .container .header .categories-container .categories .category-btn.active{background-color:#2078f4;color:#fff}.theme-dark .videos .container .header .categories-container .filter-btn{align-items:center;background-color:#333;border:none;border-radius:20px;color:#f5f5f5;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;padding:8px 16px;transition:all .3s ease}.theme-dark .videos .container .header .categories-container .filter-btn svg{font-size:16px}.theme-dark .videos .container .header .categories-container .filter-btn:hover{background-color:#2d2d2d}.theme-dark .videos .container .featured-video{background-color:#333;border-radius:12px;display:flex;flex-direction:column;margin-bottom:40px;overflow:hidden}@media(min-width:992px){.theme-dark .videos .container .featured-video{flex-direction:row;height:360px}}.theme-dark .videos .container .featured-video .featured-video-player{flex:1 1;min-height:250px}@media(min-width:992px){.theme-dark .videos .container .featured-video .featured-video-player{max-width:65%}}.theme-dark .videos .container .featured-video .featured-video-player video{height:100%;object-fit:cover;width:100%}.theme-dark .videos .container .featured-video .featured-video-info{display:flex;flex:1 1;flex-direction:column;padding:20px}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-header{margin-bottom:15px}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-header .featured-video-title{color:#f5f5f5;font-size:20px;font-weight:700;margin-bottom:8px}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-header .featured-video-meta{color:#aaa;font-size:14px}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-header .featured-video-meta .dot{margin:0 5px}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-creator{align-items:center;display:flex;margin-bottom:15px}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-creator img{border-radius:50%;height:40px;margin-right:12px;width:40px}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-creator .creator-info{flex:1 1}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-creator .creator-info .creator-name{align-items:center;color:#f5f5f5;display:flex;font-size:16px;font-weight:600}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-creator .creator-info .creator-name .verified-icon{color:#2078f4;font-size:14px;margin-left:5px}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-creator .creator-info .creator-followers{color:#aaa;font-size:13px}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-creator .follow-btn{background-color:#2078f4;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:6px 12px;transition:opacity .3s ease}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-creator .follow-btn:hover{opacity:.9}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-description{color:#f5f5f5;font-size:14px;line-height:1.5;margin-bottom:15px}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-tags{margin-top:auto}.theme-dark .videos .container .featured-video .featured-video-info .featured-video-tags .tag{background-color:#2c3a6d;border-radius:20px;color:#2078f4;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;margin-right:8px;padding:5px 12px}.theme-dark .videos .container .videos-section{margin-bottom:40px}.theme-dark .videos .container .videos-section .section-title{color:#f5f5f5;font-size:24px;font-weight:700;margin-bottom:20px}.theme-dark .videos .container .videos-section .videos-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr}@media(min-width:768px){.theme-dark .videos .container .videos-section .videos-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.theme-dark .videos .container .videos-section .videos-grid{grid-template-columns:repeat(3,1fr)}}.theme-dark .videos .container .videos-section .videos-grid .video-card{background-color:#333;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.theme-dark .videos .container .videos-section .videos-grid .video-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.theme-dark .videos .container .videos-section .videos-grid .video-card:hover .video-container .video-overlay{opacity:1}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-container{height:200px;position:relative}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-container video{background-color:#000;height:100%;object-fit:cover;width:100%}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay{background:linear-gradient(0deg,#000c 0,#0000 60%);display:flex;flex-direction:column;inset:0;justify-content:space-between;opacity:0;padding:12px;position:absolute;transition:opacity .3s ease}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .video-controls{display:flex;justify-content:space-between}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .video-controls .control-btn{align-items:center;background-color:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .3s ease;width:36px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .video-controls .control-btn svg{font-size:20px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .video-controls .control-btn:hover{background-color:#000000b3}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .slow-mo-btn{align-items:center;align-self:flex-end;background-color:#00000080;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;font-size:12px;gap:5px;padding:5px 10px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .slow-mo-btn svg{font-size:14px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .slow-mo-btn:hover{background-color:#000000b3}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .live-badge{align-items:center;background-color:red;border-radius:4px;color:#fff;display:flex;font-size:12px;font-weight:600;gap:5px;left:12px;padding:4px 8px;position:absolute;top:12px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-container .video-overlay .live-badge svg{font-size:14px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info{padding:15px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info .video-header{display:flex;margin-bottom:15px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info .video-header .user-avatar{align-items:center;background-color:#2c3a6d;border-radius:50%;color:#aaa;display:flex;flex-shrink:0;height:40px;justify-content:center;margin-right:12px;width:40px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info .video-header .user-avatar svg{font-size:20px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info .video-header .video-details .video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f5f5f5;display:-webkit-box;font-size:16px;font-weight:600;margin-bottom:5px;overflow:hidden}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info .video-header .video-details .video-meta .video-username{align-items:center;color:#f5f5f5;display:flex;font-size:14px;font-weight:500;margin-bottom:3px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info .video-header .video-details .video-meta .video-username .verified-icon{color:#2078f4;font-size:14px;margin-left:5px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info .video-header .video-details .video-meta .video-stats{color:#aaa;font-size:12px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info .video-header .video-details .video-meta .video-stats .dot{margin:0 5px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info .video-actions{display:flex;justify-content:space-between}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info .video-actions .action-btn{align-items:center;background-color:#0000;border:none;color:#aaa;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:4px;padding:0;transition:color .3s ease}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info .video-actions .action-btn svg{font-size:20px}.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info .video-actions .action-btn.active,.theme-dark .videos .container .videos-section .videos-grid .video-card .video-info .video-actions .action-btn:hover{color:#2078f4}.theme-dark .videos .container .videos-section .load-more{margin-top:30px;text-align:center}.theme-dark .videos .container .videos-section .load-more .load-more-btn{align-items:center;background-color:#333;border:none;border-radius:8px;color:#f5f5f5;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.theme-dark .videos .container .videos-section .load-more .load-more-btn svg{font-size:18px;transition:transform .3s ease}.theme-dark .videos .container .videos-section .load-more .load-more-btn:hover{background-color:#2d2d2d}.theme-dark .videos .container .videos-section .load-more .load-more-btn:hover svg{transform:translateX(5px)}.theme-dark .videos .container .trending-tags{background-color:#333;border-radius:12px;margin-bottom:20px;padding:20px}.theme-dark .videos .container .trending-tags h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:15px}.theme-dark .videos .container .trending-tags .tags{display:flex;flex-wrap:wrap;gap:10px}.theme-dark .videos .container .trending-tags .tags .tag{background-color:#2c3a6d;border-radius:20px;color:#2078f4;display:inline-block;font-size:14px;font-weight:500;padding:6px 14px;text-decoration:none;transition:all .3s ease}.theme-dark .videos .container .trending-tags .tags .tag:hover{background-color:#2078f4;color:#fff}.theme-light .messages{display:flex;height:calc(100vh - 70px);overflow:hidden}.theme-light .messages .contacts-container{background-color:#fff;border-right:1px solid #d3d3d3;display:flex;flex:1 1;flex-direction:column;max-width:350px}.theme-light .messages .contacts-container .contacts-header{border-bottom:1px solid #d3d3d3;padding:20px}.theme-light .messages .contacts-container .contacts-header h2{color:#000;margin-bottom:15px}.theme-light .messages .contacts-container .contacts-header .search-messages{align-items:center;background-color:#f6f3f3;border-radius:20px;display:flex;padding:5px 10px}.theme-light .messages .contacts-container .contacts-header .search-messages svg{color:#555;margin-right:10px}.theme-light .messages .contacts-container .contacts-header .search-messages input{background-color:#0000;border:none;color:#000;outline:none;width:100%}.theme-light .messages .contacts-container .contacts-header .search-messages input::placeholder{color:#555}.theme-light .messages .contacts-container .contacts-list{flex:1 1;overflow-y:auto;padding:10px 0}.theme-light .messages .contacts-container .contacts-list::-webkit-scrollbar{width:6px}.theme-light .messages .contacts-container .contacts-list::-webkit-scrollbar-thumb{background-color:#555;border-radius:3px}.theme-light .messages .contacts-container .contacts-list .contact-item{align-items:center;cursor:pointer;display:flex;padding:10px 20px;transition:background-color .2s}.theme-light .messages .contacts-container .contacts-list .contact-item.active,.theme-light .messages .contacts-container .contacts-list .contact-item:hover{background-color:#f6f3f3}.theme-light .messages .contacts-container .contacts-list .contact-item .contact-avatar{margin-right:15px;position:relative}.theme-light .messages .contacts-container .contacts-list .contact-item .contact-avatar img{border-radius:50%;height:56px;object-fit:cover;width:56px}.theme-light .messages .contacts-container .contacts-list .contact-item .contact-avatar .online-indicator{background-color:#44b700;border:2px solid #fff;border-radius:50%;bottom:0;height:14px;position:absolute;right:0;width:14px}.theme-light .messages .contacts-container .contacts-list .contact-item .contact-info{flex:1 1;overflow:hidden}.theme-light .messages .contacts-container .contacts-list .contact-item .contact-info .contact-name{color:#000;font-weight:500;margin-bottom:5px}.theme-light .messages .contacts-container .contacts-list .contact-item .contact-info .contact-last-message{color:#555;font-size:14px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-light .messages .contacts-container .contacts-list .contact-item .contact-meta{align-items:flex-end;display:flex;flex-direction:column}.theme-light .messages .contacts-container .contacts-list .contact-item .contact-meta .contact-time{color:#555;font-size:12px;margin-bottom:5px}.theme-light .messages .contacts-container .contacts-list .contact-item .contact-meta .unread-badge{align-items:center;background-color:#0095f6;border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.theme-light .messages .contacts-container .contacts-list .loading{color:#555;padding:15px;text-align:center}.theme-light .messages .chat-container{background-color:#fff;display:flex;flex:2 1;flex-direction:column}.theme-light .messages .chat-container .chat-header{align-items:center;border-bottom:1px solid #d3d3d3;display:flex;justify-content:space-between;padding:15px 20px}.theme-light .messages .chat-container .chat-header .chat-contact{align-items:center;display:flex}.theme-light .messages .chat-container .chat-header .chat-contact img{border-radius:50%;height:40px;margin-right:15px;object-fit:cover;width:40px}.theme-light .messages .chat-container .chat-header .chat-contact h3{color:#000;margin-bottom:5px}.theme-light .messages .chat-container .chat-header .chat-contact .status{color:#555;font-size:13px}.theme-light .messages .chat-container .chat-header .chat-actions svg{color:#555;cursor:pointer;font-size:24px}.theme-light .messages .chat-container .chat-header .chat-actions svg:hover{color:#000}.theme-light .messages .chat-container .chat-messages{background-color:#f6f3f3;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:20px}.theme-light .messages .chat-container .chat-messages::-webkit-scrollbar{width:6px}.theme-light .messages .chat-container .chat-messages::-webkit-scrollbar-thumb{background-color:#555;border-radius:3px}.theme-light .messages .chat-container .chat-messages .message{display:flex;max-width:65%}.theme-light .messages .chat-container .chat-messages .message.sent{align-self:flex-end;flex-direction:row-reverse}.theme-light .messages .chat-container .chat-messages .message.sent .message-content{background-color:#0095f6;border-radius:18px 18px 4px 18px;color:#fff}.theme-light .messages .chat-container .chat-messages .message.sent .message-content .message-time{color:#ffffffb3}.theme-light .messages .chat-container .chat-messages .message.received{align-self:flex-start}.theme-light .messages .chat-container .chat-messages .message.received .message-content{border-radius:18px 18px 18px 4px;color:#000}.theme-light .messages .chat-container .chat-messages .message .message-avatar{border-radius:50%;height:28px;margin-right:10px;object-fit:cover;width:28px}.theme-light .messages .chat-container .chat-messages .message .message-content{padding:10px 15px}.theme-light .messages .chat-container .chat-messages .message .message-content .message-text{margin-bottom:5px;word-break:break-word}.theme-light .messages .chat-container .chat-messages .message .message-content .message-time{color:#555;font-size:11px;text-align:right}.theme-light .messages .chat-container .chat-input{align-items:center;border-top:1px solid #d3d3d3;display:flex;padding:15px 20px}.theme-light .messages .chat-container .chat-input .chat-icon{color:#555;cursor:pointer;font-size:24px;margin-right:15px}.theme-light .messages .chat-container .chat-input .chat-icon:hover{color:#000}.theme-light .messages .chat-container .chat-input textarea{background-color:#0000;border:none;color:#000;flex:1 1;font-family:inherit;max-height:100px;outline:none;padding:10px 0;resize:none}.theme-light .messages .chat-container .chat-input textarea::placeholder{color:#555}.theme-light .messages .chat-container .chat-input .send-icon{color:#ccc;cursor:pointer;font-size:24px;margin-left:15px}.theme-light .messages .chat-container .chat-input .send-icon.active{color:#0095f6}.theme-light .messages .chat-container .no-chat-selected{align-items:center;background-color:#f6f3f3;display:flex;flex:1 1;justify-content:center}.theme-light .messages .chat-container .no-chat-selected .empty-state{text-align:center}.theme-light .messages .chat-container .no-chat-selected .empty-state h2{color:#000;margin-bottom:10px}.theme-light .messages .chat-container .no-chat-selected .empty-state p{color:#555}@media(max-width:480px){.theme-light .messages{flex-direction:column}.theme-light .messages .contacts-container{height:40%;max-width:100%}.theme-light .messages .chat-container{height:60%}}.theme-dark .messages{display:flex;height:calc(100vh - 70px);overflow:hidden}.theme-dark .messages .contacts-container{background-color:#222;border-right:1px solid #444;display:flex;flex:1 1;flex-direction:column;max-width:350px}.theme-dark .messages .contacts-container .contacts-header{border-bottom:1px solid #444;padding:20px}.theme-dark .messages .contacts-container .contacts-header h2{color:#f5f5f5;margin-bottom:15px}.theme-dark .messages .contacts-container .contacts-header .search-messages{align-items:center;background-color:#333;border-radius:20px;display:flex;padding:5px 10px}.theme-dark .messages .contacts-container .contacts-header .search-messages svg{color:#aaa;margin-right:10px}.theme-dark .messages .contacts-container .contacts-header .search-messages input{background-color:#0000;border:none;color:#f5f5f5;outline:none;width:100%}.theme-dark .messages .contacts-container .contacts-header .search-messages input::placeholder{color:#aaa}.theme-dark .messages .contacts-container .contacts-list{flex:1 1;overflow-y:auto;padding:10px 0}.theme-dark .messages .contacts-container .contacts-list::-webkit-scrollbar{width:6px}.theme-dark .messages .contacts-container .contacts-list::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:3px}.theme-dark .messages .contacts-container .contacts-list .contact-item{align-items:center;cursor:pointer;display:flex;padding:10px 20px;transition:background-color .2s}.theme-dark .messages .contacts-container .contacts-list .contact-item.active,.theme-dark .messages .contacts-container .contacts-list .contact-item:hover{background-color:#333}.theme-dark .messages .contacts-container .contacts-list .contact-item .contact-avatar{margin-right:15px;position:relative}.theme-dark .messages .contacts-container .contacts-list .contact-item .contact-avatar img{border-radius:50%;height:56px;object-fit:cover;width:56px}.theme-dark .messages .contacts-container .contacts-list .contact-item .contact-avatar .online-indicator{background-color:#44b700;border:2px solid #222;border-radius:50%;bottom:0;height:14px;position:absolute;right:0;width:14px}.theme-dark .messages .contacts-container .contacts-list .contact-item .contact-info{flex:1 1;overflow:hidden}.theme-dark .messages .contacts-container .contacts-list .contact-item .contact-info .contact-name{color:#f5f5f5;font-weight:500;margin-bottom:5px}.theme-dark .messages .contacts-container .contacts-list .contact-item .contact-info .contact-last-message{color:#aaa;font-size:14px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-dark .messages .contacts-container .contacts-list .contact-item .contact-meta{align-items:flex-end;display:flex;flex-direction:column}.theme-dark .messages .contacts-container .contacts-list .contact-item .contact-meta .contact-time{color:#aaa;font-size:12px;margin-bottom:5px}.theme-dark .messages .contacts-container .contacts-list .contact-item .contact-meta .unread-badge{align-items:center;background-color:#0095f6;border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;width:20px}.theme-dark .messages .contacts-container .contacts-list .loading{color:#aaa;padding:15px;text-align:center}.theme-dark .messages .chat-container{background-color:#222;display:flex;flex:2 1;flex-direction:column}.theme-dark .messages .chat-container .chat-header{align-items:center;border-bottom:1px solid #444;display:flex;justify-content:space-between;padding:15px 20px}.theme-dark .messages .chat-container .chat-header .chat-contact{align-items:center;display:flex}.theme-dark .messages .chat-container .chat-header .chat-contact img{border-radius:50%;height:40px;margin-right:15px;object-fit:cover;width:40px}.theme-dark .messages .chat-container .chat-header .chat-contact h3{color:#f5f5f5;margin-bottom:5px}.theme-dark .messages .chat-container .chat-header .chat-contact .status{color:#aaa;font-size:13px}.theme-dark .messages .chat-container .chat-header .chat-actions svg{color:#aaa;cursor:pointer;font-size:24px}.theme-dark .messages .chat-container .chat-header .chat-actions svg:hover{color:#f5f5f5}.theme-dark .messages .chat-container .chat-messages{background-color:#333;display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:20px}.theme-dark .messages .chat-container .chat-messages::-webkit-scrollbar{width:6px}.theme-dark .messages .chat-container .chat-messages::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:3px}.theme-dark .messages .chat-container .chat-messages .message{display:flex;max-width:65%}.theme-dark .messages .chat-container .chat-messages .message.sent{align-self:flex-end;flex-direction:row-reverse}.theme-dark .messages .chat-container .chat-messages .message.sent .message-content{background-color:#0095f6;border-radius:18px 18px 4px 18px;color:#fff}.theme-dark .messages .chat-container .chat-messages .message.sent .message-content .message-time{color:#ffffffb3}.theme-dark .messages .chat-container .chat-messages .message.received{align-self:flex-start}.theme-dark .messages .chat-container .chat-messages .message.received .message-content{border-radius:18px 18px 18px 4px;color:#f5f5f5}.theme-dark .messages .chat-container .chat-messages .message .message-avatar{border-radius:50%;height:28px;margin-right:10px;object-fit:cover;width:28px}.theme-dark .messages .chat-container .chat-messages .message .message-content{padding:10px 15px}.theme-dark .messages .chat-container .chat-messages .message .message-content .message-text{margin-bottom:5px;word-break:break-word}.theme-dark .messages .chat-container .chat-messages .message .message-content .message-time{color:#aaa;font-size:11px;text-align:right}.theme-dark .messages .chat-container .chat-input{align-items:center;border-top:1px solid #444;display:flex;padding:15px 20px}.theme-dark .messages .chat-container .chat-input .chat-icon{color:#aaa;cursor:pointer;font-size:24px;margin-right:15px}.theme-dark .messages .chat-container .chat-input .chat-icon:hover{color:#f5f5f5}.theme-dark .messages .chat-container .chat-input textarea{background-color:#0000;border:none;color:#f5f5f5;flex:1 1;font-family:inherit;max-height:100px;outline:none;padding:10px 0;resize:none}.theme-dark .messages .chat-container .chat-input textarea::placeholder{color:#aaa}.theme-dark .messages .chat-container .chat-input .send-icon{color:#ccc;cursor:pointer;font-size:24px;margin-left:15px}.theme-dark .messages .chat-container .chat-input .send-icon.active{color:#0095f6}.theme-dark .messages .chat-container .no-chat-selected{align-items:center;background-color:#333;display:flex;flex:1 1;justify-content:center}.theme-dark .messages .chat-container .no-chat-selected .empty-state{text-align:center}.theme-dark .messages .chat-container .no-chat-selected .empty-state h2{color:#f5f5f5;margin-bottom:10px}.theme-dark .messages .chat-container .no-chat-selected .empty-state p{color:#aaa}@media(max-width:480px){.theme-dark .messages{flex-direction:column}.theme-dark .messages .contacts-container{height:40%;max-width:100%}.theme-dark .messages .chat-container{height:60%}}.theme-light .sponsorships{padding:20px 70px}@media(max-width:768px){.theme-light .sponsorships{padding:15px 20px}}.theme-light .sponsorships .container .hero-section{background-color:#f6f3f3;background-image:linear-gradient(#0006,#0000000d),url(https://images.unsplash.com/photo-1552667466-07770ae110d0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTJ8fHNwb3J0cyUyMGV2ZW50fGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=1200&q=80);background-position:50%;background-size:cover;border-radius:15px;margin-bottom:30px;padding:50px 40px}.theme-light .sponsorships .container .hero-section .hero-content{max-width:650px}.theme-light .sponsorships .container .hero-section .hero-content .title{color:#fff;font-size:38px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px #0000004d}.theme-light .sponsorships .container .hero-section .hero-content .subtitle{color:#fff;font-size:18px;line-height:1.5;margin-bottom:30px;text-shadow:0 2px 4px #0000004d}.theme-light .sponsorships .container .hero-section .hero-content .hero-stats{display:flex;gap:40px;margin-bottom:30px}.theme-light .sponsorships .container .hero-section .hero-content .hero-stats .stat .stat-number{color:#fff;font-size:32px;font-weight:700;margin-bottom:5px;text-shadow:0 2px 4px #0000004d}.theme-light .sponsorships .container .hero-section .hero-content .hero-stats .stat .stat-label{color:#ffffffe6;font-size:14px;text-shadow:0 2px 4px #0000004d}.theme-light .sponsorships .container .hero-section .hero-content .contact-btn{align-items:center;background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.theme-light .sponsorships .container .hero-section .hero-content .contact-btn svg{font-size:18px;transition:transform .3s ease}.theme-light .sponsorships .container .hero-section .hero-content .contact-btn:hover{opacity:.9}.theme-light .sponsorships .container .hero-section .hero-content .contact-btn:hover svg{transform:translateX(5px)}.theme-light .sponsorships .container .tabs-container{margin-bottom:40px}.theme-light .sponsorships .container .tabs-container .tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.theme-light .sponsorships .container .tabs-container .tabs::-webkit-scrollbar{height:4px}.theme-light .sponsorships .container .tabs-container .tabs::-webkit-scrollbar-track{background:#f6f3f3;border-radius:4px}.theme-light .sponsorships .container .tabs-container .tabs::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.theme-light .sponsorships .container .tabs-container .tabs .tab{align-items:center;background-color:#f6f3f3;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.theme-light .sponsorships .container .tabs-container .tabs .tab svg{color:#555;font-size:18px}.theme-light .sponsorships .container .tabs-container .tabs .tab:hover{background-color:#f0f0f0}.theme-light .sponsorships .container .tabs-container .tabs .tab.active{background-color:#2078f4;color:#fff}.theme-light .sponsorships .container .tabs-container .tabs .tab.active svg{color:#fff}.theme-light .sponsorships .container .section-header{margin-bottom:30px;text-align:center}.theme-light .sponsorships .container .section-header h2{color:#000;font-size:28px;font-weight:700;margin-bottom:10px}.theme-light .sponsorships .container .section-header p{color:#555;font-size:16px;margin:0 auto;max-width:600px}.theme-light .sponsorships .container .sponsorship-levels-section{margin-bottom:50px}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:30px}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card{background-color:#f6f3f3;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card.popular{border:2px solid #2078f4}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card.popular .popular-tag{background-color:#2078f4;color:#fff;font-size:12px;font-weight:600;padding:5px 15px;position:absolute;right:0;top:0;z-index:2}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-header{padding:25px 20px;position:relative;text-align:center}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-header .level-icon{align-items:center;background-color:#fff3;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;margin:0 auto 15px;width:50px}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-header .level-icon svg{font-size:25px}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-header h3{color:#fff;font-size:22px;font-weight:700;margin-bottom:10px}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-header .level-price{color:#fff;font-size:18px;font-weight:500}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content{padding:25px}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .level-description{color:#555;font-size:14px;line-height:1.5;margin-bottom:20px;min-height:40px}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .benefits-list{margin-bottom:25px}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .benefits-list h4{color:#000;font-size:16px;font-weight:600;margin-bottom:15px}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .benefits-list ul{list-style:none;padding:0}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .benefits-list ul li{align-items:flex-start;color:#000;display:flex;font-size:14px;margin-bottom:12px}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .benefits-list ul li svg{color:#2078f4;flex-shrink:0;font-size:18px;margin-right:10px;margin-top:2px}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .level-footer .ideal-for{margin-bottom:20px}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .level-footer .ideal-for h4{color:#000;font-size:16px;font-weight:600;margin-bottom:8px}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .level-footer .ideal-for p{color:#555;font-size:14px;line-height:1.5}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .level-footer .level-btn{background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:opacity .3s ease;width:100%}.theme-light .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .level-footer .level-btn:hover{opacity:.9}.theme-light .sponsorships .container .sponsorship-levels-section .custom-package{background-color:#f6f3f3;border-radius:12px;padding:25px}.theme-light .sponsorships .container .sponsorship-levels-section .custom-package .custom-content{align-items:center;display:flex;gap:20px}@media(max-width:768px){.theme-light .sponsorships .container .sponsorship-levels-section .custom-package .custom-content{flex-direction:column;text-align:center}}.theme-light .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-icon{align-items:center;background-color:#e3e9ff;border-radius:50%;color:#2078f4;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.theme-light .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-icon svg{font-size:30px}.theme-light .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-info{flex:1 1}.theme-light .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-info h3{color:#000;font-size:18px;font-weight:600;margin-bottom:5px}.theme-light .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-info p{color:#555;font-size:14px;line-height:1.5}.theme-light .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-btn{background-color:#0000;border:1px solid #2078f4;border-radius:8px;color:#2078f4;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.theme-light .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-btn:hover{background-color:#2078f4;color:#fff}@media(max-width:768px){.theme-light .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-btn{margin-top:15px}}.theme-light .sponsorships .container .benefits-section,.theme-light .sponsorships .container .events-section,.theme-light .sponsorships .container .success-section{margin-bottom:50px}.theme-light .sponsorships .container .benefits-section .benefits-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}.theme-light .sponsorships .container .benefits-section .benefits-grid .benefit-card{background-color:#f6f3f3;border-radius:12px;padding:25px;text-align:center;transition:transform .3s ease}.theme-light .sponsorships .container .benefits-section .benefits-grid .benefit-card:hover{transform:translateY(-5px)}.theme-light .sponsorships .container .benefits-section .benefits-grid .benefit-card .benefit-icon{align-items:center;background-color:#e3e9ff;border-radius:50%;color:#2078f4;display:flex;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.theme-light .sponsorships .container .benefits-section .benefits-grid .benefit-card .benefit-icon svg{font-size:30px}.theme-light .sponsorships .container .benefits-section .benefits-grid .benefit-card h3{color:#000;font-size:18px;font-weight:600;margin-bottom:10px}.theme-light .sponsorships .container .benefits-section .benefits-grid .benefit-card p{color:#555;font-size:14px;line-height:1.5}.theme-light .sponsorships .container .benefits-section .audience-section{background-color:#f6f3f3;border-radius:12px;padding:30px}.theme-light .sponsorships .container .benefits-section .audience-section .audience-header{margin-bottom:30px;text-align:center}.theme-light .sponsorships .container .benefits-section .audience-section .audience-header h3{color:#000;font-size:22px;font-weight:600;margin-bottom:10px}.theme-light .sponsorships .container .benefits-section .audience-section .audience-header p{color:#555;font-size:15px}.theme-light .sponsorships .container .benefits-section .audience-section .audience-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.theme-light .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-header{align-items:center;display:flex;margin-bottom:20px}.theme-light .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-header svg{color:#2078f4;font-size:24px;margin-right:10px}.theme-light .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-header h4{color:#000;font-size:18px;font-weight:600}.theme-light .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-content .stat-item{align-items:center;display:flex;margin-bottom:15px}.theme-light .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-content .stat-item .stat-label{color:#000;font-size:14px;width:80px}.theme-light .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-content .stat-item .stat-bar{background-color:#fff;border-radius:4px;flex:1 1;height:8px;margin:0 15px;overflow:hidden}.theme-light .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-content .stat-item .stat-bar .stat-fill{background-color:#2078f4;height:100%}.theme-light .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-content .stat-item .stat-value{color:#000;font-size:14px;font-weight:600;text-align:right;width:40px}.theme-light .sponsorships .container .events-section .events-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:25px}.theme-light .sponsorships .container .events-section .events-grid .event-card{background-color:#f6f3f3;border-radius:12px;overflow:hidden;transition:transform .3s ease}.theme-light .sponsorships .container .events-section .events-grid .event-card:hover{transform:translateY(-5px)}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-header{align-items:center;background-color:#e3e9ff;display:flex;padding:15px;position:relative}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-header svg{color:#2078f4;font-size:22px;margin-right:10px}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-header h3{color:#000;flex:1 1;font-size:18px;font-weight:600}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-header .available-tag,.theme-light .sponsorships .container .events-section .events-grid .event-card .event-header .unavailable-tag{border-radius:4px;font-size:11px;font-weight:600;padding:3px 8px;position:absolute;right:15px;top:15px}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-header .available-tag{background-color:#2ecc7133;color:#2ecc71}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-header .unavailable-tag{background-color:#e74c3c33;color:#e74c3c}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-details{padding:20px}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-details .event-date,.theme-light .sponsorships .container .events-section .events-grid .event-card .event-details .event-location{color:#555;font-size:14px;margin-bottom:8px}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-details .event-date{font-weight:600}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-details .event-description{color:#000;font-size:14px;line-height:1.5;margin-top:15px}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-footer{border-top:1px solid #d3d3d3;padding:15px}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-footer .event-btn{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 15px;transition:opacity .3s ease;width:100%}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-footer .event-btn:hover:not(:disabled){opacity:.9}.theme-light .sponsorships .container .events-section .events-grid .event-card .event-footer .event-btn:disabled{background-color:#f6f3f3;color:#555;cursor:not-allowed}.theme-light .sponsorships .container .events-section .calendar-link{text-align:center}.theme-light .sponsorships .container .events-section .calendar-link a{align-items:center;color:#2078f4;display:inline-flex;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s ease}.theme-light .sponsorships .container .events-section .calendar-link a svg{font-size:18px;margin-left:5px;transition:transform .3s ease}.theme-light .sponsorships .container .events-section .calendar-link a:hover{text-decoration:underline}.theme-light .sponsorships .container .events-section .calendar-link a:hover svg{transform:translateX(5px)}.theme-light .sponsorships .container .success-section .success-stories{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.theme-light .sponsorships .container .success-section .success-stories .success-card{background-color:#f6f3f3;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.theme-light .sponsorships .container .success-section .success-stories .success-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-image{height:160px;position:relative}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-image img{height:100%;object-fit:cover;width:100%}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-image .success-logo{background-color:#fff;border-radius:50%;bottom:-25px;box-shadow:0 2px 8px #00000026;height:50px;left:20px;padding:3px;position:absolute;width:50px}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-image .success-logo img{border-radius:50%;height:100%;object-fit:contain;width:100%}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-content{padding:30px 20px 20px}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-content .success-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-content .success-header h3{color:#000;font-size:18px;font-weight:600}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-content .success-header .level-badge{border-radius:4px;font-size:12px;font-weight:600;padding:3px 8px}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-content .success-header .level-badge.bronze{background-color:#cd7f3233;color:#cd7f32}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-content .success-header .level-badge.silver{background-color:#c0c0c033;color:#a9a9a9}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-content .success-header .level-badge.gold{background-color:#ffd70033;color:gold}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-content .success-description{color:#555;font-size:14px;line-height:1.5;margin-bottom:20px}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-content .read-more-btn{background-color:#0000;border:1px solid #2078f4;border-radius:6px;color:#2078f4;cursor:pointer;font-size:14px;font-weight:500;padding:8px 15px;transition:all .3s ease}.theme-light .sponsorships .container .success-section .success-stories .success-card .success-content .read-more-btn:hover{background-color:#2078f4;color:#fff}.theme-light .sponsorships .container .cta-section{background-color:#f6f3f3;border-radius:15px;margin:60px 0;padding:50px 30px;text-align:center}.theme-light .sponsorships .container .cta-section .cta-content{margin:0 auto;max-width:700px}.theme-light .sponsorships .container .cta-section .cta-content h2{color:#000;font-size:28px;font-weight:700;margin-bottom:15px}.theme-light .sponsorships .container .cta-section .cta-content p{color:#555;font-size:16px;margin-bottom:30px}.theme-light .sponsorships .container .cta-section .cta-content .cta-buttons{display:flex;gap:15px;justify-content:center}@media(max-width:576px){.theme-light .sponsorships .container .cta-section .cta-content .cta-buttons{flex-direction:column;gap:10px}}.theme-light .sponsorships .container .cta-section .cta-content .cta-buttons .primary-btn,.theme-light .sponsorships .container .cta-section .cta-content .cta-buttons .secondary-btn{border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.theme-light .sponsorships .container .cta-section .cta-content .cta-buttons .primary-btn{background-color:#2078f4;border:none;color:#fff}.theme-light .sponsorships .container .cta-section .cta-content .cta-buttons .primary-btn:hover{opacity:.9}.theme-light .sponsorships .container .cta-section .cta-content .cta-buttons .secondary-btn{background-color:#0000;border:1px solid #2078f4;color:#2078f4}.theme-light .sponsorships .container .cta-section .cta-content .cta-buttons .secondary-btn:hover{background-color:#2078f4;color:#fff}.theme-light .sponsorships .container .faq-section{margin-bottom:50px}.theme-light .sponsorships .container .faq-section .faq-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media(max-width:576px){.theme-light .sponsorships .container .faq-section .faq-list{grid-template-columns:1fr}}.theme-light .sponsorships .container .faq-section .faq-list .faq-item{background-color:#f6f3f3;border-radius:10px;padding:20px}.theme-light .sponsorships .container .faq-section .faq-list .faq-item h3{color:#000;font-size:16px;font-weight:600;margin-bottom:10px}.theme-light .sponsorships .container .faq-section .faq-list .faq-item p{color:#555;font-size:14px;line-height:1.5}.theme-light .sponsorships .container .contact-section{margin-bottom:30px}.theme-light .sponsorships .container .contact-section .contact-card{background-color:#f6f3f3;border-radius:12px;margin:0 auto;max-width:450px;padding:30px;text-align:center}.theme-light .sponsorships .container .contact-section .contact-card .contact-icon{align-items:center;background-color:#e3e9ff;border-radius:50%;color:#2078f4;display:flex;height:70px;justify-content:center;margin:0 auto 20px;width:70px}.theme-light .sponsorships .container .contact-section .contact-card .contact-icon svg{font-size:35px}.theme-light .sponsorships .container .contact-section .contact-card h3{color:#000;font-size:20px;font-weight:600;margin-bottom:10px}.theme-light .sponsorships .container .contact-section .contact-card p{color:#555;font-size:14px;line-height:1.5;margin-bottom:20px}.theme-light .sponsorships .container .contact-section .contact-card .contact-info{margin-bottom:20px}.theme-light .sponsorships .container .contact-section .contact-card .contact-info .contact-item{margin-bottom:10px}.theme-light .sponsorships .container .contact-section .contact-card .contact-info .contact-item .label{color:#555;font-size:14px;font-weight:500;margin-right:5px}.theme-light .sponsorships .container .contact-section .contact-card .contact-info .contact-item .value{color:#000;font-size:14px;font-weight:600}.theme-light .sponsorships .container .contact-section .contact-card .contact-form-btn{background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:opacity .3s ease;width:100%}.theme-light .sponsorships .container .contact-section .contact-card .contact-form-btn:hover{opacity:.9}.theme-dark .sponsorships{padding:20px 70px}@media(max-width:768px){.theme-dark .sponsorships{padding:15px 20px}}.theme-dark .sponsorships .container .hero-section{background-color:#333;background-image:linear-gradient(#0006,#0000000d),url(https://images.unsplash.com/photo-1552667466-07770ae110d0?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxzZWFyY2h8MTJ8fHNwb3J0cyUyMGV2ZW50fGVufDB8fDB8fA%3D%3D&auto=format&fit=crop&w=1200&q=80);background-position:50%;background-size:cover;border-radius:15px;margin-bottom:30px;padding:50px 40px}.theme-dark .sponsorships .container .hero-section .hero-content{max-width:650px}.theme-dark .sponsorships .container .hero-section .hero-content .title{color:#fff;font-size:38px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 4px #0000004d}.theme-dark .sponsorships .container .hero-section .hero-content .subtitle{color:#fff;font-size:18px;line-height:1.5;margin-bottom:30px;text-shadow:0 2px 4px #0000004d}.theme-dark .sponsorships .container .hero-section .hero-content .hero-stats{display:flex;gap:40px;margin-bottom:30px}.theme-dark .sponsorships .container .hero-section .hero-content .hero-stats .stat .stat-number{color:#fff;font-size:32px;font-weight:700;margin-bottom:5px;text-shadow:0 2px 4px #0000004d}.theme-dark .sponsorships .container .hero-section .hero-content .hero-stats .stat .stat-label{color:#ffffffe6;font-size:14px;text-shadow:0 2px 4px #0000004d}.theme-dark .sponsorships .container .hero-section .hero-content .contact-btn{align-items:center;background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.theme-dark .sponsorships .container .hero-section .hero-content .contact-btn svg{font-size:18px;transition:transform .3s ease}.theme-dark .sponsorships .container .hero-section .hero-content .contact-btn:hover{opacity:.9}.theme-dark .sponsorships .container .hero-section .hero-content .contact-btn:hover svg{transform:translateX(5px)}.theme-dark .sponsorships .container .tabs-container{margin-bottom:40px}.theme-dark .sponsorships .container .tabs-container .tabs{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.theme-dark .sponsorships .container .tabs-container .tabs::-webkit-scrollbar{height:4px}.theme-dark .sponsorships .container .tabs-container .tabs::-webkit-scrollbar-track{background:#333;border-radius:4px}.theme-dark .sponsorships .container .tabs-container .tabs::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.theme-dark .sponsorships .container .tabs-container .tabs .tab{align-items:center;background-color:#333;border:none;border-radius:8px;color:#f5f5f5;cursor:pointer;display:flex;font-size:15px;font-weight:500;gap:8px;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.theme-dark .sponsorships .container .tabs-container .tabs .tab svg{color:#aaa;font-size:18px}.theme-dark .sponsorships .container .tabs-container .tabs .tab:hover{background-color:#2d2d2d}.theme-dark .sponsorships .container .tabs-container .tabs .tab.active{background-color:#2078f4;color:#fff}.theme-dark .sponsorships .container .tabs-container .tabs .tab.active svg{color:#fff}.theme-dark .sponsorships .container .section-header{margin-bottom:30px;text-align:center}.theme-dark .sponsorships .container .section-header h2{color:#f5f5f5;font-size:28px;font-weight:700;margin-bottom:10px}.theme-dark .sponsorships .container .section-header p{color:#aaa;font-size:16px;margin:0 auto;max-width:600px}.theme-dark .sponsorships .container .sponsorship-levels-section{margin-bottom:50px}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:30px}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card{background-color:#333;border-radius:12px;box-shadow:0 4px 15px #00000014;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card.popular{border:2px solid #2078f4}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card.popular .popular-tag{background-color:#2078f4;color:#fff;font-size:12px;font-weight:600;padding:5px 15px;position:absolute;right:0;top:0;z-index:2}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-header{padding:25px 20px;position:relative;text-align:center}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-header .level-icon{align-items:center;background-color:#fff3;border-radius:50%;color:#fff;display:flex;height:50px;justify-content:center;margin:0 auto 15px;width:50px}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-header .level-icon svg{font-size:25px}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-header h3{color:#fff;font-size:22px;font-weight:700;margin-bottom:10px}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-header .level-price{color:#fff;font-size:18px;font-weight:500}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content{padding:25px}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .level-description{color:#aaa;font-size:14px;line-height:1.5;margin-bottom:20px;min-height:40px}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .benefits-list{margin-bottom:25px}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .benefits-list h4{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:15px}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .benefits-list ul{list-style:none;padding:0}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .benefits-list ul li{align-items:flex-start;color:#f5f5f5;display:flex;font-size:14px;margin-bottom:12px}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .benefits-list ul li svg{color:#2078f4;flex-shrink:0;font-size:18px;margin-right:10px;margin-top:2px}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .level-footer .ideal-for{margin-bottom:20px}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .level-footer .ideal-for h4{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:8px}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .level-footer .ideal-for p{color:#aaa;font-size:14px;line-height:1.5}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .level-footer .level-btn{background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:opacity .3s ease;width:100%}.theme-dark .sponsorships .container .sponsorship-levels-section .levels-container .level-card .level-content .level-footer .level-btn:hover{opacity:.9}.theme-dark .sponsorships .container .sponsorship-levels-section .custom-package{background-color:#333;border-radius:12px;padding:25px}.theme-dark .sponsorships .container .sponsorship-levels-section .custom-package .custom-content{align-items:center;display:flex;gap:20px}@media(max-width:768px){.theme-dark .sponsorships .container .sponsorship-levels-section .custom-package .custom-content{flex-direction:column;text-align:center}}.theme-dark .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-icon{align-items:center;background-color:#2c3a6d;border-radius:50%;color:#2078f4;display:flex;flex-shrink:0;height:60px;justify-content:center;width:60px}.theme-dark .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-icon svg{font-size:30px}.theme-dark .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-info{flex:1 1}.theme-dark .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-info h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:5px}.theme-dark .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-info p{color:#aaa;font-size:14px;line-height:1.5}.theme-dark .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-btn{background-color:#0000;border:1px solid #2078f4;border-radius:8px;color:#2078f4;cursor:pointer;flex-shrink:0;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.theme-dark .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-btn:hover{background-color:#2078f4;color:#fff}@media(max-width:768px){.theme-dark .sponsorships .container .sponsorship-levels-section .custom-package .custom-content .custom-btn{margin-top:15px}}.theme-dark .sponsorships .container .benefits-section,.theme-dark .sponsorships .container .events-section,.theme-dark .sponsorships .container .success-section{margin-bottom:50px}.theme-dark .sponsorships .container .benefits-section .benefits-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px}.theme-dark .sponsorships .container .benefits-section .benefits-grid .benefit-card{background-color:#333;border-radius:12px;padding:25px;text-align:center;transition:transform .3s ease}.theme-dark .sponsorships .container .benefits-section .benefits-grid .benefit-card:hover{transform:translateY(-5px)}.theme-dark .sponsorships .container .benefits-section .benefits-grid .benefit-card .benefit-icon{align-items:center;background-color:#2c3a6d;border-radius:50%;color:#2078f4;display:flex;height:60px;justify-content:center;margin:0 auto 15px;width:60px}.theme-dark .sponsorships .container .benefits-section .benefits-grid .benefit-card .benefit-icon svg{font-size:30px}.theme-dark .sponsorships .container .benefits-section .benefits-grid .benefit-card h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:10px}.theme-dark .sponsorships .container .benefits-section .benefits-grid .benefit-card p{color:#aaa;font-size:14px;line-height:1.5}.theme-dark .sponsorships .container .benefits-section .audience-section{background-color:#333;border-radius:12px;padding:30px}.theme-dark .sponsorships .container .benefits-section .audience-section .audience-header{margin-bottom:30px;text-align:center}.theme-dark .sponsorships .container .benefits-section .audience-section .audience-header h3{color:#f5f5f5;font-size:22px;font-weight:600;margin-bottom:10px}.theme-dark .sponsorships .container .benefits-section .audience-section .audience-header p{color:#aaa;font-size:15px}.theme-dark .sponsorships .container .benefits-section .audience-section .audience-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.theme-dark .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-header{align-items:center;display:flex;margin-bottom:20px}.theme-dark .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-header svg{color:#2078f4;font-size:24px;margin-right:10px}.theme-dark .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-header h4{color:#f5f5f5;font-size:18px;font-weight:600}.theme-dark .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-content .stat-item{align-items:center;display:flex;margin-bottom:15px}.theme-dark .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-content .stat-item .stat-label{color:#f5f5f5;font-size:14px;width:80px}.theme-dark .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-content .stat-item .stat-bar{background-color:#222;border-radius:4px;flex:1 1;height:8px;margin:0 15px;overflow:hidden}.theme-dark .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-content .stat-item .stat-bar .stat-fill{background-color:#2078f4;height:100%}.theme-dark .sponsorships .container .benefits-section .audience-section .audience-stats .audience-stat .stat-content .stat-item .stat-value{color:#f5f5f5;font-size:14px;font-weight:600;text-align:right;width:40px}.theme-dark .sponsorships .container .events-section .events-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:25px}.theme-dark .sponsorships .container .events-section .events-grid .event-card{background-color:#333;border-radius:12px;overflow:hidden;transition:transform .3s ease}.theme-dark .sponsorships .container .events-section .events-grid .event-card:hover{transform:translateY(-5px)}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-header{align-items:center;background-color:#2c3a6d;display:flex;padding:15px;position:relative}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-header svg{color:#2078f4;font-size:22px;margin-right:10px}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-header h3{color:#f5f5f5;flex:1 1;font-size:18px;font-weight:600}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-header .available-tag,.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-header .unavailable-tag{border-radius:4px;font-size:11px;font-weight:600;padding:3px 8px;position:absolute;right:15px;top:15px}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-header .available-tag{background-color:#2ecc7133;color:#2ecc71}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-header .unavailable-tag{background-color:#e74c3c33;color:#e74c3c}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-details{padding:20px}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-details .event-date,.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-details .event-location{color:#aaa;font-size:14px;margin-bottom:8px}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-details .event-date{font-weight:600}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-details .event-description{color:#f5f5f5;font-size:14px;line-height:1.5;margin-top:15px}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-footer{border-top:1px solid #444;padding:15px}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-footer .event-btn{background-color:#2078f4;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 15px;transition:opacity .3s ease;width:100%}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-footer .event-btn:hover:not(:disabled){opacity:.9}.theme-dark .sponsorships .container .events-section .events-grid .event-card .event-footer .event-btn:disabled{background-color:#333;color:#aaa;cursor:not-allowed}.theme-dark .sponsorships .container .events-section .calendar-link{text-align:center}.theme-dark .sponsorships .container .events-section .calendar-link a{align-items:center;color:#2078f4;display:inline-flex;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s ease}.theme-dark .sponsorships .container .events-section .calendar-link a svg{font-size:18px;margin-left:5px;transition:transform .3s ease}.theme-dark .sponsorships .container .events-section .calendar-link a:hover{text-decoration:underline}.theme-dark .sponsorships .container .events-section .calendar-link a:hover svg{transform:translateX(5px)}.theme-dark .sponsorships .container .success-section .success-stories{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.theme-dark .sponsorships .container .success-section .success-stories .success-card{background-color:#333;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.theme-dark .sponsorships .container .success-section .success-stories .success-card:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-5px)}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-image{height:160px;position:relative}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-image img{height:100%;object-fit:cover;width:100%}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-image .success-logo{background-color:#fff;border-radius:50%;bottom:-25px;box-shadow:0 2px 8px #00000026;height:50px;left:20px;padding:3px;position:absolute;width:50px}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-image .success-logo img{border-radius:50%;height:100%;object-fit:contain;width:100%}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-content{padding:30px 20px 20px}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-content .success-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-content .success-header h3{color:#f5f5f5;font-size:18px;font-weight:600}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-content .success-header .level-badge{border-radius:4px;font-size:12px;font-weight:600;padding:3px 8px}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-content .success-header .level-badge.bronze{background-color:#cd7f3233;color:#cd7f32}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-content .success-header .level-badge.silver{background-color:#c0c0c033;color:#a9a9a9}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-content .success-header .level-badge.gold{background-color:#ffd70033;color:gold}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-content .success-description{color:#aaa;font-size:14px;line-height:1.5;margin-bottom:20px}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-content .read-more-btn{background-color:#0000;border:1px solid #2078f4;border-radius:6px;color:#2078f4;cursor:pointer;font-size:14px;font-weight:500;padding:8px 15px;transition:all .3s ease}.theme-dark .sponsorships .container .success-section .success-stories .success-card .success-content .read-more-btn:hover{background-color:#2078f4;color:#fff}.theme-dark .sponsorships .container .cta-section{background-color:#333;border-radius:15px;margin:60px 0;padding:50px 30px;text-align:center}.theme-dark .sponsorships .container .cta-section .cta-content{margin:0 auto;max-width:700px}.theme-dark .sponsorships .container .cta-section .cta-content h2{color:#f5f5f5;font-size:28px;font-weight:700;margin-bottom:15px}.theme-dark .sponsorships .container .cta-section .cta-content p{color:#aaa;font-size:16px;margin-bottom:30px}.theme-dark .sponsorships .container .cta-section .cta-content .cta-buttons{display:flex;gap:15px;justify-content:center}@media(max-width:576px){.theme-dark .sponsorships .container .cta-section .cta-content .cta-buttons{flex-direction:column;gap:10px}}.theme-dark .sponsorships .container .cta-section .cta-content .cta-buttons .primary-btn,.theme-dark .sponsorships .container .cta-section .cta-content .cta-buttons .secondary-btn{border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}.theme-dark .sponsorships .container .cta-section .cta-content .cta-buttons .primary-btn{background-color:#2078f4;border:none;color:#fff}.theme-dark .sponsorships .container .cta-section .cta-content .cta-buttons .primary-btn:hover{opacity:.9}.theme-dark .sponsorships .container .cta-section .cta-content .cta-buttons .secondary-btn{background-color:#0000;border:1px solid #2078f4;color:#2078f4}.theme-dark .sponsorships .container .cta-section .cta-content .cta-buttons .secondary-btn:hover{background-color:#2078f4;color:#fff}.theme-dark .sponsorships .container .faq-section{margin-bottom:50px}.theme-dark .sponsorships .container .faq-section .faq-list{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}@media(max-width:576px){.theme-dark .sponsorships .container .faq-section .faq-list{grid-template-columns:1fr}}.theme-dark .sponsorships .container .faq-section .faq-list .faq-item{background-color:#333;border-radius:10px;padding:20px}.theme-dark .sponsorships .container .faq-section .faq-list .faq-item h3{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:10px}.theme-dark .sponsorships .container .faq-section .faq-list .faq-item p{color:#aaa;font-size:14px;line-height:1.5}.theme-dark .sponsorships .container .contact-section{margin-bottom:30px}.theme-dark .sponsorships .container .contact-section .contact-card{background-color:#333;border-radius:12px;margin:0 auto;max-width:450px;padding:30px;text-align:center}.theme-dark .sponsorships .container .contact-section .contact-card .contact-icon{align-items:center;background-color:#2c3a6d;border-radius:50%;color:#2078f4;display:flex;height:70px;justify-content:center;margin:0 auto 20px;width:70px}.theme-dark .sponsorships .container .contact-section .contact-card .contact-icon svg{font-size:35px}.theme-dark .sponsorships .container .contact-section .contact-card h3{color:#f5f5f5;font-size:20px;font-weight:600;margin-bottom:10px}.theme-dark .sponsorships .container .contact-section .contact-card p{color:#aaa;font-size:14px;line-height:1.5;margin-bottom:20px}.theme-dark .sponsorships .container .contact-section .contact-card .contact-info{margin-bottom:20px}.theme-dark .sponsorships .container .contact-section .contact-card .contact-info .contact-item{margin-bottom:10px}.theme-dark .sponsorships .container .contact-section .contact-card .contact-info .contact-item .label{color:#aaa;font-size:14px;font-weight:500;margin-right:5px}.theme-dark .sponsorships .container .contact-section .contact-card .contact-info .contact-item .value{color:#f5f5f5;font-size:14px;font-weight:600}.theme-dark .sponsorships .container .contact-section .contact-card .contact-form-btn{background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:opacity .3s ease;width:100%}.theme-dark .sponsorships .container .contact-section .contact-card .contact-form-btn:hover{opacity:.9}.theme-light .tutorials{padding:20px 70px}@media(max-width:768px){.theme-light .tutorials{padding:15px 20px}}.theme-light .tutorials .container .header{margin-bottom:30px}.theme-light .tutorials .container .header .title-section{margin-bottom:20px}.theme-light .tutorials .container .header .title-section .title{color:#000;font-size:32px;font-weight:700;margin-bottom:8px}.theme-light .tutorials .container .header .title-section .subtitle{color:#555;font-size:16px}.theme-light .tutorials .container .header .search-filters .search-bar{align-items:center;background-color:#f6f3f3;border-radius:8px;display:flex;margin-bottom:20px;padding:12px 15px}.theme-light .tutorials .container .header .search-filters .search-bar svg{color:#555;font-size:20px;margin-right:10px}.theme-light .tutorials .container .header .search-filters .search-bar input{background-color:#0000;border:none;color:#000;flex:1 1;font-size:15px;outline:none}.theme-light .tutorials .container .header .search-filters .search-bar input::placeholder{color:#555}.theme-light .tutorials .container .header .search-filters .filters{display:flex;gap:20px;margin-bottom:20px}@media(max-width:768px){.theme-light .tutorials .container .header .search-filters .filters{flex-direction:column;gap:15px}}.theme-light .tutorials .container .header .search-filters .filters .filter-group{align-items:center;display:flex}@media(max-width:768px){.theme-light .tutorials .container .header .search-filters .filters .filter-group{align-items:flex-start;flex-direction:column;gap:10px}}.theme-light .tutorials .container .header .search-filters .filters .filter-group label{color:#000;font-size:15px;font-weight:600;margin-right:15px;white-space:nowrap}.theme-light .tutorials .container .header .search-filters .filters .filter-group select{background-color:#f6f3f3;border:none;border-radius:8px;color:#000;font-size:14px;min-width:150px;outline:none;padding:10px 15px}.theme-light .tutorials .container .header .search-filters .filters .filter-group select option{background-color:#fff;color:#000}.theme-light .tutorials .container .header .search-filters .filters .filter-group .category-buttons{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.theme-light .tutorials .container .header .search-filters .filters .filter-group .category-buttons::-webkit-scrollbar{height:4px}.theme-light .tutorials .container .header .search-filters .filters .filter-group .category-buttons::-webkit-scrollbar-track{background:#f6f3f3;border-radius:4px}.theme-light .tutorials .container .header .search-filters .filters .filter-group .category-buttons::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.theme-light .tutorials .container .header .search-filters .filters .filter-group .category-buttons .category-btn{align-items:center;background-color:#f6f3f3;border:none;border-radius:20px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.theme-light .tutorials .container .header .search-filters .filters .filter-group .category-buttons .category-btn svg{font-size:16px}.theme-light .tutorials .container .header .search-filters .filters .filter-group .category-buttons .category-btn:hover{background-color:#f0f0f0}.theme-light .tutorials .container .header .search-filters .filters .filter-group .category-buttons .category-btn.active{background-color:#2078f4;color:#fff}.theme-light .tutorials .container .featured-tutorial{background-color:#f6f3f3;border-radius:12px;display:flex;flex-direction:column;margin-bottom:40px;overflow:hidden}@media(min-width:992px){.theme-light .tutorials .container .featured-tutorial{flex-direction:row;height:380px}}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-media{flex:1 1;min-height:250px;position:relative}@media(min-width:992px){.theme-light .tutorials .container .featured-tutorial .featured-tutorial-media{max-width:55%}}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-media img{height:100%;object-fit:cover;width:100%}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-media .play-overlay{align-items:center;background:linear-gradient(0deg,#000000b3 0,#0000 60%);display:flex;inset:0;justify-content:center;position:absolute}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-media .play-overlay .play-btn{align-items:center;background-color:#fff3;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:70px;justify-content:center;transition:all .3s ease;width:70px}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-media .play-overlay .play-btn svg{font-size:40px}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-media .play-overlay .play-btn:hover{background-color:#fff6;transform:scale(1.1)}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content{display:flex;flex:1 1;flex-direction:column;padding:25px}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-label{background-color:#2078f4;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:15px;padding:5px 10px;text-transform:uppercase}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-title{color:#000;font-size:24px;font-weight:700;margin-bottom:20px}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}@media(min-width:768px){.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta{align-items:center;flex-direction:row;justify-content:space-between}}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .author{align-items:center;display:flex}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .author img{border-radius:50%;height:50px;margin-right:12px;width:50px}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .author .author-info .author-name{align-items:center;color:#000;display:flex;font-size:16px;font-weight:600}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .author .author-info .author-name .verified-icon{color:#2078f4;font-size:14px;margin-left:5px}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .author .author-info .author-stats{color:#555;font-size:13px}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats{display:flex;gap:20px}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat{align-items:center;display:flex;flex-direction:column}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stat-value{color:#000;font-size:16px;font-weight:600;margin-bottom:4px}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stat-label{color:#555;font-size:12px}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stars{display:flex}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stars .star{color:#ffc107;font-size:16px}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stars .star.empty{color:#555}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stars .star.half{position:relative}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stars .star.half:after{background-color:#fff;content:"";height:100%;position:absolute;right:0;top:0;width:50%;z-index:1}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-description{color:#000;font-size:15px;line-height:1.5;margin-bottom:20px}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions{display:flex;gap:15px;margin-top:auto}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .primary-btn,.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .secondary-btn{border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}@media(max-width:768px){.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .primary-btn,.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .secondary-btn{flex:1 1}}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .primary-btn{background-color:#2078f4;border:none;color:#fff}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .primary-btn:hover{opacity:.9}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .secondary-btn{background-color:#0000;border:1px solid #2078f4;color:#2078f4}.theme-light .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .secondary-btn:hover{background-color:#2078f4;color:#fff}.theme-light .tutorials .container .tutorials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;margin-bottom:40px}@media(min-width:768px){.theme-light .tutorials .container .tutorials-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.theme-light .tutorials .container .tutorials-grid{grid-template-columns:repeat(3,1fr)}}.theme-light .tutorials .container .tutorials-grid .tutorial-card{background-color:#f6f3f3;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.theme-light .tutorials .container .tutorials-grid .tutorial-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-header{position:relative}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image{height:180px;position:relative}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image img{height:100%;object-fit:cover;width:100%}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image .tutorial-overlay{align-items:center;background:linear-gradient(0deg,#000000b3 0,#0000 60%);display:flex;inset:0;justify-content:center;position:absolute}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image .tutorial-overlay .play-button{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image .tutorial-overlay .play-button svg{font-size:30px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image .tutorial-overlay .play-button:hover{background-color:#fff6;transform:scale(1.1)}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image .tutorial-overlay .tutorial-duration{background-color:#0009;border-radius:4px;bottom:10px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;position:absolute;right:10px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .level-badge{background-color:#0009;border-radius:4px;color:#fff;font-size:12px;font-weight:500;left:10px;padding:4px 8px;position:absolute;text-transform:capitalize;top:10px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .progress-bar{background-color:#ffffff4d;bottom:0;height:5px;left:0;position:absolute;width:100%}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .progress-bar .progress-fill{background-color:#2078f4;height:100%}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .progress-bar .progress-text{background-color:#2078f4;border-radius:4px;bottom:8px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:10px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content{padding:20px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info{margin-bottom:15px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#000;display:-webkit-box;font-size:18px;font-weight:600;margin-bottom:10px;overflow:hidden}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-author{align-items:center;color:#000;display:flex;font-size:14px;margin-bottom:12px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-author .author-avatar{align-items:center;background-color:#e3e9ff;border-radius:50%;color:#555;display:flex;height:28px;justify-content:center;margin-right:10px;width:28px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-author .author-avatar svg{font-size:16px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-author .verified-icon{color:#2078f4;font-size:14px;margin-left:5px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:12px;overflow:hidden}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-meta{align-items:center;display:flex;justify-content:space-between}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-meta .rating{align-items:center;display:flex}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-meta .rating .star{color:#ffc107;font-size:16px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-meta .rating .star.empty{color:#555}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-meta .rating .rating-value{color:#000;font-size:14px;font-weight:600;margin-left:5px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-meta .views{color:#555;font-size:13px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-actions{display:flex;justify-content:space-between;margin-bottom:15px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-actions .action-btn{align-items:center;background-color:#0000;border:none;color:#555;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:4px;padding:0;transition:color .3s ease}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-actions .action-btn svg{font-size:20px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-actions .action-btn.active,.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-actions .action-btn:hover{color:#2078f4}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .steps-toggle{align-items:center;background-color:#0000;border:none;color:#2078f4;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;margin:0 auto;padding:5px;transition:all .3s ease}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .steps-toggle svg{transition:transform .3s ease}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .steps-toggle svg.expanded{transform:rotate(180deg)}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .steps-toggle:hover{opacity:.8}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps{border-top:1px solid #d3d3d3;margin-top:15px;padding-top:15px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps h4{color:#000;font-size:16px;font-weight:600;margin-bottom:12px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul{list-style:none;margin-bottom:20px;padding:0}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li{align-items:flex-start;color:#000;cursor:pointer;display:flex;font-size:14px;margin-bottom:12px;transition:all .3s ease}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li:hover{color:#2078f4}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li.completed{color:#555;text-decoration:line-through}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li.completed .step-checkbox .completed-icon{color:#2078f4}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li .step-checkbox{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:10px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li .step-checkbox .empty-checkbox{border:2px solid #555;border-radius:4px;height:16px;width:16px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li .step-checkbox .completed-icon{font-size:20px}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li .step-text{line-height:1.5}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps .track-progress{text-align:center}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps .track-progress .start-practice-btn{align-items:center;background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps .track-progress .start-practice-btn svg{font-size:16px;transition:transform .3s ease}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps .track-progress .start-practice-btn:hover{opacity:.9}.theme-light .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps .track-progress .start-practice-btn:hover svg{transform:translateX(5px)}.theme-light .tutorials .container .tutorials-grid .no-tutorials{background-color:#f6f3f3;border-radius:12px;grid-column:1/-1;padding:40px 20px;text-align:center}.theme-light .tutorials .container .tutorials-grid .no-tutorials h3{color:#000;font-size:20px;font-weight:600;margin-bottom:10px}.theme-light .tutorials .container .tutorials-grid .no-tutorials p{color:#555;font-size:15px;margin-bottom:20px}.theme-light .tutorials .container .tutorials-grid .no-tutorials button{background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:opacity .3s ease}.theme-light .tutorials .container .tutorials-grid .no-tutorials button:hover{opacity:.9}.theme-light .tutorials .container .tutorials-footer{background-color:#f6f3f3;border-radius:12px;margin-bottom:20px;padding:30px;text-align:center}.theme-light .tutorials .container .tutorials-footer h3{color:#000;font-size:22px;font-weight:700;margin-bottom:10px}.theme-light .tutorials .container .tutorials-footer p{color:#555;font-size:15px;margin-bottom:20px}.theme-light .tutorials .container .tutorials-footer .create-tutorial-btn{align-items:center;background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.theme-light .tutorials .container .tutorials-footer .create-tutorial-btn svg{font-size:18px;transition:transform .3s ease}.theme-light .tutorials .container .tutorials-footer .create-tutorial-btn:hover{opacity:.9}.theme-light .tutorials .container .tutorials-footer .create-tutorial-btn:hover svg{transform:translateX(5px)}.theme-dark .tutorials{padding:20px 70px}@media(max-width:768px){.theme-dark .tutorials{padding:15px 20px}}.theme-dark .tutorials .container .header{margin-bottom:30px}.theme-dark .tutorials .container .header .title-section{margin-bottom:20px}.theme-dark .tutorials .container .header .title-section .title{color:#f5f5f5;font-size:32px;font-weight:700;margin-bottom:8px}.theme-dark .tutorials .container .header .title-section .subtitle{color:#aaa;font-size:16px}.theme-dark .tutorials .container .header .search-filters .search-bar{align-items:center;background-color:#333;border-radius:8px;display:flex;margin-bottom:20px;padding:12px 15px}.theme-dark .tutorials .container .header .search-filters .search-bar svg{color:#aaa;font-size:20px;margin-right:10px}.theme-dark .tutorials .container .header .search-filters .search-bar input{background-color:#0000;border:none;color:#f5f5f5;flex:1 1;font-size:15px;outline:none}.theme-dark .tutorials .container .header .search-filters .search-bar input::placeholder{color:#aaa}.theme-dark .tutorials .container .header .search-filters .filters{display:flex;gap:20px;margin-bottom:20px}@media(max-width:768px){.theme-dark .tutorials .container .header .search-filters .filters{flex-direction:column;gap:15px}}.theme-dark .tutorials .container .header .search-filters .filters .filter-group{align-items:center;display:flex}@media(max-width:768px){.theme-dark .tutorials .container .header .search-filters .filters .filter-group{align-items:flex-start;flex-direction:column;gap:10px}}.theme-dark .tutorials .container .header .search-filters .filters .filter-group label{color:#f5f5f5;font-size:15px;font-weight:600;margin-right:15px;white-space:nowrap}.theme-dark .tutorials .container .header .search-filters .filters .filter-group select{background-color:#333;border:none;border-radius:8px;color:#f5f5f5;font-size:14px;min-width:150px;outline:none;padding:10px 15px}.theme-dark .tutorials .container .header .search-filters .filters .filter-group select option{background-color:#222;color:#f5f5f5}.theme-dark .tutorials .container .header .search-filters .filters .filter-group .category-buttons{display:flex;gap:10px;overflow-x:auto;padding-bottom:5px}.theme-dark .tutorials .container .header .search-filters .filters .filter-group .category-buttons::-webkit-scrollbar{height:4px}.theme-dark .tutorials .container .header .search-filters .filters .filter-group .category-buttons::-webkit-scrollbar-track{background:#333;border-radius:4px}.theme-dark .tutorials .container .header .search-filters .filters .filter-group .category-buttons::-webkit-scrollbar-thumb{background:#aaa;border-radius:4px}.theme-dark .tutorials .container .header .search-filters .filters .filter-group .category-buttons .category-btn{align-items:center;background-color:#333;border:none;border-radius:20px;color:#f5f5f5;cursor:pointer;display:flex;font-size:14px;gap:6px;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.theme-dark .tutorials .container .header .search-filters .filters .filter-group .category-buttons .category-btn svg{font-size:16px}.theme-dark .tutorials .container .header .search-filters .filters .filter-group .category-buttons .category-btn:hover{background-color:#2d2d2d}.theme-dark .tutorials .container .header .search-filters .filters .filter-group .category-buttons .category-btn.active{background-color:#2078f4;color:#fff}.theme-dark .tutorials .container .featured-tutorial{background-color:#333;border-radius:12px;display:flex;flex-direction:column;margin-bottom:40px;overflow:hidden}@media(min-width:992px){.theme-dark .tutorials .container .featured-tutorial{flex-direction:row;height:380px}}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-media{flex:1 1;min-height:250px;position:relative}@media(min-width:992px){.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-media{max-width:55%}}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-media img{height:100%;object-fit:cover;width:100%}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-media .play-overlay{align-items:center;background:linear-gradient(0deg,#000000b3 0,#0000 60%);display:flex;inset:0;justify-content:center;position:absolute}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-media .play-overlay .play-btn{align-items:center;background-color:#fff3;border:2px solid #fff;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:70px;justify-content:center;transition:all .3s ease;width:70px}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-media .play-overlay .play-btn svg{font-size:40px}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-media .play-overlay .play-btn:hover{background-color:#fff6;transform:scale(1.1)}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content{display:flex;flex:1 1;flex-direction:column;padding:25px}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-label{background-color:#2078f4;border-radius:4px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:15px;padding:5px 10px;text-transform:uppercase}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-title{color:#f5f5f5;font-size:24px;font-weight:700;margin-bottom:20px}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}@media(min-width:768px){.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta{align-items:center;flex-direction:row;justify-content:space-between}}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .author{align-items:center;display:flex}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .author img{border-radius:50%;height:50px;margin-right:12px;width:50px}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .author .author-info .author-name{align-items:center;color:#f5f5f5;display:flex;font-size:16px;font-weight:600}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .author .author-info .author-name .verified-icon{color:#2078f4;font-size:14px;margin-left:5px}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .author .author-info .author-stats{color:#aaa;font-size:13px}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats{display:flex;gap:20px}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat{align-items:center;display:flex;flex-direction:column}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stat-value{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:4px}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stat-label{color:#aaa;font-size:12px}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stars{display:flex}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stars .star{color:#ffc107;font-size:16px}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stars .star.empty{color:#aaa}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stars .star.half{position:relative}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-meta .featured-stats .stat .stars .star.half:after{background-color:#222;content:"";height:100%;position:absolute;right:0;top:0;width:50%;z-index:1}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-description{color:#f5f5f5;font-size:15px;line-height:1.5;margin-bottom:20px}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions{display:flex;gap:15px;margin-top:auto}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .primary-btn,.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .secondary-btn{border-radius:8px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease}@media(max-width:768px){.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .primary-btn,.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .secondary-btn{flex:1 1}}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .primary-btn{background-color:#2078f4;border:none;color:#fff}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .primary-btn:hover{opacity:.9}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .secondary-btn{background-color:#0000;border:1px solid #2078f4;color:#2078f4}.theme-dark .tutorials .container .featured-tutorial .featured-tutorial-content .featured-actions .secondary-btn:hover{background-color:#2078f4;color:#fff}.theme-dark .tutorials .container .tutorials-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr;margin-bottom:40px}@media(min-width:768px){.theme-dark .tutorials .container .tutorials-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1200px){.theme-dark .tutorials .container .tutorials-grid{grid-template-columns:repeat(3,1fr)}}.theme-dark .tutorials .container .tutorials-grid .tutorial-card{background-color:#333;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.theme-dark .tutorials .container .tutorials-grid .tutorial-card:hover{box-shadow:0 8px 25px #00000026;transform:translateY(-5px)}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-header{position:relative}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image{height:180px;position:relative}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image img{height:100%;object-fit:cover;width:100%}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image .tutorial-overlay{align-items:center;background:linear-gradient(0deg,#000000b3 0,#0000 60%);display:flex;inset:0;justify-content:center;position:absolute}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image .tutorial-overlay .play-button{align-items:center;background-color:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image .tutorial-overlay .play-button svg{font-size:30px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image .tutorial-overlay .play-button:hover{background-color:#fff6;transform:scale(1.1)}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .tutorial-image .tutorial-overlay .tutorial-duration{background-color:#0009;border-radius:4px;bottom:10px;color:#fff;font-size:12px;font-weight:500;padding:4px 8px;position:absolute;right:10px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .level-badge{background-color:#0009;border-radius:4px;color:#fff;font-size:12px;font-weight:500;left:10px;padding:4px 8px;position:absolute;text-transform:capitalize;top:10px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .progress-bar{background-color:#ffffff4d;bottom:0;height:5px;left:0;position:absolute;width:100%}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .progress-bar .progress-fill{background-color:#2078f4;height:100%}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-header .progress-bar .progress-text{background-color:#2078f4;border-radius:4px;bottom:8px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;position:absolute;right:10px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content{padding:20px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info{margin-bottom:15px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#f5f5f5;display:-webkit-box;font-size:18px;font-weight:600;margin-bottom:10px;overflow:hidden}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-author{align-items:center;color:#f5f5f5;display:flex;font-size:14px;margin-bottom:12px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-author .author-avatar{align-items:center;background-color:#2c3a6d;border-radius:50%;color:#aaa;display:flex;height:28px;justify-content:center;margin-right:10px;width:28px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-author .author-avatar svg{font-size:16px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-author .verified-icon{color:#2078f4;font-size:14px;margin-left:5px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#aaa;display:-webkit-box;font-size:14px;line-height:1.5;margin-bottom:12px;overflow:hidden}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-meta{align-items:center;display:flex;justify-content:space-between}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-meta .rating{align-items:center;display:flex}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-meta .rating .star{color:#ffc107;font-size:16px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-meta .rating .star.empty{color:#aaa}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-meta .rating .rating-value{color:#f5f5f5;font-size:14px;font-weight:600;margin-left:5px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-info .tutorial-meta .views{color:#aaa;font-size:13px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-actions{display:flex;justify-content:space-between;margin-bottom:15px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-actions .action-btn{align-items:center;background-color:#0000;border:none;color:#aaa;cursor:pointer;display:flex;flex-direction:column;font-size:12px;gap:4px;padding:0;transition:color .3s ease}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-actions .action-btn svg{font-size:20px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-actions .action-btn.active,.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-actions .action-btn:hover{color:#2078f4}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .steps-toggle{align-items:center;background-color:#0000;border:none;color:#2078f4;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:5px;margin:0 auto;padding:5px;transition:all .3s ease}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .steps-toggle svg{transition:transform .3s ease}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .steps-toggle svg.expanded{transform:rotate(180deg)}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .steps-toggle:hover{opacity:.8}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps{border-top:1px solid #444;margin-top:15px;padding-top:15px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps h4{color:#f5f5f5;font-size:16px;font-weight:600;margin-bottom:12px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul{list-style:none;margin-bottom:20px;padding:0}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li{align-items:flex-start;color:#f5f5f5;cursor:pointer;display:flex;font-size:14px;margin-bottom:12px;transition:all .3s ease}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li:hover{color:#2078f4}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li.completed{color:#aaa;text-decoration:line-through}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li.completed .step-checkbox .completed-icon{color:#2078f4}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li .step-checkbox{align-items:center;display:flex;flex-shrink:0;justify-content:center;margin-right:10px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li .step-checkbox .empty-checkbox{border:2px solid #aaa;border-radius:4px;height:16px;width:16px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li .step-checkbox .completed-icon{font-size:20px}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps ul li .step-text{line-height:1.5}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps .track-progress{text-align:center}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps .track-progress .start-practice-btn{align-items:center;background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps .track-progress .start-practice-btn svg{font-size:16px;transition:transform .3s ease}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps .track-progress .start-practice-btn:hover{opacity:.9}.theme-dark .tutorials .container .tutorials-grid .tutorial-card .tutorial-content .tutorial-steps .track-progress .start-practice-btn:hover svg{transform:translateX(5px)}.theme-dark .tutorials .container .tutorials-grid .no-tutorials{background-color:#333;border-radius:12px;grid-column:1/-1;padding:40px 20px;text-align:center}.theme-dark .tutorials .container .tutorials-grid .no-tutorials h3{color:#f5f5f5;font-size:20px;font-weight:600;margin-bottom:10px}.theme-dark .tutorials .container .tutorials-grid .no-tutorials p{color:#aaa;font-size:15px;margin-bottom:20px}.theme-dark .tutorials .container .tutorials-grid .no-tutorials button{background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:opacity .3s ease}.theme-dark .tutorials .container .tutorials-grid .no-tutorials button:hover{opacity:.9}.theme-dark .tutorials .container .tutorials-footer{background-color:#333;border-radius:12px;margin-bottom:20px;padding:30px;text-align:center}.theme-dark .tutorials .container .tutorials-footer h3{color:#f5f5f5;font-size:22px;font-weight:700;margin-bottom:10px}.theme-dark .tutorials .container .tutorials-footer p{color:#aaa;font-size:15px;margin-bottom:20px}.theme-dark .tutorials .container .tutorials-footer .create-tutorial-btn{align-items:center;background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:10px;padding:12px 24px;transition:all .3s ease}.theme-dark .tutorials .container .tutorials-footer .create-tutorial-btn svg{font-size:18px;transition:transform .3s ease}.theme-dark .tutorials .container .tutorials-footer .create-tutorial-btn:hover{opacity:.9}.theme-dark .tutorials .container .tutorials-footer .create-tutorial-btn:hover svg{transform:translateX(5px)}.theme-light .courses{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-x:hidden;padding:20px;width:100%}@media(max-width:768px){.theme-light .courses{padding:15px}}.theme-light .courses .container{max-width:100%;width:100%}.theme-light .courses .container .courses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}@media(max-width:768px){.theme-light .courses .container .courses-header{align-items:flex-start;flex-direction:column;gap:15px}}.theme-light .courses .container .courses-header .title{color:#000;font-size:28px;font-weight:600}.theme-light .courses .container .courses-header .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.theme-light .courses .container .courses-header .header-actions .search-box{align-items:center;background-color:#f6f3f3;border-radius:8px;display:flex;padding:8px 15px;width:250px}@media(max-width:480px){.theme-light .courses .container .courses-header .header-actions .search-box{width:100%}}.theme-light .courses .container .courses-header .header-actions .search-box svg{color:#555;flex-shrink:0;margin-right:10px}.theme-light .courses .container .courses-header .header-actions .search-box input{background-color:#0000;border:none;color:#000;outline:none;width:100%}.theme-light .courses .container .courses-header .header-actions .search-box input::placeholder{color:#555}.theme-light .courses .container .courses-header .header-actions .filter-btn{align-items:center;background-color:#f6f3f3;border:none;border-radius:8px;color:#000;cursor:pointer;display:flex;flex-shrink:0;font-weight:500;gap:5px;padding:8px 15px;transition:background-color .3s}.theme-light .courses .container .courses-header .header-actions .filter-btn:hover{background-color:#f0f0f0}.theme-light .courses .container .courses-header .header-actions .notification-icon{cursor:pointer;flex-shrink:0;position:relative}.theme-light .courses .container .courses-header .header-actions .notification-icon svg{color:#000;font-size:24px}.theme-light .courses .container .courses-header .header-actions .notification-icon .notification-badge{align-items:center;background-color:#2078f4;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.theme-light .courses .container .courses-tabs{border-bottom:1px solid #d3d3d3;display:flex;margin-bottom:25px;overflow-x:auto;scrollbar-width:none}.theme-light .courses .container .courses-tabs::-webkit-scrollbar{display:none}.theme-light .courses .container .courses-tabs .courses-tab{background:#0000;border:none;color:#555;cursor:pointer;font-size:16px;font-weight:500;margin-right:25px;padding:10px 5px;position:relative;transition:color .3s;white-space:nowrap}.theme-light .courses .container .courses-tabs .courses-tab:hover{color:#000}.theme-light .courses .container .courses-tabs .courses-tab.active{color:#2078f4;font-weight:600}.theme-light .courses .container .courses-tabs .courses-tab.active:after{background-color:#2078f4;border-radius:3px 3px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.theme-light .courses .container .courses-content{display:flex;flex-wrap:nowrap;gap:20px}@media(max-width:1200px){.theme-light .courses .container .courses-content{flex-direction:column}}.theme-light .courses .container .courses-content .sidebar{align-self:flex-start;flex:0 0 240px;max-height:calc(100vh - 110px);overflow-y:auto;position:sticky;scrollbar-width:thin;top:90px;width:240px}.theme-light .courses .container .courses-content .sidebar::-webkit-scrollbar{width:4px}.theme-light .courses .container .courses-content .sidebar::-webkit-scrollbar-thumb{background-color:#555;border-radius:4px}@media(max-width:1200px){.theme-light .courses .container .courses-content .sidebar{flex:1 0 auto;max-height:none;max-width:100%;position:relative;top:0;width:100%}}.theme-light .courses .container .courses-content .sidebar .categories-section,.theme-light .courses .container .courses-content .sidebar .user-progress-section{background-color:#f6f3f3;border-radius:12px;box-sizing:border-box;margin-bottom:25px;padding:20px;width:100%}.theme-light .courses .container .courses-content .sidebar .categories-section h3,.theme-light .courses .container .courses-content .sidebar .user-progress-section h3{color:#000;font-size:18px;font-weight:600;margin-bottom:15px}.theme-light .courses .container .courses-content .sidebar .categories-section h4,.theme-light .courses .container .courses-content .sidebar .user-progress-section h4{color:#000;font-size:16px;font-weight:500;margin:20px 0 15px}.theme-light .courses .container .courses-content .sidebar .categories-list{display:flex;flex-direction:column;gap:10px;width:100%}.theme-light .courses .container .courses-content .sidebar .categories-list .category-item{align-items:center;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;padding:10px;transition:background-color .3s;width:100%}.theme-light .courses .container .courses-content .sidebar .categories-list .category-item:hover{background-color:#f0f0f0}.theme-light .courses .container .courses-content .sidebar .categories-list .category-item.active{background-color:#e3e9ff}.theme-light .courses .container .courses-content .sidebar .categories-list .category-item.active .category-icon{color:#2078f4}.theme-light .courses .container .courses-content .sidebar .categories-list .category-item.active .category-name{color:#2078f4;font-weight:600}.theme-light .courses .container .courses-content .sidebar .categories-list .category-item .category-icon{align-items:center;color:#555;display:flex;flex-shrink:0;margin-right:12px}.theme-light .courses .container .courses-content .sidebar .categories-list .category-item .category-name{color:#000;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-light .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item{background-color:#fff;border-radius:8px;display:flex;margin-bottom:10px;padding:12px}.theme-light .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item .class-time{align-items:center;background-color:#2078f4;border-radius:6px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-right:15px;padding:8px;width:70px}.theme-light .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item .class-time .day{font-size:12px;font-weight:500}.theme-light .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item .class-time .time{font-size:14px;font-weight:600}.theme-light .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item .class-info{display:flex;flex-direction:column;justify-content:center}.theme-light .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item .class-info .class-title{color:#000;font-size:14px;font-weight:500;margin-bottom:5px}.theme-light .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item .class-info .time-remaining{color:#555;font-size:12px}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item{background-color:#fff;border-radius:8px;display:flex;margin-bottom:12px;padding:12px;position:relative}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-image{border-radius:6px;height:60px;margin-right:15px;overflow:hidden;width:60px}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-image img{height:100%;object-fit:cover;width:100%}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info{flex:1 1}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .achievement-title{color:#000;font-size:14px;font-weight:500;margin-bottom:5px}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .achievement-badge{align-items:center;color:#2078f4;display:flex;font-size:12px;font-weight:500;margin-bottom:8px}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .achievement-badge svg{font-size:14px;margin-right:5px}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .progress-container{align-items:center;display:flex;margin-bottom:5px}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .progress-container .progress-bar{background-color:#f6f3f3;border-radius:3px;flex:1 1;height:6px;margin-right:10px;overflow:hidden}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .progress-container .progress-bar .progress-fill{background-color:#2078f4;height:100%}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .progress-container .progress-text{color:#555;font-size:12px;min-width:35px}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .achievement-milestone{color:#555;font-size:12px}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item .share-achievement-btn{background-color:#0000;border:none;color:#555;cursor:pointer;position:absolute;right:10px;top:10px}.theme-light .courses .container .courses-content .sidebar .achievements .achievement-item .share-achievement-btn:hover{color:#2078f4}.theme-light .courses .container .courses-content .sidebar .achievements .view-all-achievements{align-items:center;background-color:#0000;border:1px solid #d3d3d3;border-radius:6px;color:#000;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px;transition:background-color .3s;width:100%}.theme-light .courses .container .courses-content .sidebar .achievements .view-all-achievements svg{margin-left:5px}.theme-light .courses .container .courses-content .sidebar .achievements .view-all-achievements:hover{background-color:#f0f0f0}.theme-light .courses .container .courses-content .main-content{flex:1 1;overflow:visible;width:100%}.theme-light .courses .container .courses-content .main-content .courses-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px;width:100%}@media(max-width:768px){.theme-light .courses .container .courses-content .main-content .courses-grid{grid-template-columns:1fr}}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card{background-color:#f6f3f3;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image{height:180px;position:relative}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image img{height:100%;object-fit:cover;width:100%}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges{display:flex;flex-wrap:wrap;gap:5px;left:10px;position:absolute;top:10px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges .badge{background-color:#000000b3;border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges .badge.trending{background-color:#ff3b30e6}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges .badge.top-rated{background-color:#34c759e6}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges .badge.bestseller{background-color:#ffcc00e6;color:#333}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges .badge.new{background-color:#007affe6}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges .badge.popular{background-color:#af52dee6}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-actions{bottom:10px;display:flex;gap:8px;position:absolute;right:10px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-actions .action-button{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .3s,transform .2s;width:36px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-actions .action-button:hover{background-color:#fff;transform:scale(1.1)}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-actions .action-button.bookmark:hover,.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-actions .action-button.share:hover{color:#2078f4}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info{padding:20px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-category{color:#555;font-size:13px;margin-bottom:8px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-title{color:#000;font-size:18px;font-weight:600;line-height:1.3;margin-bottom:15px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-info{align-items:center;display:flex}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-info img{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-info .coach-name{align-items:center;color:#000;display:flex;font-size:14px;font-weight:500}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-info .coach-name .verified-icon{color:#2078f4;font-size:16px;margin-left:5px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-actions{display:flex;gap:8px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-actions .coach-action{align-items:center;background-color:#fff;border:none;border-radius:50%;color:#000;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .3s;width:32px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-actions .coach-action:hover{background-color:#f0f0f0;color:#2078f4}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats .course-rating{align-items:center;display:flex}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats .course-rating .star-icon{color:#ccc;font-size:16px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats .course-rating .star-icon.filled,.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats .course-rating .star-icon.half{color:#ffb400}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats .course-rating .rating-text{color:#555;font-size:13px;margin-left:8px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats .enrollment-count .enrolled-text{color:#555;font-size:13px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-details{background-color:#fff;border-radius:8px;margin-bottom:15px;padding:12px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-details .detail-item{display:flex;justify-content:space-between;margin-bottom:5px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-details .detail-item:last-child{margin-bottom:0}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-details .detail-item .detail-label{color:#555;font-size:13px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-details .detail-item .detail-value{color:#000;font-size:13px;font-weight:500}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .social-proof{align-items:center;color:#555;display:flex;font-size:13px;margin-bottom:15px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .social-proof .social-icon{color:#ff5b5b;font-size:16px;margin-right:8px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-achievements{margin-bottom:15px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-achievements .achievements-label{color:#555;display:block;font-size:13px;margin-bottom:8px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-achievements .achievements-list{display:flex;flex-wrap:wrap;gap:8px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-achievements .achievements-list .achievement-badge{align-items:center;background-color:#fff;border-radius:6px;color:#000;display:flex;font-size:12px;padding:6px 10px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-achievements .achievements-list .achievement-badge svg{color:#2078f4;font-size:14px;margin-right:5px}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-price-row{align-items:center;display:flex;justify-content:space-between}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-price-row .course-price{color:#000;font-size:20px;font-weight:600}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-price-row .enroll-button{background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .3s}.theme-light .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-price-row .enroll-button:hover{opacity:.9}.theme-light .courses .container .courses-content .main-content .user-content-section{background-color:#f6f3f3;border-radius:12px;margin-bottom:30px;padding:20px}.theme-light .courses .container .courses-content .main-content .user-content-section .section-title{align-items:center;color:#000;display:flex;font-size:20px;font-weight:600;justify-content:space-between;margin-bottom:20px}.theme-light .courses .container .courses-content .main-content .user-content-section .section-title .view-all{color:#2078f4;cursor:pointer;font-size:14px;font-weight:500}.theme-light .courses .container .courses-content .main-content .user-content-section .section-title .view-all:hover{text-decoration:underline}.theme-light .courses .container .courses-content .main-content .user-content-section .user-photos-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.theme-light .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo{border-radius:8px;cursor:pointer;height:180px;overflow:hidden;position:relative}.theme-light .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.theme-light .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo:hover img{transform:scale(1.05)}.theme-light .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo:hover .photo-overlay{opacity:1}.theme-light .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo .photo-overlay{align-items:flex-end;background:linear-gradient(0deg,#000c 0,#0000004d 50%,#0000);display:flex;height:100%;left:0;opacity:.8;position:absolute;top:0;transition:opacity .3s;width:100%}.theme-light .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content{padding:15px;width:100%}.theme-light .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content .overlay-title{color:#fff;font-size:14px;font-weight:500;margin-bottom:4px}.theme-light .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content .overlay-user{color:#fffc;font-size:12px;margin-bottom:8px}.theme-light .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content .like-icon{color:#ff5b5b;font-size:14px;margin-right:5px;vertical-align:middle}.theme-light .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content span{color:#fff;font-size:12px}.theme-light .courses .container .courses-content .main-content .user-content-section .upload-training-btn{align-items:center;background-color:#0000;border:1px dashed #d3d3d3;border-radius:8px;color:#000;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:15px;transition:background-color .3s;width:100%}.theme-light .courses .container .courses-content .main-content .user-content-section .upload-training-btn svg{color:#2078f4}.theme-light .courses .container .courses-content .main-content .user-content-section .upload-training-btn:hover{background-color:#f0f0f0}.theme-dark .courses{box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-x:hidden;padding:20px;width:100%}@media(max-width:768px){.theme-dark .courses{padding:15px}}.theme-dark .courses .container{max-width:100%;width:100%}.theme-dark .courses .container .courses-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}@media(max-width:768px){.theme-dark .courses .container .courses-header{align-items:flex-start;flex-direction:column;gap:15px}}.theme-dark .courses .container .courses-header .title{color:#f5f5f5;font-size:28px;font-weight:600}.theme-dark .courses .container .courses-header .header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.theme-dark .courses .container .courses-header .header-actions .search-box{align-items:center;background-color:#333;border-radius:8px;display:flex;padding:8px 15px;width:250px}@media(max-width:480px){.theme-dark .courses .container .courses-header .header-actions .search-box{width:100%}}.theme-dark .courses .container .courses-header .header-actions .search-box svg{color:#aaa;flex-shrink:0;margin-right:10px}.theme-dark .courses .container .courses-header .header-actions .search-box input{background-color:#0000;border:none;color:#f5f5f5;outline:none;width:100%}.theme-dark .courses .container .courses-header .header-actions .search-box input::placeholder{color:#aaa}.theme-dark .courses .container .courses-header .header-actions .filter-btn{align-items:center;background-color:#333;border:none;border-radius:8px;color:#f5f5f5;cursor:pointer;display:flex;flex-shrink:0;font-weight:500;gap:5px;padding:8px 15px;transition:background-color .3s}.theme-dark .courses .container .courses-header .header-actions .filter-btn:hover{background-color:#2d2d2d}.theme-dark .courses .container .courses-header .header-actions .notification-icon{cursor:pointer;flex-shrink:0;position:relative}.theme-dark .courses .container .courses-header .header-actions .notification-icon svg{color:#f5f5f5;font-size:24px}.theme-dark .courses .container .courses-header .header-actions .notification-icon .notification-badge{align-items:center;background-color:#2078f4;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-5px;width:18px}.theme-dark .courses .container .courses-tabs{border-bottom:1px solid #444;display:flex;margin-bottom:25px;overflow-x:auto;scrollbar-width:none}.theme-dark .courses .container .courses-tabs::-webkit-scrollbar{display:none}.theme-dark .courses .container .courses-tabs .courses-tab{background:#0000;border:none;color:#aaa;cursor:pointer;font-size:16px;font-weight:500;margin-right:25px;padding:10px 5px;position:relative;transition:color .3s;white-space:nowrap}.theme-dark .courses .container .courses-tabs .courses-tab:hover{color:#f5f5f5}.theme-dark .courses .container .courses-tabs .courses-tab.active{color:#2078f4;font-weight:600}.theme-dark .courses .container .courses-tabs .courses-tab.active:after{background-color:#2078f4;border-radius:3px 3px 0 0;bottom:-1px;content:"";height:3px;left:0;position:absolute;width:100%}.theme-dark .courses .container .courses-content{display:flex;flex-wrap:nowrap;gap:20px}@media(max-width:1200px){.theme-dark .courses .container .courses-content{flex-direction:column}}.theme-dark .courses .container .courses-content .sidebar{align-self:flex-start;flex:0 0 240px;max-height:calc(100vh - 110px);overflow-y:auto;position:sticky;scrollbar-width:thin;top:90px;width:240px}.theme-dark .courses .container .courses-content .sidebar::-webkit-scrollbar{width:4px}.theme-dark .courses .container .courses-content .sidebar::-webkit-scrollbar-thumb{background-color:#aaa;border-radius:4px}@media(max-width:1200px){.theme-dark .courses .container .courses-content .sidebar{flex:1 0 auto;max-height:none;max-width:100%;position:relative;top:0;width:100%}}.theme-dark .courses .container .courses-content .sidebar .categories-section,.theme-dark .courses .container .courses-content .sidebar .user-progress-section{background-color:#333;border-radius:12px;box-sizing:border-box;margin-bottom:25px;padding:20px;width:100%}.theme-dark .courses .container .courses-content .sidebar .categories-section h3,.theme-dark .courses .container .courses-content .sidebar .user-progress-section h3{color:#f5f5f5;font-size:18px;font-weight:600;margin-bottom:15px}.theme-dark .courses .container .courses-content .sidebar .categories-section h4,.theme-dark .courses .container .courses-content .sidebar .user-progress-section h4{color:#f5f5f5;font-size:16px;font-weight:500;margin:20px 0 15px}.theme-dark .courses .container .courses-content .sidebar .categories-list{display:flex;flex-direction:column;gap:10px;width:100%}.theme-dark .courses .container .courses-content .sidebar .categories-list .category-item{align-items:center;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;padding:10px;transition:background-color .3s;width:100%}.theme-dark .courses .container .courses-content .sidebar .categories-list .category-item:hover{background-color:#2d2d2d}.theme-dark .courses .container .courses-content .sidebar .categories-list .category-item.active{background-color:#2c3a6d}.theme-dark .courses .container .courses-content .sidebar .categories-list .category-item.active .category-icon{color:#2078f4}.theme-dark .courses .container .courses-content .sidebar .categories-list .category-item.active .category-name{color:#2078f4;font-weight:600}.theme-dark .courses .container .courses-content .sidebar .categories-list .category-item .category-icon{align-items:center;color:#aaa;display:flex;flex-shrink:0;margin-right:12px}.theme-dark .courses .container .courses-content .sidebar .categories-list .category-item .category-name{color:#f5f5f5;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-dark .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item{background-color:#222;border-radius:8px;display:flex;margin-bottom:10px;padding:12px}.theme-dark .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item .class-time{align-items:center;background-color:#2078f4;border-radius:6px;color:#fff;display:flex;flex-direction:column;justify-content:center;margin-right:15px;padding:8px;width:70px}.theme-dark .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item .class-time .day{font-size:12px;font-weight:500}.theme-dark .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item .class-time .time{font-size:14px;font-weight:600}.theme-dark .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item .class-info{display:flex;flex-direction:column;justify-content:center}.theme-dark .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item .class-info .class-title{color:#f5f5f5;font-size:14px;font-weight:500;margin-bottom:5px}.theme-dark .courses .container .courses-content .sidebar .upcoming-classes .upcoming-class-item .class-info .time-remaining{color:#aaa;font-size:12px}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item{background-color:#222;border-radius:8px;display:flex;margin-bottom:12px;padding:12px;position:relative}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-image{border-radius:6px;height:60px;margin-right:15px;overflow:hidden;width:60px}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-image img{height:100%;object-fit:cover;width:100%}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info{flex:1 1}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .achievement-title{color:#f5f5f5;font-size:14px;font-weight:500;margin-bottom:5px}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .achievement-badge{align-items:center;color:#2078f4;display:flex;font-size:12px;font-weight:500;margin-bottom:8px}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .achievement-badge svg{font-size:14px;margin-right:5px}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .progress-container{align-items:center;display:flex;margin-bottom:5px}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .progress-container .progress-bar{background-color:#333;border-radius:3px;flex:1 1;height:6px;margin-right:10px;overflow:hidden}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .progress-container .progress-bar .progress-fill{background-color:#2078f4;height:100%}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .progress-container .progress-text{color:#aaa;font-size:12px;min-width:35px}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item .achievement-info .achievement-milestone{color:#aaa;font-size:12px}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item .share-achievement-btn{background-color:#0000;border:none;color:#aaa;cursor:pointer;position:absolute;right:10px;top:10px}.theme-dark .courses .container .courses-content .sidebar .achievements .achievement-item .share-achievement-btn:hover{color:#2078f4}.theme-dark .courses .container .courses-content .sidebar .achievements .view-all-achievements{align-items:center;background-color:#0000;border:1px solid #444;border-radius:6px;color:#f5f5f5;cursor:pointer;display:flex;font-size:14px;justify-content:center;padding:8px;transition:background-color .3s;width:100%}.theme-dark .courses .container .courses-content .sidebar .achievements .view-all-achievements svg{margin-left:5px}.theme-dark .courses .container .courses-content .sidebar .achievements .view-all-achievements:hover{background-color:#2d2d2d}.theme-dark .courses .container .courses-content .main-content{flex:1 1;overflow:visible;width:100%}.theme-dark .courses .container .courses-content .main-content .courses-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:40px;width:100%}@media(max-width:768px){.theme-dark .courses .container .courses-content .main-content .courses-grid{grid-template-columns:1fr}}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card{background-color:#333;border-radius:12px;overflow:hidden;transition:transform .3s,box-shadow .3s}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-5px)}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image{height:180px;position:relative}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image img{height:100%;object-fit:cover;width:100%}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges{display:flex;flex-wrap:wrap;gap:5px;left:10px;position:absolute;top:10px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges .badge{background-color:#000000b3;border-radius:4px;color:#fff;font-size:11px;font-weight:500;padding:4px 8px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges .badge.trending{background-color:#ff3b30e6}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges .badge.top-rated{background-color:#34c759e6}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges .badge.bestseller{background-color:#ffcc00e6;color:#333}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges .badge.new{background-color:#007affe6}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-badges .badge.popular{background-color:#af52dee6}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-actions{bottom:10px;display:flex;gap:8px;position:absolute;right:10px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-actions .action-button{align-items:center;background-color:#ffffffe6;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .3s,transform .2s;width:36px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-actions .action-button:hover{background-color:#fff;transform:scale(1.1)}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-actions .action-button.bookmark:hover,.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-image .course-actions .action-button.share:hover{color:#2078f4}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info{padding:20px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-category{color:#aaa;font-size:13px;margin-bottom:8px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-title{color:#f5f5f5;font-size:18px;font-weight:600;line-height:1.3;margin-bottom:15px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-info{align-items:center;display:flex}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-info img{border-radius:50%;height:32px;margin-right:10px;object-fit:cover;width:32px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-info .coach-name{align-items:center;color:#f5f5f5;display:flex;font-size:14px;font-weight:500}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-info .coach-name .verified-icon{color:#2078f4;font-size:16px;margin-left:5px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-actions{display:flex;gap:8px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-actions .coach-action{align-items:center;background-color:#222;border:none;border-radius:50%;color:#f5f5f5;cursor:pointer;display:flex;height:32px;justify-content:center;transition:background-color .3s;width:32px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-meta .coach-actions .coach-action:hover{background-color:#2d2d2d;color:#2078f4}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats .course-rating{align-items:center;display:flex}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats .course-rating .star-icon{color:#ccc;font-size:16px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats .course-rating .star-icon.filled,.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats .course-rating .star-icon.half{color:#ffb400}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats .course-rating .rating-text{color:#aaa;font-size:13px;margin-left:8px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-stats .enrollment-count .enrolled-text{color:#aaa;font-size:13px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-details{background-color:#222;border-radius:8px;margin-bottom:15px;padding:12px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-details .detail-item{display:flex;justify-content:space-between;margin-bottom:5px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-details .detail-item:last-child{margin-bottom:0}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-details .detail-item .detail-label{color:#aaa;font-size:13px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-details .detail-item .detail-value{color:#f5f5f5;font-size:13px;font-weight:500}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .social-proof{align-items:center;color:#aaa;display:flex;font-size:13px;margin-bottom:15px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .social-proof .social-icon{color:#ff5b5b;font-size:16px;margin-right:8px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-achievements{margin-bottom:15px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-achievements .achievements-label{color:#aaa;display:block;font-size:13px;margin-bottom:8px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-achievements .achievements-list{display:flex;flex-wrap:wrap;gap:8px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-achievements .achievements-list .achievement-badge{align-items:center;background-color:#222;border-radius:6px;color:#f5f5f5;display:flex;font-size:12px;padding:6px 10px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-achievements .achievements-list .achievement-badge svg{color:#2078f4;font-size:14px;margin-right:5px}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-price-row{align-items:center;display:flex;justify-content:space-between}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-price-row .course-price{color:#f5f5f5;font-size:20px;font-weight:600}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-price-row .enroll-button{background-color:#2078f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background-color .3s}.theme-dark .courses .container .courses-content .main-content .courses-grid .course-card .course-info .course-price-row .enroll-button:hover{opacity:.9}.theme-dark .courses .container .courses-content .main-content .user-content-section{background-color:#333;border-radius:12px;margin-bottom:30px;padding:20px}.theme-dark .courses .container .courses-content .main-content .user-content-section .section-title{align-items:center;color:#f5f5f5;display:flex;font-size:20px;font-weight:600;justify-content:space-between;margin-bottom:20px}.theme-dark .courses .container .courses-content .main-content .user-content-section .section-title .view-all{color:#2078f4;cursor:pointer;font-size:14px;font-weight:500}.theme-dark .courses .container .courses-content .main-content .user-content-section .section-title .view-all:hover{text-decoration:underline}.theme-dark .courses .container .courses-content .main-content .user-content-section .user-photos-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.theme-dark .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo{border-radius:8px;cursor:pointer;height:180px;overflow:hidden;position:relative}.theme-dark .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo img{height:100%;object-fit:cover;transition:transform .3s;width:100%}.theme-dark .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo:hover img{transform:scale(1.05)}.theme-dark .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo:hover .photo-overlay{opacity:1}.theme-dark .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo .photo-overlay{align-items:flex-end;background:linear-gradient(0deg,#000c 0,#0000004d 50%,#0000);display:flex;height:100%;left:0;opacity:.8;position:absolute;top:0;transition:opacity .3s;width:100%}.theme-dark .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content{padding:15px;width:100%}.theme-dark .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content .overlay-title{color:#fff;font-size:14px;font-weight:500;margin-bottom:4px}.theme-dark .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content .overlay-user{color:#fffc;font-size:12px;margin-bottom:8px}.theme-dark .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content .like-icon{color:#ff5b5b;font-size:14px;margin-right:5px;vertical-align:middle}.theme-dark .courses .container .courses-content .main-content .user-content-section .user-photos-grid .user-photo .photo-overlay .overlay-content span{color:#fff;font-size:12px}.theme-dark .courses .container .courses-content .main-content .user-content-section .upload-training-btn{align-items:center;background-color:#0000;border:1px dashed #444;border-radius:8px;color:#f5f5f5;cursor:pointer;display:flex;font-size:14px;gap:8px;justify-content:center;padding:15px;transition:background-color .3s;width:100%}.theme-dark .courses .container .courses-content .main-content .user-content-section .upload-training-btn svg{color:#2078f4}.theme-dark .courses .container .courses-content .main-content .user-content-section .upload-training-btn:hover{background-color:#2d2d2d}.app-layout{display:flex;position:relative}.app-layout .sidebar{bottom:0;position:fixed;top:70px;width:240px;z-index:100}@media(max-width:480px){.app-layout .sidebar{display:none}}@media(max-width:960px){.app-layout .sidebar{display:none}}.app-layout .left-sidebar{left:0}.app-layout .right-sidebar{right:0}.app-layout .main-content{box-sizing:border-box;flex:1 1;margin-left:240px;margin-right:240px;min-height:calc(100vh - 70px);overflow:hidden;position:relative;width:calc(100% - 480px)}@media(max-width:480px){.app-layout .main-content{margin-left:0;margin-right:0;width:100%}}@media(max-width:960px){.app-layout .main-content{margin-left:0;margin-right:0;width:100%}}.auth-layout{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.theme-light .auth-layout{background-color:#fff;color:#000}.theme-light .auth-layout .auth-container{background-color:#fff;border:1px solid #d3d3d3;border-radius:10px;box-shadow:0 0 20px #0000001a;overflow:hidden}.theme-light .auth-layout .auth-container .auth-header{border-bottom:1px solid #d3d3d3;color:#000}.theme-light .auth-layout .auth-container input{background-color:#fff;border:1px solid #d3d3d3;color:#000}.theme-light .auth-layout .auth-container input::placeholder{color:#555}.theme-light .auth-layout .auth-container input:focus{border-color:#2078f4}.theme-light .auth-layout .auth-container button{background-color:#2078f4}.theme-light .auth-layout .auth-container button:hover{background-color:#0b5fd6}.theme-light .auth-layout .auth-container a{color:#2078f4}.theme-light .auth-layout .auth-container a:hover{text-decoration:underline}.theme-dark .auth-layout{background-color:#222;color:#f5f5f5}.theme-dark .auth-layout .auth-container{background-color:#2d2d2d;border:1px solid #444;border-radius:10px;box-shadow:0 0 20px #0000001a;overflow:hidden}.theme-dark .auth-layout .auth-container .auth-header{border-bottom:1px solid #444;color:#f5f5f5}.theme-dark .auth-layout .auth-container input{background-color:#333;border:1px solid #444;color:#f5f5f5}.theme-dark .auth-layout .auth-container input::placeholder{color:#aaa}.theme-dark .auth-layout .auth-container input:focus{border-color:#2078f4}.theme-dark .auth-layout .auth-container button{background-color:#2078f4}.theme-dark .auth-layout .auth-container button:hover{background-color:#0b5fd6}.theme-dark .auth-layout .auth-container a{color:#2078f4}.theme-dark .auth-layout .auth-container a:hover{text-decoration:underline}.theme-dark *{scrollbar-color:#444 #222;scrollbar-width:thin}.theme-dark ::-webkit-scrollbar{height:8px;width:8px}.theme-dark ::-webkit-scrollbar-track{background:#222}.theme-dark ::-webkit-scrollbar-thumb{background-color:#444;border:2px solid #222;border-radius:4px}.theme-dark ::-webkit-scrollbar-thumb:hover{background-color:#555}
/*# sourceMappingURL=main.7ae62479.css.map*/