@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}.categories-page{color:#fff;min-height:100vh;padding:30px}.category-header{margin-bottom:30px}.category-header h2{color:#fff;align-items:center;gap:10px;margin-bottom:8px;font-size:28px;font-weight:700;display:flex}.category-header p{color:#94a3b8;font-size:15px}.category-form{gap:15px;margin-bottom:35px;display:flex}.category-form input{color:#fff;background:#1e293b;border:1px solid #334155;border-radius:12px;outline:none;flex:1;height:52px;padding:0 18px;font-size:16px;transition:all .3s}.category-form input:focus{border-color:#2563eb;box-shadow:0 0 12px #2563eb59}.add-btn,.update-btn{cursor:pointer;color:#fff;border:none;border-radius:12px;align-items:center;gap:8px;height:52px;padding:0 24px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.add-btn{background:#2563eb}.add-btn:hover{background:#1d4ed8}.update-btn{background:#16a34a}.update-btn:hover{background:#15803d}.category-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:22px;display:grid}.category-card{background:#1e293b;border:1px solid #334155;border-radius:18px;padding:22px;transition:all .3s}.category-card:hover{border-color:#2563eb;transform:translateY(-6px);box-shadow:0 12px 30px #00000059}.category-icon{background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:16px;font-size:24px;display:flex}.category-card h3{word-break:break-word;margin-bottom:20px;font-size:20px;font-weight:600}.category-actions{gap:12px;display:flex}.edit-btn,.delete-btn{cursor:pointer;color:#fff;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;height:45px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.empty-box,.loading-box{color:#94a3b8;background:#1e293b;border:1px dashed #475569;border-radius:16px;justify-content:center;align-items:center;height:220px;font-size:18px;display:flex}@media (width<=768px){.categories-page{padding:20px}.category-form{flex-direction:column}.category-form input{width:100%}.add-btn,.update-btn{justify-content:center;width:100%}.category-grid{grid-template-columns:1fr}.category-card{padding:18px}.category-header h2{font-size:24px}}.delete-btn{margin-top:10px!important}@media (width<=768px){.delete-btn{margin-top:15px!important}}@media (width>=769px) and (width<=1024px){.delete-btn{margin-top:15px!important}}@media (width>=1025px){.delete-btn{margin-top:15px!important}}.category-form{align-items:center;gap:15px;width:100%;margin-bottom:35px;display:flex}.category-form input{color:#fff;box-sizing:border-box;background:#1e293b;border:1px solid #334155;border-radius:12px;outline:none;flex:1;width:100%;min-width:0;height:52px;padding:0 18px;font-size:16px}.add-btn,.update-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;min-width:180px;height:52px;padding:0 24px;display:flex}@media (width>=769px) and (width<=1024px){.category-form input{height:60px;padding:0 20px;font-size:17px}.add-btn,.update-btn{height:60px;font-size:16px}}@media (width<=768px){.category-form input{height:58px;padding:20px 18px;font-size:16px}.add-btn,.update-btn{height:58px;font-size:16px}}.creator-sidebar{z-index:1000!important;box-sizing:border-box!important;background:#111827!important;border-right:1px solid #1f2937!important;flex-direction:column!important;width:280px!important;height:100dvh!important;transition:transform .35s,left .35s!important;display:flex!important;position:fixed!important;top:0!important;bottom:0!important;left:0!important;overflow:hidden!important}.sidebar-header{border-bottom:1px solid #1f2937!important;flex-shrink:0!important;justify-content:space-between!important;align-items:center!important;padding:22px 20px!important;display:flex!important}.sidebar-header h2{color:#fff!important;margin:0!important;font-size:26px!important;font-weight:700!important}.close-btn{color:#fff!important;cursor:pointer!important;background:#ef4444!important;border:none!important;border-radius:10px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:38px!important;height:38px!important;display:none!important}.menu{box-sizing:border-box!important;flex-direction:column!important;flex:1!important;gap:8px!important;padding:20px 15px!important;display:flex!important;overflow-y:auto!important}.menu-item{color:#cbd5e1!important;box-sizing:border-box!important;border-radius:12px!important;align-items:center!important;gap:15px!important;padding:14px 18px!important;font-size:16px!important;font-weight:500!important;text-decoration:none!important;transition:all .3s!important;display:flex!important}.menu-item svg{flex-shrink:0!important;font-size:22px!important}.menu-item:hover{color:#fff!important;background:#1e293b!important}.menu-item.active{color:#fff!important;background:linear-gradient(90deg,#ef4444,#dc2626)!important;box-shadow:0 10px 20px #ef44444d!important}.sidebar-footer{box-sizing:border-box!important;background:#111827!important;border-top:1px solid #1f2937!important;flex-shrink:0!important;padding:15px!important}.logout-btn{color:#fff!important;cursor:pointer!important;box-sizing:border-box!important;background:#ef4444!important;border:none!important;border-radius:12px!important;justify-content:center!important;align-items:center!important;gap:10px!important;width:100%!important;height:50px!important;font-size:16px!important;font-weight:600!important;transition:all .3s!important;display:flex!important}.logout-btn svg{flex-shrink:0!important;font-size:20px!important}.logout-btn:hover{background:#dc2626!important;transform:translateY(-2px)!important}.menu::-webkit-scrollbar{width:5px!important}.menu::-webkit-scrollbar-thumb{background:#374151!important;border-radius:10px!important}@media (width<=991px){.creator-sidebar{left:-280px!important}.creator-sidebar.open{left:0!important}.close-btn{display:flex!important}}@media (width<=768px){.creator-sidebar{width:260px!important}.sidebar-header{padding:16px!important}.sidebar-header h2{font-size:22px!important}.menu{padding:12px!important}.menu-item{padding:12px 14px!important;font-size:15px!important}.sidebar-footer{padding:12px!important}.logout-btn{height:46px!important;font-size:15px!important}}.creator-layout-wrapper{color:#fff;background:#05070d;width:100%;min-height:100vh}.mobile-header{z-index:1000;background:#0f172a;border-bottom:1px solid #1f2937;justify-content:space-between;align-items:center;padding:15px 20px;display:none;position:sticky;top:0}.mobile-title{color:#fff;margin:0;font-size:22px;font-weight:700}.menu-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;justify-content:center;align-items:center;width:45px;height:45px;font-size:24px;display:flex}.menu-btn:hover{background:#dc2626}.creator-layout{min-height:100vh;display:flex}.creator-content{background:#05070d;flex:1;min-height:100vh;margin-left:260px;padding:30px;overflow-x:auto}@media (width>=992px){.creator-sidebar{z-index:999;background:#0f172a;border-right:1px solid #1f2937;width:260px;height:100vh;position:fixed;top:0;left:0}}@media (width<=991px){.mobile-header{display:flex}.creator-content{width:100%;margin-left:0;padding:20px}.creator-sidebar{z-index:2000;background:#0f172a;width:260px;height:100vh;transition:all .35s;position:fixed;top:0;left:-280px;overflow-y:auto}.creator-sidebar.open{left:0}}.creator-content::-webkit-scrollbar{width:8px}.creator-content::-webkit-scrollbar-thumb{background:#ef4444;border-radius:20px}.creator-content::-webkit-scrollbar-track{background:#111827}@media (width<=768px){.creator-content{padding:18px}.mobile-title{font-size:20px}.menu-btn{width:42px;height:42px;font-size:22px}}.report-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.report-modal{background:#fff;border-radius:20px;width:760px;padding:34px;animation:.25s popup;box-shadow:0 20px 70px #00000059}.report-header{justify-content:space-between;align-items:flex-start;margin-bottom:25px;display:flex}.report-heading{align-items:flex-start;gap:18px;display:flex}.report-flag{color:#ff2b2b;background:#ffe8e8;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;font-size:28px;display:flex}.report-heading h2{color:#202020;margin:0;font-size:40px;font-weight:700}.report-heading p{color:#777;margin-top:12px;font-size:24px}.report-close{cursor:pointer;color:#222;background:0 0;border:none;font-size:34px}.report-input{margin-top:20px;position:relative}.report-input textarea{resize:none;border:2px solid #ddd;border-radius:18px;outline:none;width:100%;height:260px;padding:24px;font-size:26px}.report-counter{color:#888;font-size:22px;position:absolute;bottom:20px;right:24px}.report-cancel{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:14px;width:180px;height:64px;font-size:24px;font-weight:600}.report-submit:hover{background:#e60000}@keyframes popup{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.report-input textarea{resize:none;background:#fff;border:2px solid #d9d9d9;border-radius:16px;outline:none;width:100%;height:240px;padding:20px;font-family:inherit;font-size:22px;color:#222!important}.report-input textarea::placeholder{color:#9b9b9b}.report-input textarea:focus{border-color:#ff2b2b}.report-footer{justify-content:flex-end;gap:20px;margin-top:28px;display:flex}.report-cancel{color:#222;cursor:pointer;background:#fff;border:2px solid #d8d8d8;border-radius:14px;width:170px;height:58px;font-size:20px;font-weight:600}.report-submit{color:#fff;cursor:pointer;background:#ff2b2b;border:none;border-radius:14px;width:210px;height:58px;font-size:20px;font-weight:700}@media (width<=768px){.report-overlay{padding:20px}.report-modal{border-radius:18px;width:100%;max-width:380px;padding:20px}.report-header{align-items:flex-start}.report-heading{flex:1;gap:12px}.report-flag{flex-shrink:0;width:48px;height:48px;font-size:22px}.report-heading h2{margin:0;font-size:22px;line-height:1.2}.report-heading p{margin-top:6px;font-size:15px;line-height:1.35}.report-close{margin-left:10px;padding:0;font-size:28px}.report-input textarea{border-radius:14px;height:180px;padding:16px;font-size:17px}.report-counter{font-size:15px;bottom:16px;right:18px}.report-footer{flex-direction:column-reverse;gap:12px;margin-top:20px;display:flex}.report-cancel,.report-submit{width:100%;height:52px;font-size:18px}}.video-box{background:#000;border-radius:16px;flex:2;position:relative;overflow:hidden}.player{border:none;width:100%;height:620px}.video-side{background:linear-gradient(145deg,#0f172a,#020617);border:1px solid #ffffff0d;border-radius:16px;flex:1;padding:25px}.live-now{color:red;align-items:center;gap:8px;margin-bottom:15px;font-size:12px;display:flex}@keyframes blink{50%{opacity:.3}}.side-title{margin-bottom:8px;font-size:22px}.side-channel{color:#9ca3af;margin-bottom:15px;font-size:13px}.side-desc{color:#cbd5e1;margin-bottom:20px;font-size:14px}.share-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,red,#ff4d4d);border:none;border-radius:10px;padding:10px 18px}.live-header{justify-content:space-between;margin-bottom:10px;display:flex}.view-all{color:#fff;background:red;border:none;border-radius:20px;padding:6px 12px;font-size:12px}.live-scroll .card{min-width:220px}.card{cursor:pointer;background:#111827;border-radius:12px;overflow:hidden}.live{background:red;border-radius:4px;padding:3px 8px;font-size:12px;position:absolute;top:8px;left:8px}@media (width<=900px){.player-wrapper{flex-direction:column}.player{height:250px}}.live-badge{background:red;border-radius:8px;padding:6px 12px;position:absolute;top:12px;left:12px}.player-wrapper{gap:20px;margin:25px 0;display:flex}.video-box{border-radius:16px;flex:2;position:relative;overflow:hidden}.video-js{border-radius:16px;width:100%;height:420px}.vjs-tech{border-radius:16px}.video-js iframe{pointer-events:auto}.video-side{background:linear-gradient(145deg,#0f172a,#020617);border-radius:16px;flex:1;padding:25px}.live-now{color:red;gap:8px;margin-bottom:10px;display:flex}.live-scroll{gap:16px;display:flex;overflow-x:auto}.card{cursor:pointer;background:#111827;border-radius:12px;min-width:220px;overflow:hidden}.thumb img{width:100%}.live{background:red;padding:3px 8px;font-size:12px;position:absolute;top:8px;left:8px}@media (width<=900px){.player-wrapper{flex-direction:column}.video-js{height:250px}}body{color:#fff;background:#05060b;margin:0;font-family:Segoe UI,sans-serif}.container{max-width:85%;margin:auto}.home{padding:20px}.player-wrapper{grid-template-columns:2fr 1fr;gap:20px;margin-top:20px;display:grid}.video-box{position:relative}.video-js{border-radius:12px;width:100%;height:500px;overflow:hidden}.video-side{background:#0f172a;border-radius:12px;padding:20px}.live-now{color:red;margin-bottom:10px;font-size:12px}.dot{background:red;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.video-side h2{margin:10px 0}.channel{color:#aaa;margin-bottom:10px}.description{color:#ccc;line-height:1.5}.live-section{margin-top:30px}.live-scroll{gap:15px;padding-bottom:10px;display:flex;overflow-x:auto}.card{cursor:pointer;background:#111827;border-radius:10px;min-width:220px;transition:all .3s}@media (width<=768px){.player-wrapper{grid-template-columns:1fr}.video-js{height:250px}}.live-header{align-items:center;margin-bottom:15px;display:flex}.dot-red{background:red;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.live-wrapper{position:relative}.live-scroll{scroll-behavior:smooth;gap:20px;padding:10px 40px;display:flex;overflow-x:auto}.card{background:#111827;border-radius:14px;min-width:240px;transition:all .3s;overflow:hidden}.card:hover{transform:scale(1.05)}.thumb img{border-radius:14px 14px 0 0;width:100%}.thumb .live{background:red;border-radius:6px;padding:4px 10px;font-size:11px;position:absolute;top:10px;left:10px}.card-info{padding:12px}.card-info h4{font-size:14px}.scroll-btn{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;opacity:0;background:#ffffff14;border:none;border-radius:50%;width:45px;height:45px;font-size:20px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.live-wrapper:hover .scroll-btn{opacity:1}.scroll-btn.left{left:5px}.scroll-btn.right{right:5px}.scroll-btn:hover{background:red}.past-header{align-items:center;margin-bottom:15px;display:flex}.dot-gray{background:gray;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.past-wrapper{position:relative}.past-card{cursor:pointer;opacity:.85;background:#111827;border-radius:14px;min-width:240px;transition:all .3s;overflow:hidden}.past-card:hover{opacity:1;transform:scale(1.05)}.past-thumb img{border-radius:14px 14px 0 0;width:100%;display:block}.past-card-info h4{font-size:14px}.past-scroll-btn{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;cursor:pointer;opacity:0;z-index:10;background:#ffffff14;border:none;border-radius:50%;width:45px;height:45px;font-size:20px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.past-wrapper:hover .past-scroll-btn{opacity:1}.past-scroll-btn.left{left:5px}.past-scroll-btn.right{right:5px}.past-scroll-btn:hover{background:red}.video-side{background-color:#30436e00!important}.past-scroll{scroll-behavior:smooth;gap:20px;padding:10px;display:flex;overflow-x:auto}.past-thumb{border-bottom:1px solid #ffffff0d;height:150px;overflow:hidden}.past-card-info{padding:14px}.past-card-info h4{color:#fff;margin-bottom:6px;font-size:15px;font-weight:600;line-height:1.3}.past-card-info p{color:#aaa;font-size:13px}.past-card{cursor:pointer;background:#0c0c0c;border:1px solid #ffffff0d;border-radius:20px;min-width:260px;max-width:260px;transition:all .3s;overflow:hidden}.past-card:hover{border:1px solid #f006;transform:translateY(-6px);box-shadow:0 0 20px #ff000040}.past-thumb{border-radius:14px;width:100%;height:160px;padding:10px;overflow:hidden}.past-thumb img{object-fit:cover;border-radius:12px;width:100%;height:100%}.card,.past-card{background:#0d0d0d;border-radius:16px;flex-direction:column;justify-content:space-between;width:260px;min-width:260px;height:300px;padding:12px;transition:all .3s;display:flex}.card-info h4,.past-card-info h4{-webkit-box-orient:vertical;margin-top:8px;font-size:15px;font-weight:600;display:-webkit-box;overflow:hidden}.card-info p,.past-card-info p{color:#aaa;margin-top:4px;font-size:13px}.card,.past-card{background:#0d0d0d;border-radius:16px;flex-direction:column;justify-content:flex-start;gap:10px;width:260px;min-width:260px;height:300px;padding:12px;transition:all .3s;display:flex}.thumb img,.past-thumb img{object-fit:cover;border-radius:12px;width:100%;height:150px}.card-info,.past-card-info{flex-direction:column;justify-content:flex-start;gap:4px;display:flex}.live-scroll,.past-scroll{align-items:stretch;gap:20px;display:flex}.past-thumb,.thumb{flex-shrink:0}.card-info,.past-card-info{padding:6px 4px}.card-info h4,.past-card-info h4{margin:0;padding-right:6px}.card,.past-card{box-sizing:border-box}.live-scroll{align-items:stretch;gap:20px;display:flex}.card{cursor:pointer;background:linear-gradient(145deg,#0d0d0d,#111);border:1px solid #ffffff0d;border-radius:18px;flex-direction:column;gap:12px;width:260px;min-width:260px;height:300px;padding:14px;transition:all .3s;display:flex}.thumb img{object-fit:cover;width:100%;height:100%;transition:all .3s}.card:hover .thumb img{transform:scale(1.08)}.live{color:#fff;background:red;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;bottom:8px;left:8px}.card-info{flex-direction:column;gap:6px;display:flex}.card-info h4{color:#fff;-webkit-box-orient:vertical;min-height:38px;font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card-info p{color:#aaa;align-items:center;gap:6px;font-size:13px;display:flex}.card-info p:before{content:"●";color:red;font-size:10px}.card:hover .card-info p{color:#fff}.live-scroll{gap:20px;display:flex}.card{cursor:pointer;background:#0b0b0b;border:1px solid #ffffff0d;border-radius:18px;flex-direction:column;justify-content:flex-start;min-width:280px;max-width:280px;height:220px;margin-right:18px;padding:14px;transition:all .3s;display:flex}.thumb img{object-fit:cover;border-radius:14px;width:100%;height:100%}.thumb .live{color:#fff;background:red;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:8px;left:8px}.card-info{margin-top:10px;padding:0 2px}.card-info h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:15px;font-weight:600;overflow:hidden}.card-info p{color:#aaa;font-size:12px}.live-scroll{scroll-behavior:smooth;gap:18px;padding-bottom:10px;display:flex;overflow-x:auto}.live-scroll::-webkit-scrollbar{display:none}.card{min-width:280px;max-width:280px;height:260px}.category{color:#ff4d4d;background:#ff00001a;border-radius:6px;width:fit-content;margin-top:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.card,.past-card{box-sizing:border-box;flex-direction:column!important;justify-content:flex-start!important;width:280px!important;min-width:280px!important;max-width:280px!important;height:260px!important;display:flex!important}.thumb,.past-thumb{border-radius:12px;overflow:hidden;width:100%!important;height:140px!important}.thumb img,.past-thumb img{object-fit:cover!important;width:100%!important;height:100%!important}.card-info,.past-card-info{gap:4px;padding:4px 6px;flex-direction:column!important;display:flex!important}.card-info h4,.past-card-info h4{-webkit-box-orient:vertical;min-height:36px;font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.card-info p,.past-card-info p{color:#aaa;font-size:12px}.live-scroll,.past-scroll{gap:18px;display:flex;align-items:stretch!important}.card,.past-card{padding:14px!important}.category{color:#fff;background:#ff00001a;border-radius:6px;width:fit-content;padding:2px 8px;font-size:11px;background:0 0!important}.live-scroll .card-info p{color:#b8c1d1!important;text-align:left!important;white-space:nowrap!important;text-overflow:ellipsis!important;margin-top:8px!important;margin-bottom:0!important;font-size:16px!important;font-weight:500!important;line-height:1.4!important;overflow:hidden!important}.live-scroll .card-info p,.live-scroll .card-info p span{color:#b8c1d1!important;text-shadow:none!important}.live-scroll .card-info p span:first-child{margin-right:6px;color:#ff3b3b!important}.live-scroll .past-card{flex-shrink:0;min-width:365px;max-width:365px}.live-scroll .past-thumb{position:relative}.live-scroll .live{color:#fff;z-index:10;background:#ff2d55;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:700;position:absolute;top:12px;left:12px}.live-scroll .past-card-info h4{margin-bottom:8px}.live-scroll .past-card-info p{color:#b9c2d0;font-size:15px;font-weight:500}.past-wrapper{align-items:center;width:100%;display:flex;position:relative}.past-scroll{scroll-behavior:smooth;scrollbar-width:none;align-items:stretch;gap:24px;width:100%;padding:10px 50px;overflow:auto hidden;display:flex!important}.past-scroll::-webkit-scrollbar{display:none}.past-card{flex:0 0 320px;min-width:320px;max-width:320px}.live-section,.past-section{box-sizing:border-box;width:100%;margin:50px 0 0;padding:0 24px}.live-header,.past-header{margin-bottom:24px;padding-left:12px}.live-wrapper,.past-wrapper{align-items:center;width:100%;display:flex;position:relative}.live-scroll,.past-scroll{scroll-behavior:smooth;scrollbar-width:none;align-items:flex-start;gap:28px;width:100%;padding:8px 50px 20px;overflow:auto hidden;display:flex!important}.live-scroll::-webkit-scrollbar{display:none}.past-scroll::-webkit-scrollbar{display:none}.live-scroll .past-card,.past-scroll .past-card{flex:0 0 360px;min-width:360px;max-width:360px}.live-scroll .past-thumb,.past-scroll .past-thumb{height:200px}.live-scroll .past-thumb img,.past-scroll .past-thumb img{object-fit:cover;border-radius:14px;width:100%;height:100%}.live-scroll .past-card-info,.past-scroll .past-card-info{padding:18px 20px 22px}.live-scroll .past-card-info h4,.past-scroll .past-card-info h4{margin-bottom:10px;font-size:18px;font-weight:700}.live-scroll .past-card-info p,.past-scroll .past-card-info p{color:#9ca3af;font-size:16px}.scroll-btn,.past-scroll-btn{z-index:20;top:42%;transform:translateY(-50%)}.scroll-btn.left,.past-scroll-btn.left{left:0}.scroll-btn.right,.past-scroll-btn.right{right:0}.live-section{margin-bottom:40px}.past-section{margin-top:20px}.past-card-info,.card-info{padding:0 20px 2px!important}.past-card-info p,.card-info p{color:#9ca3af!important;margin-top:0!important;margin-bottom:0!important;font-size:16px!important;font-weight:500!important;line-height:24px!important;display:block!important}.past-card,.card{padding-bottom:8px!important}.live-scroll .past-thumb{border-radius:16px!important;position:relative!important;overflow:hidden!important}.live-scroll .live-card-badge{pointer-events:none;color:#fff!important;text-transform:uppercase!important;letter-spacing:.6px!important;z-index:100!important;background:#ff2d55!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:3px 12px!important;font-size:13px!important;font-weight:700!important;display:flex!important;position:absolute!important;top:14px!important;left:14px!important;box-shadow:0 8px 20px #ff2d5559!important}.video-actions{align-items:center;gap:20px;margin-top:25px;display:flex}.action-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;font-size:15px;transition:all .3s;display:flex}.action-icon{font-size:24px}.action-btn span{color:#d1d5db;font-size:16px;font-weight:600}.action-box{flex-direction:column;align-items:center;gap:12px;display:flex}.action-circle{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:all .35s;display:flex}.action-circle svg{font-size:26px}.action-circle:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-4px);box-shadow:0 12px 30px #2563eb73}.action-box span{color:#cbd5e1;font-size:15px;font-weight:600}.action-circle{color:#d1d5db;cursor:pointer;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;background:0 0!important}.action-circle svg{font-size:22px;transition:all .3s}.action-circle:hover{border-color:#3b82f6;transform:translateY(-3px);box-shadow:0 0 18px #0000;background:0 0!important}.action-circle:hover svg{color:#3b82f6;transform:scale(1.15)}.action-circle{color:#fff;cursor:pointer;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin:0;line-height:1;transition:all .3s;display:flex;overflow:hidden;background:0 0!important;padding:0!important}.action-circle svg{flex-shrink:0;width:22px;height:22px;display:block;margin:0!important;padding:0!important}.video-actions{border-top:1px solid #ffffff14;align-items:center;gap:35px;margin-top:28px;padding-top:20px;display:flex}.action-btn{color:#fff;cursor:pointer;background:0 0;border:none;align-items:center;gap:10px;font-size:17px;font-weight:600;transition:all .3s;display:flex}.action-btn span{color:#d1d5db;font-size:16px}.action-btn:hover{color:#3b82f6;transform:translateY(-2px)}.action-btn:hover span{color:#3b82f6}.comments-header h3{color:#fff;font-size:24px;font-weight:700}.comment-input-area textarea{resize:none;color:#fff;background:#111827;border:1px solid #ffffff14;border-radius:14px;outline:none;width:100%;min-height:95px;padding:15px;font-size:15px}.comment-input-area textarea::placeholder{color:#94a3b8}.comment-icons svg{color:#94a3b8;cursor:pointer;font-size:20px;transition:all .3s}.comment-icons svg:hover{color:#3b82f6}.comment-post-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;padding:10px 28px;font-size:15px;font-weight:600;transition:all .3s}.comment-post-btn:hover{background:#dc2626}.comments-list{flex-direction:column;gap:22px;display:flex}.comment-item{border-bottom:1px solid #ffffff14;gap:16px;padding-bottom:18px;display:flex}.comment-user{object-fit:cover;border-radius:50%;width:46px;height:46px}.menu-icon{color:#94a3b8;cursor:pointer;margin-left:auto}.view-comments{text-align:center;color:#3b82f6;cursor:pointer;margin-top:25px;font-weight:600}.suggest-wrapper{background:#0f172a;border:1px solid #ffffff14;border-radius:18px;padding:22px;min-height:670px!important}.suggest-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.suggest-header h3{color:#fff;font-size:22px}.suggest-header span{color:#3b82f6;cursor:pointer}.suggest-list{flex-direction:column;gap:18px;display:flex}.suggest-card{cursor:pointer;background:#111827;border:1px solid #ffffff0d;border-radius:14px;gap:14px;padding:12px;transition:all .3s;display:flex}.suggest-card:hover{border-color:#ef4444;transform:translateY(-3px);box-shadow:0 8px 20px #ef444426}.suggest-thumb{border-radius:10px;flex-shrink:0;width:150px;height:85px;position:relative;overflow:hidden}.suggest-thumb img{object-fit:cover;width:100%;height:100%;transition:all .35s}.suggest-card:hover .suggest-thumb img{transform:scale(1.08)}.video-duration{color:#fff;background:#000000d9;border-radius:4px;padding:3px 6px;font-size:11px;position:absolute;bottom:6px;right:6px}.suggest-info{flex-direction:column;flex:1;justify-content:center;display:flex}.suggest-info h4{color:#fff;margin:0 0 8px;font-size:15px;font-weight:600;line-height:1.4}.suggest-info p{color:#94a3b8;margin:0 0 8px;font-size:13px}.suggest-meta{color:#94a3b8;flex-wrap:wrap;gap:14px;font-size:12px;display:flex}.suggest-meta span{align-items:center;gap:6px;display:flex}.suggest-meta svg{color:#ef4444}@media (width<=1100px){.bottom-section{grid-template-columns:1fr}.suggest-wrapper{margin-top:20px}}@media (width<=768px){.comment-input-card{flex-direction:column}.comment-avatar{width:42px;height:42px}.comment-toolbar{flex-direction:column;align-items:flex-start;gap:15px}.suggest-card{flex-direction:column}.suggest-thumb{width:100%;height:180px}}.bottom-section{grid-template-columns:2fr 1fr;align-items:start;gap:20px;margin-top:25px;display:grid}.comments-wrapper{background:#101728;border:1px solid #ffffff14;border-radius:16px;padding:18px}.comments-header h3{margin-bottom:15px;font-size:20px}.comment-avatar{border-radius:50%;width:40px;height:40px}.comment-input-area textarea{color:#fff;background:#141d2d;border-radius:10px;width:100%;min-height:65px;padding:12px;font-size:14px}.comment-toolbar{margin-top:10px}.comment-icons{gap:14px}.comment-icons svg{font-size:18px}.comment-post-btn{border-radius:8px;padding:8px 22px;font-size:14px}.comments-list{gap:15px}.comment-item{gap:12px;padding:12px 0}.comment-user{width:40px;height:40px}.comment-top{margin-bottom:5px}.comment-top h4{font-size:15px}.comment-top span{font-size:12px}.comment-body p{font-size:14px;line-height:1.5}.suggest-wrapper{background:#101728;border:1px solid #ffffff14;border-radius:16px;padding:16px}.suggest-header{margin-bottom:14px}.suggest-header h3{font-size:18px}.suggest-header span{font-size:14px}.suggest-list{gap:12px}.suggest-card{border-radius:10px;gap:10px;padding:10px}.suggest-thumb{width:115px;height:65px}.video-duration{padding:2px 5px;font-size:10px}.suggest-info h4{margin-bottom:5px;font-size:15px;line-height:1.3}.suggest-info p{margin-bottom:6px;font-size:13px}.suggest-meta{gap:10px;font-size:12px}@media (width<=992px){.bottom-section{grid-template-columns:1fr}.suggest-wrapper{margin-top:18px}}.comments-wrapper{background:#101728;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;height:670px;padding:18px;display:flex}.comments-header{margin-bottom:15px}.comments-header h3{color:#fff;font-size:20px}.comment-input-card{gap:12px;margin-bottom:15px;display:flex}.comment-avatar{object-fit:cover;border-radius:50%;width:42px;height:42px}.comment-input-area{flex:1}.comment-input-area textarea{resize:none;color:#fff;background:#141d2d;border:1px solid #ffffff14;border-radius:10px;width:100%;height:65px;padding:12px;font-size:14px}.comment-toolbar{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.comment-icons{gap:14px;display:flex}.comment-icons svg{color:#9ca3af;cursor:pointer;font-size:18px}.comment-post-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:8px;padding:8px 22px}.comments-list{flex:1;margin-top:15px;padding-right:5px;overflow-y:auto}.comments-list::-webkit-scrollbar{width:6px}.comments-list::-webkit-scrollbar-thumb{background:#374151;border-radius:20px}.comment-item{border-bottom:1px solid #ffffff0f;gap:12px;padding:12px 0;display:flex}.comment-user{border-radius:50%;width:38px;height:38px}.comment-body{flex:1}.comment-top{align-items:center;gap:8px;margin-bottom:5px;display:flex}.comment-top h4{color:#fff;margin:0;font-size:15px}.comment-body p{color:#d1d5db;margin:0;font-size:14px;line-height:1.5}.menu-icon{color:#94a3b8;margin-left:auto}.view-comments{text-align:center;color:#3b82f6;cursor:pointer;margin-top:12px;font-size:14px;font-weight:600}.comments-wrapper{flex-direction:column;display:flex;min-height:520px!important}.comments-list{flex-direction:column;flex:unset;gap:14px;margin-top:15px;padding-right:6px;display:flex;overflow-y:auto;max-height:300px!important}.view-comments{text-align:center;color:#3b82f6;border-top:1px solid #ffffff14;padding-top:14px;font-size:15px;font-weight:600}.comment-item{padding:10px 0}.comment-input-area textarea{min-height:58px;max-height:58px}.video-actions{border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;gap:20px;margin-top:25px;padding-top:18px;display:flex}.action-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:8px;font-size:18px;font-weight:600;transition:all .3s;display:flex}.action-btn svg{font-size:22px}.action-btn:hover{color:#ff4d4d}.action-btn.active{color:#2563eb}.suggest-header h3{color:#fff;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.suggest-icon{color:#3b82f6;font-size:22px}.like-count{color:#9ca3af;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.like-icon{color:#2563eb;font-size:15px}.emoji-wrapper{position:relative}.emoji-btn{cursor:pointer;color:#9ca3af;font-size:22px;transition:all .3s}.emoji-btn:hover{color:#2563eb}.emoji-popup{z-index:9999;position:absolute;bottom:45px;left:0;box-shadow:0 10px 25px #0006}.menu-btn{color:#fff;cursor:pointer;background:#1b2235;border:none;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;transition:all .3s;display:flex}.menu-btn svg{font-size:28px}.menu-btn:hover,.menu-btn:focus,.menu-btn:active{color:#fff;box-shadow:none;outline:none;background:#1b2235!important}.comment-menu{margin-left:auto;position:relative}.menu-icon{cursor:pointer;color:#9ca3af;font-size:18px;transition:all .25s}.menu-icon:hover{color:#fff}.comment-popup{z-index:1000;background:#1d2435;border:1px solid #ffffff14;border-radius:14px;width:170px;padding:8px;animation:.18s popup;position:absolute;top:28px;right:0;box-shadow:0 15px 35px #00000073}.comment-popup:before{content:"";background:#1d2435;border-top:1px solid #ffffff14;border-left:1px solid #ffffff14;width:14px;height:14px;position:absolute;top:-7px;right:18px;transform:rotate(45deg)}.report-option{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:16px;font-weight:500;transition:all .25s;display:flex}.report-option:hover{background:#2b3448}.report-option span{text-align:left;flex:1}.comment-avatar{object-fit:cover;border:2px solid #ffffff14;border-radius:50%;flex-shrink:0;width:48px;height:48px}.comment-input-card canvas{border-radius:50%;flex-shrink:0;width:48px!important;height:48px!important}.comment-icons .emoji-wrapper{align-items:center;display:flex}@media (width<=768px){.comment-icons .emoji-wrapper{display:none}}html,body{color:#fff;background-attachment:fixed;margin:0;padding:0;font-family:Segoe UI,sans-serif;background:radial-gradient(circle at top,#2d245c 0%,#0000 45%),linear-gradient(#0b1020 0%,#11163a 45%,#1a1f52 100%)!important}.home{background:0 0!important}.navbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff0f;box-shadow:0 10px 25px #00000059;background:#10122de0!important}.video-box,.video-side,.comments-wrapper,.suggest-wrapper,.card,.past-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff0f;border-radius:22px;box-shadow:0 10px 30px #00000059;background:#252756c7!important}textarea,input{color:#fff!important;border:1px solid #ffffff14!important}.search-box,.search-container input,.category-select,.category-dropdown{color:#fff!important;background:#111420!important;border:1px solid #ffffff14!important}.card,.past-card{transition:all .35s}.card:hover,.past-card:hover{border-color:#6d7cff;transform:translateY(-6px);box-shadow:0 0 25px #6d7cff59}button{transition:all .3s}.comment-input-area textarea{background:#1d2248!important}body:before{content:"";filter:blur(80px);z-index:-1;background:radial-gradient(circle,#6e46ff4d,#0000 70%);width:850px;height:500px;position:fixed;top:-220px;left:50%;transform:translate(-50%)}body:after{content:"";filter:blur(100px);z-index:-1;background:radial-gradient(circle,#5a82ff33,#0000 70%);width:500px;height:500px;position:fixed;bottom:-250px;right:-180px}.no-video{text-align:center;color:#fff;background:linear-gradient(135deg,#1d245f,#2d326f);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:500px;display:flex}.no-video h2{margin-bottom:12px;font-size:34px;font-weight:700}.no-video p{color:#fffc;max-width:500px;font-size:18px;line-height:1.6}.no-comments{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.no-comment-icon{color:#6d7cff;margin-bottom:18px;font-size:70px}.no-comments h4{color:#fff;margin-bottom:10px;font-size:28px;font-weight:700}.no-comments p{color:#bfc5e2;max-width:420px;font-size:17px;line-height:1.6}.video-box{background:#252756;border-radius:20px;width:100%;height:620px;position:relative;overflow:hidden}.no-video{justify-content:center;align-items:center;width:100%;height:620px;padding:40px;display:flex}.no-video-content{text-align:center;max-width:620pxpx}.no-video-icon{color:#7d8cff;margin-bottom:20px;font-size:80px}.no-video h2{color:#fff;margin-bottom:12px;font-size:36px;font-weight:700}.no-video p{color:#c8cde9;margin-bottom:20px;font-size:18px;line-height:1.7}.district-name{color:#fff;background:#ffffff14;border-radius:30px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:600;display:inline-flex}.district-icon{color:#ff4d4f;font-size:20px}.suggest-wrapper-top{flex-direction:column;display:flex}.suggest-list-top{flex-direction:column;gap:16px;height:550px;padding-right:8px;display:flex;overflow:hidden auto}.home-loading{z-index:999999;background:radial-gradient(circle at top,#6d7cff40,#0000 45%),linear-gradient(#0b1020,#171d4b);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;inset:0}.home-loading h2{color:#fff;margin-top:20px;font-size:32px;font-weight:700}.home-loading p{color:#cbd5e1;margin-top:8px;font-size:16px}.vortex-wrapper{justify-content:center;align-items:center;display:flex}.loader-container{justify-content:center;align-items:center;width:180px;height:180px;display:flex;position:relative}.loader-logo{object-fit:contain;background:#fff;border-radius:50%;width:90px;height:90px;padding:8px;position:absolute}.comment-item{border-bottom:1px solid #ffffff14;align-items:flex-start;gap:16px;padding:18px 0;display:flex}.comment-user{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;display:flex;overflow:hidden}.comment-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.comment-body{flex:1;min-width:0}.comment-top{align-items:center;gap:10px;display:flex}.comment-top h4{margin:0;font-size:16px;font-weight:700}.comment-top span{color:#9ca3af;font-size:14px}.comment-body p{color:#fff;margin:8px 0 0;line-height:1.6}@media (width<=900px){.player{height:100%}}.district-video-list{flex-direction:column;gap:18px;max-height:600px;padding-right:6px;display:flex;overflow:hidden auto}.district-video-list::-webkit-scrollbar{width:8px}.district-video-list::-webkit-scrollbar-track{background:#23254d;border-radius:20px}.district-video-list::-webkit-scrollbar-thumb{background:#ff3b3b;border-radius:20px}.video-side{color:#fff;background:linear-gradient(145deg,#2b2b63,#232654);border:1px solid #ffffff14;border-radius:22px;padding:10px;box-shadow:0 15px 35px #00000040}.live-now{color:#ff4242;align-items:center;gap:10px;margin-bottom:22px;font-weight:700;display:inline-flex}.dot{background:#ff4242;border-radius:50%;width:10px;height:10px;animation:1.2s infinite pulse}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}.video-title{margin-bottom:22px;font-size:24px;font-weight:700;line-height:1.3}.channel-box{align-items:center;gap:16px;margin-bottom:22px;display:flex}.channel-avatar{background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:22px;display:flex}.channel{margin:0;font-size:20px;font-weight:600}.verified{color:#9ec5ff;font-size:14px}.location-box{color:#ddd;align-items:center;gap:12px;margin-bottom:25px;font-size:18px;display:flex}.location-box i{color:#ff4040}.description-box{background:#322ad014;border-color:#6c63ff;border-radius:14px;margin-bottom:30px;padding:18px}.description-box h4{color:#fff;margin-bottom:12px}.description{color:#d8d8d8;font-size:17px;line-height:1.7}.video-actions{justify-content:space-between;gap:15px;display:flex}.action-btn{color:#fff;cursor:pointer;background:#353b73;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:10px;padding:14px;font-size:17px;transition:all .3s;display:flex}.action-btn:hover{background:#4450a7;transform:translateY(-3px)}.active-like{background:#2563eb}.active-unlike{background:#ef4444}@media (width<=768px){.video-side{padding:20px}.video-title{font-size:30px}.channel{font-size:20px}.location-box{font-size:16px}.video-actions{flex-direction:column}.action-btn{width:100%}}.description-box{background:#322ad014;border:2px solid #3b82f6;border-radius:20px;flex-direction:column;gap:12px;margin-top:18px;padding:18px;display:flex}.description{color:#e5e7eb;word-break:break-word;text-align:left;margin:0;font-size:16px;line-height:1.8}.description-box{background:#322ad014;border-color:#6c63ff;border-radius:16px;flex-direction:column;gap:12px;margin-top:18px;padding:18px 20px;transition:all .3s;display:flex}.description-box:hover{background:#322ad014;border-color:#6c63ff}.description-box{background:0 0;border:none;flex-direction:column;gap:12px;margin-top:18px;padding:20px;display:flex}.description-box h4{color:#fff;margin:0;font-size:18px;font-weight:700}.description{color:#e5e7eb;word-break:break-word;margin:0;font-size:16px;line-height:1.8}.channel-avatar{color:#fff;background:#4567ae;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex;overflow:hidden}.channel-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.channel-avatar i{font-size:24px}.footer{color:#ccc;background:linear-gradient(#05060b,#020308);border-top:1px solid #111;padding:60px 20px 20px}.footer-container{grid-template-columns:1.5fr 1fr 1fr;align-items:flex-start;gap:60px;max-width:1200px;margin:auto;display:grid}.footer-brand{max-width:350px}.footer-logo-img{object-fit:cover;border-radius:12px;width:90px;height:90px;margin-bottom:15px}.footer-brand h2{color:#fff;margin:10px 0;font-size:22px}.footer-brand p{color:#aaa;font-size:14px;line-height:1.7}.footer-links h3,.footer-contact h3{color:#fff;margin-bottom:15px;font-size:16px}.footer-links ul{margin:0;padding:0;list-style:none}.footer-links li{cursor:pointer;color:#aaa;margin-bottom:10px;font-size:13px;transition:all .3s}.footer-links li:hover{color:#ff2d2d;transform:translate(5px)}.footer-contact p{color:#aaa;align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.social-icons svg,.fa-instagram{color:#ff2d2d}.icon:hover svg,.icon:nth-child(3) svg{color:#fff}.footer-bottom{text-align:center;color:#777;border-top:1px solid #111;margin-top:40px;padding-top:15px;font-size:13px}@media (width<=1024px){.footer-container{grid-template-columns:repeat(2,1fr);gap:40px}}@media (width<=768px){.footer-container{text-align:center;grid-template-columns:1fr;gap:30px}.footer-brand{max-width:100%}.footer-contact p,.social-icons{justify-content:center}.footer-links li:hover{transform:none}}.social-icons{gap:15px;margin-top:15px;display:flex}.icon{cursor:pointer;background:#111827;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.social-icons svg,.icon svg{color:#fff;fill:currentColor;font-size:18px}.icon:hover{background:#ff2d2d;transform:scale(1.1)}.icon:hover svg{color:#fff}.navbar{background:var(--card);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:80px;padding:0 40px;display:flex}.logo{align-items:center;font-size:24px;font-weight:800;display:flex}.logo-dot{color:red}.nav-right{align-items:center;gap:25px;display:flex}.navlist{align-items:center;gap:30px;list-style:none;display:flex}.navlist a{color:var(--text);font-weight:600;text-decoration:none;transition:all .3s}.navlist a:hover{color:red}.search input{border:1px solid var(--border);background:var(--input);height:40px;color:var(--text);border-radius:20px;padding:0 15px}.search button{color:#fff;cursor:pointer;background:red;border:none;border-radius:20px;height:40px;padding:0 15px}.theme-toggle button{border:1px solid var(--border);cursor:pointer;color:var(--text);background:0 0;border-radius:8px;padding:6px 10px}.theme-toggle button:hover{border-color:red}.auth-button button{color:red;background:0 0;border:1px solid red;border-radius:20px;padding:8px 15px}.auth-button button:hover{color:#fff;background:red}.menu-btn{display:none}@media (width<=768px){.menu-btn{display:block}.navlist{background:var(--card);flex-direction:column;display:none;position:absolute;top:80px;left:0;right:0}.navlist.active{display:flex}}.theme-toggle{align-items:center;display:flex}.checkbox{opacity:0;position:absolute}.checkbox-label{cursor:pointer;background:#111;border-radius:50px;justify-content:space-between;align-items:center;width:55px;height:28px;padding:5px;display:flex;position:relative}.moon,.sun{font-size:12px}.ball{background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .3s;position:absolute;top:3px;left:3px}.checkbox:checked+.checkbox-label .ball{transform:translate(26px)}body[data-theme=light] .checkbox-label{background:#ddd}body[data-theme=light] .ball{background:#111}.search-premium{background:var(--card);border:1px solid #f006;border-radius:50px;align-items:center;padding:5px;display:flex;overflow:hidden;box-shadow:0 0 12px #ff000026}.category{border-right:1px solid var(--border);align-items:center;gap:6px;padding:8px 12px;display:flex}.category select{color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;font-size:13px}.search-input{align-items:center;gap:8px;padding:0 12px;display:flex}.search-icon{color:#888}.search-input input{color:var(--text);background:0 0;border:none;outline:none;width:180px;font-size:14px}.search-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,red,#ff3b3b);border:none;border-radius:40px;padding:10px 20px;font-weight:600;transition:all .3s}.search-btn:hover{transform:scale(1.05);box-shadow:0 0 10px red}.search-premium:focus-within{box-shadow:0 0 18px #ff000080}.category{border-right:1px solid var(--border);align-items:center;gap:6px;padding:8px 14px;display:flex;position:relative}.category select{appearance:none;color:var(--text);cursor:pointer;background:0 0;border:none;outline:none;padding-right:20px;font-size:14px;font-weight:500}.category:after{content:"▾";color:#aaa;pointer-events:none;font-size:12px;position:absolute;right:10px}.cat-icon{color:red;font-size:16px}.category select option{color:#fff;background:#111}body[data-theme=light] .category select option{color:#111;background:#fff}.category:hover select,.category select:focus{color:red}@media (width<=768px){.navlist{flex-direction:column;gap:20px;padding:20px}.search-premium{border-radius:16px;flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:10px}.category{border-right:none;border-bottom:1px solid var(--border);width:100%;padding-bottom:8px}.category select,.search-input,.search-input input{width:100%}.search-btn{border-radius:10px;width:100%}.location{justify-content:center;font-size:12px}}@media (width<=1024px){.search-input input{width:120px}.search-btn{padding:8px 15px}.category select{font-size:12px}}.category-custom{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;align-items:center;gap:8px;padding:8px 14px;transition:all .3s;display:flex;position:relative}.category-custom:hover{border-color:red;box-shadow:0 0 10px #f006}.selected{color:var(--text);font-size:14px}.arrow{color:#aaa;margin-left:auto;font-size:12px}.dropdown{z-index:999;background:#0b0f14;border:1px solid #ffffff1a;border-radius:12px;width:180px;animation:.2s fadeIn;position:absolute;top:110%;left:0;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.category-custom{position:relative}.category-box{cursor:pointer;background:#0b0f14;border:1px solid #f006;border-radius:40px;align-items:center;gap:8px;padding:8px 16px;transition:all .3s;display:flex}.category-box:hover{box-shadow:0 0 12px #ff000080}.selected{color:red;font-weight:600}.arrow{color:#aaa;margin-left:auto}.dropdown{z-index:999;background:#000;border:1px solid #ffffff1a;border-radius:12px;width:200px;position:absolute;top:110%;left:0;overflow:hidden;box-shadow:0 10px 25px #000c}.option{color:#fff;cursor:pointer;padding:12px 16px;font-size:14px;transition:all .2s}.option:hover{color:#ff3b3b;background:#f003}.option.active{color:#fff;background:red}.category-box:after{content:"▾";color:#aaa;pointer-events:none;font-size:12px;position:absolute;right:12px}.custom-select option{color:#fff;background:#000;padding:12px;font-size:14px}.custom-select option:hover,.custom-select option:checked{color:#fff;background:red}body[data-theme=light] .custom-select option{color:#111;background:#fff}.custom-select:focus{outline:none}.category-box{background:#0b0f14;border:1px solid #f006;border-radius:40px;align-items:center;gap:8px;padding:8px 16px;display:flex;position:relative}.custom-select{appearance:none;color:red;cursor:pointer;background:0 0;border:none;outline:none;padding-right:20px;font-size:14px;font-weight:600}.category-box:after{content:"▾";color:#aaa;pointer-events:none;position:absolute;right:12px;font-size:17px!important}.profile{cursor:pointer;align-items:center;gap:8px;display:flex}.profile img{border:2px solid red;border-radius:50%;width:36px;height:36px}.profile span{font-weight:600}.profile-dropdown{z-index:100;background:#0f172a;border:1px solid #222;border-radius:14px;width:250px;padding:15px;position:absolute;top:60px;right:0;box-shadow:0 10px 30px #0009}.profile-top{gap:10px;margin-bottom:10px;display:flex}.profile-top img{border-radius:50%;width:50px;height:50px}.profile-top h4{margin:0}.profile-top p{color:#aaa;font-size:12px}.badge{background:red;border-radius:6px;margin-top:4px;padding:3px 8px;font-size:10px;display:inline-block}.profile-menu p{cursor:pointer;border-radius:8px;margin:5px 0;padding:8px 10px;transition:all .3s}.profile-menu p:hover{background:#1e293b}.search-premium{border:1px solid var(--border);box-shadow:var(--search-shadow);background:#17183a;border-radius:50px;align-items:center;padding:5px;transition:all .3s;display:flex;overflow:hidden}body[data-theme=dark]{--search-bg:#111;--search-text:#fff;--search-border:#333;--search-shadow:0 0 12px #f003}body[data-theme=light]{--search-bg:#fff;--search-text:#111;--search-border:#ddd;--search-shadow:0 0 10px #00000014}.search-input input{color:var(--search-text);background:0 0}.category select{color:#fff}.menu-item{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;transition:all .25s;display:flex}.menu-icon{color:#aaa;font-size:16px}.menu-item span{color:var(--text);font-size:14px}.menu-item:hover{background:#ff000026}.menu-item:hover .menu-icon{color:red}.logout,.logout .menu-icon{color:#ff4d4d}.logout:hover{background:#ff000040}.checkbox-label{cursor:pointer;background:#1a1a1a;border:1px solid #333;border-radius:50px;justify-content:space-between;align-items:center;width:60px;height:30px;padding:5px;display:flex;position:relative}.moon{color:#facc15;z-index:2;font-size:14px}.sun{color:#f97316;z-index:2;font-size:14px}.profile-dropdown{color:#fff;background:#0b1220}body[data-theme=light] .profile-dropdown{color:#111;background:#17183a;border:1px solid #ddd}body[data-theme=light] .profile-top h4{color:#111}body[data-theme=light] .profile-top p{color:#555}body[data-theme=light] .menu-item{color:#222}body[data-theme=light] .menu-item:hover{background:#f5f5f5}body[data-theme=light] .menu-icon{color:#444}.menu-item.logout{color:red}.location{-webkit-backdrop-filter:blur(6px);color:#e5e5e5;background:#ffffff14;border-radius:20px;align-items:center;gap:6px;max-width:240px;padding:6px 12px;font-size:13px;display:flex;overflow:hidden}.loc-icon{color:#ff3b3b;flex-shrink:0;font-size:16px}.location span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.profile-dropdown{z-index:9999;background:#0b1220;border-radius:14px;width:260px;position:absolute;top:60px;right:10px;overflow:hidden;box-shadow:0 10px 30px #0009}@media (width<=768px){.navlist{z-index:999;background:#020617;flex-direction:column;align-items:flex-start;width:100%;padding:20px;display:none;position:absolute;top:70px;right:0}.navlist.active{display:flex}.profile-dropdown{width:100%;margin-top:10px;position:relative;top:0;right:0}.navlist{flex-direction:column;align-items:stretch;gap:15px;padding:15px}.footer-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}}.location{color:#cbd5e1;background:#111827;border-radius:20px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:flex}.menu-btn{color:#fff;cursor:pointer;z-index:99999;background:0 0;border:none;font-size:32px;display:none}@media screen and (width<=768px){.navbar{height:70px;padding:0 18px;position:relative}.menu-btn{justify-content:center;align-items:center;display:flex}.nav-right{margin-left:auto}.navlist{opacity:0;visibility:hidden;z-index:9999;background:#0f172a;border-top:1px solid #ffffff14;flex-direction:column;align-items:stretch;gap:18px;width:100%;padding:20px;transition:all .3s;display:flex;position:absolute;top:70px;left:0;right:0;transform:translateY(-20px)}.navlist.active{opacity:1;visibility:visible;transform:translateY(0)}.location{width:100%;max-width:100%}.search-premium{border-radius:16px;flex-direction:column;gap:10px;width:100%;padding:10px}.category{border-bottom:1px solid #ffffff14;border-right:none;width:100%;padding-bottom:10px}.search-input,.search-input input,.profile-wrapper{width:100%}.profile{justify-content:flex-start}.profile-dropdown{width:100%;position:relative;top:10px;right:0}}.menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:30px;display:none}@media screen and (width<=768px){.menu-btn{justify-content:center;align-items:center;display:flex}.navlist{display:none}.navlist.active{display:flex}}@media screen and (width>=769px){.menu-btn{display:none!important}}.profile-img{object-fit:cover;border-radius:50%;width:42px;height:42px}.profile-img-large{object-fit:cover;border-radius:50%;width:70px;height:70px}.logo-dot{position:relative;top:-1px}.navbar{z-index:9999;position:sticky;top:0}.profile-wrapper{position:relative}.navbar{background:#17183a;justify-content:space-between;align-items:center;height:80px;padding:0 28px;display:flex}.logo{color:#fff;justify-content:center;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700;display:flex}.logo-dot{color:#ff2b2b;justify-content:center;align-items:center;margin-top:2px;font-size:24px;display:flex}.logo span{line-height:1}.nav-right{align-items:center;display:flex}.navlist{align-items:center;gap:35px;margin:0;padding:0;list-style:none;display:flex}.location{background:#1c2044;border-radius:28px;justify-content:center;align-items:center;gap:10px;height:52px;padding:0 18px;display:flex}.loc-icon{font-size:20px}.location span{white-space:nowrap;text-overflow:ellipsis;max-width:220px;display:block;overflow:hidden}.search-premium{align-items:center;height:52px;display:flex}.profile{justify-content:center;align-items:center;gap:12px;display:flex}.profile span{font-size:16px;font-weight:600}.profile-img,.profile canvas{border-radius:50%;width:46px!important;height:46px!important}.live-indicator{background:#ff2b2b;border-radius:50%;width:14px;height:14px;animation:1.2s infinite livePulse;box-shadow:0 0 0 6px #ff2b2b26,0 0 15px #ff2b2b}.logo-text{letter-spacing:.5px;font-size:20px;font-weight:800}@keyframes livePulse{0%{opacity:.7;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.7;transform:scale(.8)}}.logo{justify-content:center;align-items:center;gap:0;height:80px;padding:0;line-height:1;display:flex;margin-bottom:0!important}.logo span{align-items:center;height:100%;display:flex}.logo-dot{justify-content:center;align-items:center;margin-top:2px;font-size:22px;display:flex}.navbar{justify-content:space-between;align-items:center;height:80px;display:flex}.logo{align-items:center;gap:10px;margin:0;padding:0;display:inline-flex;transform:translateY(2px)}.logo-link{height:100%;color:inherit;justify-content:center;align-items:center;text-decoration:none;display:flex}.logo{justify-content:center;align-items:center;height:80px;margin:0;padding:0;display:flex}.logo span{justify-content:center;align-items:center;display:flex}.logo-dot{color:#ff2b2b;justify-content:center;align-items:center;font-size:22px;display:flex}.navbar{background:#17183a}@media (width<=768px){.banner-overlay{position:absolute;inset:0}.banner-content{z-index:10;flex-direction:column;align-items:flex-start;display:flex;position:absolute;top:18px;left:18px;right:18px}.banner-content h1{margin:12px 0 6px;font-size:30px;line-height:1.2}.banner-content .desc{margin:0 0 12px;font-size:14px}.banner-info{flex-direction:column;gap:8px;margin-top:10px;display:flex}}@media screen and (width<=768px){.search-premium{border-radius:16px;flex-direction:column;gap:12px;width:100%;height:auto;padding:12px;display:flex}.category{border:none;align-items:center;gap:10px;width:100%;padding:0;display:flex;position:relative}.category select{color:#fff;appearance:none;background:#17183a;border:1px solid #2b315d;border-radius:12px;width:100%;height:46px;padding:0 40px;font-size:15px}.cat-icon{color:#ff2b2b;z-index:2;font-size:15px;position:absolute;left:14px}.category:after{font-size:14px;right:16px}.search-input{width:100%}.search-input input{border-radius:12px;width:100%;height:46px}}.events-nav-item{align-items:center;display:flex}.events-nav-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:7px;height:40px;padding:0 14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.events-nav-btn svg{font-size:17px}.events-nav-btn:hover{color:#fff;background:#ffffff14;border-color:#6366f1}.events-nav-btn:active{transform:scale(.97)}@media (width<=768px){.events-nav-item{width:100%}.events-nav-btn{justify-content:flex-start;width:100%;height:auto;padding:10px 15px}}.banner{background:#000;border-radius:16px;width:100%;height:260px;margin-bottom:25px;position:relative;overflow:hidden}.banner-img{width:100%;height:100%;transition:transform .4s;background-size:cover!important}.banner:hover .banner-img{transform:scale(1.05)}.badge{background:#ff2d2d;border-radius:6px;margin-bottom:10px;padding:5px 10px;font-size:11px}.banner h1{margin-bottom:10px;font-size:26px}.banner p{color:#ddd;margin-bottom:12px;font-size:14px}.banner-info p{align-items:center;gap:8px;font-size:13px;display:flex}.dots{gap:6px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.dot{cursor:pointer;background:#aaa;border-radius:50%;width:8px;height:8px}.dot.active{background:#ff2d2d}@media (width<=768px){.banner{height:200px}.banner-overlay{padding:15px}.banner h1{font-size:18px}.banner p{font-size:12px}}.badge{color:#fff;z-index:2;background:#ff2d2d;border-radius:6px;width:fit-content;padding:6px 12px;font-size:11px;font-weight:600;position:absolute;top:12px;left:20px}.banner h1{margin-top:50px;font-size:26px}@media (width<=768px){.banner-overlay{padding-top:60px}}.badge{color:#fff;z-index:2;background:#ff2d2d;border-radius:6px;padding:6px 12px;font-size:11px;font-weight:600;position:absolute;top:15px;left:20px}.banner-overlay{color:#fff;background:linear-gradient(90deg,#000000d9 20%,#0000004d 70%,#0000);flex-direction:column;justify-content:center;padding:60px 30px 30px;display:flex;position:absolute;inset:0}.pad{margin-bottom:19px;padding-bottom:10px}.banner{margin-top:40px}@media (width<=768px){.banner{border-radius:12px;height:180px}.banner-overlay{padding:20px 12px 12px}.banner h1{font-size:16px;line-height:1.2}.banner p{font-size:11px}.banner-info p{font-size:10px}.badge{padding:4px 8px;font-size:9px;top:10px;left:10px}}.badge{color:#fff;z-index:2;background:#ff2d2d;border-radius:6px;padding:4px 8px;font-size:9px;position:absolute;top:10px;left:12px}.banner-overlay{padding:50px 12px 12px}.pad{padding-bottom:20px}.banner-info{flex-direction:column;gap:10px;margin-top:10px;display:flex}.banner-info p{grid-template-columns:20px 1fr;align-items:center;column-gap:10px;margin:0;display:grid}.banner-info svg{width:16px;height:16px}@media (width<=768px){.banner{height:auto}.banner-img{object-fit:cover;height:220px}.banner-overlay h1{margin:0;font-size:18px;line-height:1.3}.banner-overlay p{margin:0;font-size:13px}.badge{width:fit-content;margin-bottom:4px;padding:5px 10px;font-size:10px}.banner-info{flex-direction:column;gap:4px;margin-top:6px;display:flex}.banner-info p{align-items:center;gap:6px;margin:0;font-size:12px;display:flex}.banner-overlay{justify-content:flex-end;gap:8px;padding:18px 16px}.badge{margin-bottom:6px;position:relative;top:0;left:0}.banner-overlay h1{margin-top:4px;font-size:18px;line-height:1.3}.badge{margin-bottom:8px;position:static}.banner-overlay{flex-direction:column;justify-content:flex-end;gap:6px;width:100%;height:100%;padding:16px;display:flex;position:absolute;top:0;left:0}.badge{z-index:2;padding:6px 10px;font-size:10px;position:absolute;top:12px;left:12px}.banner-overlay h1{margin-top:20px;font-size:18px}.banner-content h1{margin-top:20px!important}}.banner{border-radius:24px;width:100%;height:360px;position:relative;overflow:hidden}.banner-img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}@media (width>=768px) and (width<=991px){.banner{border-radius:18px;height:260px}.banner-overlay{background:linear-gradient(90deg,#000000d1 0%,#00000073 50%,#00000014 100%);padding:22px}.badge{margin-bottom:10px;padding:6px 12px;font-size:10px}.banner-content h1{margin-bottom:8px;font-size:24px;line-height:1.25}.banner-info p{gap:8px;font-size:12px}.banner-info svg{min-width:14px;font-size:14px}.dots{bottom:12px}.banner{height:250px}.banner-img{object-fit:cover;object-position:center right}.banner-overlay{background:linear-gradient(90deg,#000000e0 0%,#00000073 50%,#00000014 100%);justify-content:center;padding:22px 24px}.banner-content{width:60%;max-width:430px}.badge{margin-bottom:12px;padding:6px 12px;font-size:10px;display:inline-block;position:static}.banner-content h1{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:24px;line-height:1.2;display:-webkit-box;overflow:hidden}.desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px;font-size:13px;display:-webkit-box;overflow:hidden}.banner-info{gap:8px}.banner-info p{align-items:center;gap:8px;margin:0;font-size:12px;display:flex}.banner-info svg{min-width:14px}}@media (width<=768px){.desktop-banner{display:none}.mobile-banner{margin:20px 0;display:block}.mobile-banner-img{object-fit:cover;border-radius:18px 18px 0 0;width:100%;height:200px}.mobile-banner-card{background:#2c2961;border-radius:0 0 18px 18px;padding:18px}.mobile-banner-card h2{color:#fff;margin:12px 0;font-size:20px}.mobile-desc{color:#ddd;margin-bottom:15px;font-size:13px}.mobile-info{flex-direction:column;gap:10px;display:flex}.mobile-info p{color:#fff;align-items:center;gap:8px;font-size:13px;display:flex}}.desktop-banner{display:block}.mobile-banner{display:none}@media (width<=767px){.desktop-banner{display:none}.mobile-banner{margin:20px 0;display:block}.mobile-banner-img{object-fit:cover;border-radius:18px 18px 0 0;width:100%;height:220px;display:block}.mobile-banner-card{background:#2c2961;border-radius:0 0 18px 18px;padding:18px}.mobile-banner-card h2{color:#fff;margin:12px 0;font-size:20px}.mobile-desc{color:#d7d7d7;margin-bottom:15px;font-size:13px;line-height:1.6}.mobile-info{flex-direction:column;gap:10px;display:flex}.mobile-info p{color:#fff;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}}.mobile-banner-img{object-fit:cover;aspect-ratio:16/5;object-fit:contain;object-position:center;background:#1b1b3f;border-radius:18px 18px 0 0;width:100%;height:auto;display:block}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background:#0b1023;overflow-x:hidden}.auth-container{width:100%;min-height:100vh;display:flex}.auth-left{color:#fff;background-color:#0c1024;background-image:linear-gradient(135deg,#080823e6,#0e0b2ef0),radial-gradient(circle at 20% 30%,#2e1c75 0%,#0000 70%);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:center;width:45%;min-height:100vh;padding:60px;display:flex;position:relative;overflow:hidden}.left-content{z-index:2;width:100%;max-width:460px;animation:.8s fadeLeft;position:relative}.logo-area{align-items:center;gap:14px;margin-bottom:50px;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#ff4f94,#7b5cff);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;transition:transform .4s;display:flex}.logo-icon:hover{transform:rotate(-8deg)scale(1.08)}.logo-area h2{letter-spacing:1px;font-size:28px;font-weight:800;line-height:1}.logo-area p{color:#b3b3b3;letter-spacing:2px;margin-top:2px;font-size:11px}.left-content h1{letter-spacing:-1px;margin-bottom:20px;font-size:48px;font-weight:800;line-height:1.1}.left-content h1 span{color:#ff3f8f}.left-content h1 strong{color:#735dff}.hero-text{color:#cbd5e1;margin-bottom:40px;font-size:16px;line-height:1.6}.features{flex-direction:column;gap:24px;display:flex}.feature{align-items:flex-start;gap:16px;transition:transform .3s;display:flex}.feature:hover{transform:translate(6px)}.feature-icon{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:18px;display:flex}.feature-icon.pink{background:linear-gradient(135deg,#ff4f94,#ff1f63)}.feature-icon.purple{background:linear-gradient(135deg,#8d53ff,#5f38ff)}.feature-icon.blue{background:linear-gradient(135deg,#3c9dff,#245eff)}.feature h4{margin-bottom:4px;font-size:18px;font-weight:700}.feature p{color:#94a3b8;font-size:14px;line-height:1.5}.auth-right{z-index:5;background:radial-gradient(circle at top,#5f38ff0d,#0000 50%),#f8fafc;justify-content:center;align-items:center;width:55%;min-height:100vh;padding:40px;display:flex;position:relative}.auth-card{z-index:10;background:#fff;border-radius:24px;width:100%;max-width:540px;padding:45px;animation:.6s cubic-bezier(.16,1,.3,1) fadeUp;position:relative;box-shadow:0 30px 60px #0000000f,0 8px 18px #00000008}.auth-card h1{color:#0f172a;text-align:center;letter-spacing:-.5px;font-size:32px;font-weight:800}.subtitle{text-align:center;color:#64748b;margin-top:8px;margin-bottom:32px;font-size:15px}.login-type{background:#f1f5f9;border-radius:14px;margin-bottom:28px;padding:6px;display:flex}.login-type button{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:10px;outline:none;justify-content:center;align-items:center;gap:8px;width:50%;height:46px;font-size:14px;font-weight:600;transition:all .25s;display:flex}.login-type button:hover{color:#0f172a}.login-type button.active{color:#2563eb;background:#fff;box-shadow:0 4px 12px #0000000d}.auth-form{width:100%}.input-group{margin-bottom:20px;position:relative}.input-group input{color:#0f172a;background:#fff;border:1px solid #dfe3ee;border-radius:12px;outline:none;width:100%;height:54px;padding-left:52px;padding-right:52px;font-size:15px;transition:all .2s}.input-group input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.input-icon{color:#94a3b8;pointer-events:none;font-size:20px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:18px;display:flex;position:absolute;top:50%;right:18px;transform:translateY(-50%)}.password-toggle:hover{color:#64748b}.options{justify-content:space-between;align-items:center;margin:20px 0 28px;display:flex}.options label{color:#475569;cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.options input[type=checkbox]{accent-color:#2563eb;cursor:pointer;width:16px;height:16px}.forgot{color:#2563eb;cursor:pointer;font-size:14px;font-weight:600}.forgot:hover{text-decoration:underline}.login-btn{cursor:pointer;color:#fff;background:linear-gradient(90deg,#2563eb,#1d4ed8);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;margin-top:10px;font-size:16px;font-weight:600;transition:all .25s;display:flex}.login-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 24px #2563eb40}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.6;cursor:not-allowed}.divider{text-align:center;margin:28px 0;position:relative}.divider:before{content:"";background:#e2e8f0;width:100%;height:1px;position:absolute;top:50%;left:0}.divider span{color:#94a3b8;background:#fff;padding:0 16px;font-size:13px;font-weight:500;position:relative}.social-login{gap:12px;margin-bottom:32px;display:flex}.social-login button{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.social-login button:hover{background:#f8fafc;border-color:#cbd5e1}.social-login button:active{transform:scale(.97)}.google-icon{color:#ea4335}.facebook-icon{color:#1877f2}.apple-icon{color:#000}.bottom-link{text-align:center;color:#64748b;font-size:14px}.bottom-link span{color:#2563eb;cursor:pointer;margin-left:4px;font-weight:600}.bottom-link span:hover{text-decoration:underline}input::placeholder{color:#94a3b8}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@media (width<=1200px){.auth-left{width:40%;padding:40px}.auth-right{width:60%;padding:30px}.left-content h1{font-size:38px}}@media (width<=991px){.auth-container{flex-direction:column}.auth-left{width:100%;height:420px;min-height:auto;padding:50px 40px}.auth-right{background:#f8fafc;width:100%;min-height:auto;padding:40px 20px}.auth-card{max-width:500px;padding:40px 30px}.features{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:20px;display:grid}.hero-text{margin-bottom:20px}}@media (width<=576px){.auth-left{height:auto;padding:40px 20px}.logo-area{margin-bottom:30px}.left-content h1{font-size:32px}.features{display:none}.auth-card{padding:30px 20px}.auth-card h1{font-size:26px}.options{flex-direction:column;align-items:flex-start;gap:12px}.social-login{flex-direction:column;gap:10px}.social-login button{width:100%}}.input-group input{border:1px solid #dfe3ee;border-radius:12px;outline:none;width:100%;height:54px;padding-left:52px;padding-right:52px;font-size:15px;transition:all .2s;color:#0f172a!important;background-color:#fff!important}.input-group input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14;background-color:#fff!important}.input-group input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 1000px #fff!important}.input-group input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 1000px #fff!important}.input-group input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 1000px #fff!important}.input-group input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#0f172a!important;box-shadow:inset 0 0 0 1000px #fff!important}.auth-left{background-image:url(/assets/login-CSh5xr1S.png);flex:1;min-width:50%}.auth-right{flex:1;min-width:50%}.auth-container{width:100%;height:100vh;display:flex;overflow:hidden}.auth-card{background:#fff;border-radius:28px;width:100%;max-width:650px;padding:55px;box-shadow:0 25px 70px #0000001f}.auth-left{background:url(/assets/login-CSh5xr1S.png) 50%/cover no-repeat;flex:1;position:relative}.auth-left:before{content:"";background:#00000026;position:absolute;inset:0}.overlay{pointer-events:none;pointer-events:none;background:#0003;display:none;position:absolute;inset:0}.guest-btn{color:#fff;cursor:pointer;background:#374151;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;height:52px;margin-top:12px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.guest-btn:hover{background:#1f2937;transform:translateY(-2px)}.forgot-password{justify-content:flex-end;margin:-5px 0 20px;display:flex}.forgot-password span{color:#2563eb;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s}.forgot-password span:hover{color:#1d4ed8;text-decoration:underline}[data-theme=dark] .forgot-password span{color:#60a5fa}[data-theme=dark] .forgot-password span:hover{color:#93c5fd}.events-page{color:#fff;background-color:#0000;background-image:radial-gradient(circle at top,#2d245c 0%,#0000 45%),linear-gradient(#0b1020 0%,#11163a 45%,#1a1f52 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;min-height:100vh}.events-container{width:min(1500px,94%);margin:0 auto;padding:30px 0 50px}.events-breadcrumb{color:#9ca8d4;align-items:center;gap:8px;margin-bottom:18px;font-size:14px;display:flex}.events-breadcrumb svg{color:#6d7cff;font-size:15px}.events-breadcrumb span{cursor:pointer;transition:all .25s}.events-breadcrumb span:hover{color:#6d7cff}.events-breadcrumb strong{color:#fff}.events-heading{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.events-heading h1{color:#fff;letter-spacing:-.5px;margin:0;font-size:34px;font-weight:700}.events-heading p{color:#aeb8db;margin:8px 0 0;font-size:15px}.events-layout{grid-template-columns:minmax(0,1fr) 350px;align-items:start;gap:22px;display:grid}.calendar-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#252756c7;border:1px solid #ffffff0f;border-radius:22px;overflow:hidden;box-shadow:0 10px 30px #00000059}.calendar-toolbar{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;min-height:70px;padding:14px 16px;display:flex}.today-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:9px;height:40px;padding:0 16px;font-size:14px;font-weight:600;transition:all .25s}.today-btn:hover{background:#6d7cff;border-color:#6d7cff}.calendar-navigation{border:1px solid #ffffff14;border-radius:9px;align-items:center;display:flex;overflow:hidden}.calendar-nav-btn{color:#dce2ff;cursor:pointer;background:#ffffff0a;border:none;justify-content:center;align-items:center;width:42px;height:40px;transition:all .25s;display:flex}.calendar-nav-btn:first-child{border-right:1px solid #ffffff14}.calendar-nav-btn:hover{color:#fff;background:#6d7cff}.calendar-month{white-space:nowrap;align-items:center;gap:9px;margin-left:10px;display:flex}.calendar-month h2{color:#fff;margin:0;font-size:21px;font-weight:700}.calendar-month span{color:#8e9bd0}.view-switcher{border:1px solid #ffffff14;border-radius:9px;margin-left:auto;display:flex;overflow:hidden}.view-switcher button{color:#c7cee9;cursor:pointer;background:#ffffff08;border:none;border-right:1px solid #ffffff12;height:40px;padding:0 16px;font-size:13px;transition:all .25s}.view-switcher button:last-child{border-right:none}.view-switcher button:hover{color:#fff}.view-switcher button.active{color:#fff;background:linear-gradient(135deg,#5b4be7,#6d7cff);font-weight:600}.week-days{border-bottom:1px solid #ffffff14;grid-template-columns:repeat(7,1fr);display:grid}.week-days div{text-align:center;color:#dce2ff;padding:13px 8px;font-size:13px;font-weight:700}.calendar-grid{grid-template-columns:repeat(7,1fr);display:grid}.calendar-day{cursor:pointer;border-bottom:1px solid #ffffff12;border-right:1px solid #ffffff12;min-height:115px;padding:8px;transition:all .2s;position:relative}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:#6d7cff12}.calendar-day.other-month{opacity:.35}.calendar-day.today{background:#6d7cff14}.day-number{align-items:center;margin-bottom:7px;display:flex}.day-number span{color:#dce2ff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.day-number .today-circle{color:#fff;background:linear-gradient(135deg,#5b4be7,#6d7cff);box-shadow:0 0 15px #6d7cff59}.day-events{flex-direction:column;gap:5px;display:flex}.calendar-event{text-align:left;cursor:pointer;border:none;border-radius:7px;align-items:center;gap:5px;width:100%;padding:6px 7px;transition:all .2s;display:flex;overflow:hidden}.calendar-event:hover{filter:brightness(1.15);transform:translate(2px)}.event-dot{flex-shrink:0;font-size:8px}.event-name{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.calendar-event.blue{color:#a8c7ff;background:#3b82f629}.calendar-event.purple{color:#d1b8ff;background:#8b5cf62b}.calendar-event.green{color:#9ee8bd;background:#22c55e26}.calendar-event.red{color:#ffb0b0;background:#ef444426}.calendar-event.orange{color:#ffd09a;background:#f9731629}.calendar-event.pink{color:#ffb8d8;background:#ec489926}.more-events{color:#8ea0ff;cursor:pointer;text-align:left;background:0 0;border:none;padding:2px 5px;font-size:11px;font-weight:600}.more-events:hover{color:#fff}.calendar-legend{color:#b8c0df;border-top:1px solid #ffffff12;flex-wrap:wrap;align-items:center;gap:20px;padding:14px 18px;font-size:12px;display:flex}.calendar-legend span{align-items:center;gap:7px;display:flex}.legend-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.legend-dot.green{background:#22c55e}.legend-dot.purple{background:#8b5cf6}.legend-dot.orange{background:#f97316}.legend-dot.pink{background:#ec4899}.legend-dot.blue{background:#3b82f6}.legend-dot.gray{background:#9ca3af}.events-filters{flex-direction:column;gap:20px;display:flex}.filter-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#252756c7;border:1px solid #ffffff0f;border-radius:20px;padding:22px;box-shadow:0 10px 30px #00000059}.filter-title{align-items:center;gap:10px;margin-bottom:22px;display:flex}.filter-title svg{color:#6d7cff;font-size:19px}.filter-title h3{color:#fff;margin:0;font-size:18px}.filter-group{margin-bottom:17px}.filter-group label{color:#bfc7e6;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.filter-group select,.filter-group input{box-sizing:border-box;color:#fff;background:#111420;border:1px solid #ffffff17;border-radius:9px;outline:none;width:100%;height:44px;padding:0 12px;font-size:13px}.filter-group select:focus,.filter-group input:focus{border-color:#6d7cff;box-shadow:0 0 0 3px #6d7cff1a}.filter-group select option{color:#fff;background:#111420}.date-input{align-items:center;display:flex;position:relative}.date-input>svg{color:#7f8bc0;pointer-events:none;position:absolute;left:12px}.date-input input{padding-left:38px}.date-input button{color:#9da6c8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;right:7px}.apply-filter-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#5543df,#6d7cff);border:none;border-radius:9px;width:100%;height:44px;margin-top:3px;font-size:14px;font-weight:600;transition:all .25s}.apply-filter-btn:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6d7cff40}.reset-filter-btn{color:#8ea0ff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:7px;width:100%;margin-top:13px;font-size:13px;display:flex}.reset-filter-btn:hover{color:#fff}.event-list{padding:20px}.event-list-card{color:#fff;text-align:left;cursor:pointer;background:#111420a6;border:1px solid #ffffff12;border-radius:14px;align-items:center;gap:18px;width:100%;margin-bottom:12px;padding:15px;transition:all .25s;display:flex}.event-list-card:hover{background:#6d7cff14;border-color:#6d7cff;transform:translateY(-2px)}.list-date{background:#6d7cff1a;border-radius:10px;flex-direction:column;flex-shrink:0;align-items:center;width:65px;padding:8px;display:flex}.list-date span{color:#9ba8dd;font-size:12px}.list-date strong{color:#fff;font-size:25px}.list-info h3{margin:0 0 8px;font-size:16px}.list-info p{color:#aeb8d6;align-items:center;gap:7px;margin:5px 0;font-size:12px;display:flex}.list-info svg{color:#6d7cff}.coming-view{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:450px;padding:30px;display:flex}.coming-view>svg{color:#6d7cff;margin-bottom:15px;font-size:55px}.coming-view h3{color:#fff;margin:0 0 8px;font-size:22px}.coming-view p{color:#9da8ca;max-width:420px;margin:0 0 20px;line-height:1.6}.event-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#02040fbf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.event-modal{background:linear-gradient(145deg,#252756,#111633);border:1px solid #ffffff14;border-radius:22px;width:min(650px,100%);max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 25px 80px #0000008c}.modal-close{z-index:5;color:#fff;cursor:pointer;background:#00000080;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;top:14px;right:14px}.modal-image{width:100%;height:280px;overflow:hidden}.modal-image img{object-fit:cover;width:100%;height:100%}.modal-content{padding:25px}.modal-badge{color:#fff;background:#ff3b3b;border-radius:7px;padding:6px 10px;font-size:11px;font-weight:600;display:inline-block}.modal-content h2{color:#fff;margin:14px 0 20px;font-size:27px}.modal-info{background:#1114208c;border-radius:14px;flex-direction:column;gap:12px;padding:17px;display:flex}.modal-info div{color:#c9d0ec;align-items:center;gap:11px;font-size:14px;display:flex}.modal-description{margin-top:20px}.modal-description h3{color:#fff;margin:0 0 8px;font-size:16px}.modal-description p{color:#aeb8d5;margin:0;font-size:14px;line-height:1.7}.events-loading{color:#fff;text-align:center;background:radial-gradient(circle at top,#2d245c 0%,#0000 45%),linear-gradient(#0b1020 0%,#11163a 45%,#1a1f52 100%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.events-loader{height:180px}.date-events-modal{width:min(620px,100%);max-height:85vh;overflow-y:auto}.date-popup-header{border-bottom:1px solid #ffffff14;align-items:center;gap:14px;padding:24px;display:flex}.date-popup-icon{color:#fff;background:linear-gradient(135deg,#5544dc,#6d7cff);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex}.date-popup-header h2{color:#fff;margin:0 0 5px;font-size:19px}.date-popup-header p{color:#9fa9c9;margin:0;font-size:12px}.date-event-list{flex-direction:column;gap:10px;padding:18px;display:flex}.date-event-item{color:#fff;text-align:left;cursor:pointer;background:#0a0e1e99;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;width:100%;padding:10px;transition:background .2s,border-color .2s,transform .2s;display:flex}.date-event-item:hover{background:#6d7cff1a;border-color:#6d7cff;transform:translate(3px)}.date-event-image{background:#151a32;border-radius:8px;flex-shrink:0;width:90px;height:62px;overflow:hidden}.date-event-image img{object-fit:cover;width:100%;height:100%;display:block}.date-event-no-image{color:#7885ba;justify-content:center;align-items:center;width:100%;height:100%;font-size:22px;display:flex}.date-event-info{flex:1;min-width:0}.date-event-info h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 7px;font-size:14px;overflow:hidden}.date-event-info p{color:#9fa9c9;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;margin:4px 0;font-size:10px;display:flex;overflow:hidden}.date-event-arrow{color:#7f8bc0;flex-shrink:0;font-size:18px}.no-date-events{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:230px;display:flex}.no-date-events>svg{color:#6978e7;margin-bottom:12px;font-size:40px}.no-date-events h3{color:#fff;margin:0 0 5px;font-size:17px}.no-date-events p{color:#9da7c7;margin:0;font-size:12px}.filter-search{position:relative}.filter-search-clear{color:#9da7c7;cursor:pointer;z-index:2;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;margin:0;padding:0;font-size:18px;line-height:1;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.filter-search-clear:hover{color:#fff}.calendar-day-view button[style*=position],.calendar-week-view button[style*=position]{box-sizing:border-box!important;text-align:left!important;min-width:0!important;max-width:none!important;margin:0!important;overflow:hidden!important}@media (width<=1100px){.events-layout{grid-template-columns:minmax(0,1fr) 290px}}@media (width<=768px){.events-layout{grid-template-columns:1fr}.events-filters{order:-1}}.modal-image{background:#111;border-radius:14px 14px 0 0;justify-content:center;align-items:center;width:100%;height:auto;max-height:420px;display:flex;overflow:hidden}.modal-image img{object-fit:contain;object-position:center;width:100%;height:auto;max-height:420px;display:block}.modal-no-image{justify-content:center;align-items:center;width:100%;min-height:250px;display:flex}@media (width<=768px){.modal-image{max-height:300px}.modal-image img{object-fit:contain;width:100%;height:auto;max-height:300px}}@media (width<=480px){.modal-image,.modal-image img{max-height:230px}}.calendar-nav-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.forgot-header{text-align:center;margin-bottom:25px}.forgot-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#3b82f6);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 15px;font-size:30px;display:flex;box-shadow:0 8px 20px #2563eb40}.forgot-header h2{margin-bottom:8px;font-size:28px;font-weight:700}.forgot-header .subtitle{color:#666;font-size:15px}.forgot-step{justify-content:center;align-items:center;margin:25px 0 30px;display:flex}.step{color:#999;flex-direction:column;align-items:center;font-size:13px;transition:all .3s;display:flex}.step svg{background:#f3f4f6;border-radius:50%;width:45px;height:45px;margin-bottom:6px;padding:10px}.step.active{color:#2563eb;font-weight:600}.step.active svg{color:#fff;background:#2563eb}.line{background:#ddd;width:60px;height:2px;margin:0 10px 25px}[data-theme=dark] .forgot-header .subtitle{color:#bbb}[data-theme=dark] .step svg{background:#333}[data-theme=dark] .line{background:#555}.profile-page{background:linear-gradient(135deg,#05060b,#0f172a);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.profile-container{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);width:420px;color:var(--text);background:#ffffff08;border:1px solid #ffffff14;border-radius:18px;padding:25px;transition:all .3s;box-shadow:0 20px 40px #0009}.profile-header img{object-fit:cover;border:3px solid red;border-radius:50%;width:95px;height:95px;padding:3px;transition:all .3s}.profile-header img:hover{transform:scale(1.05);box-shadow:0 0 15px red}.profile-header h2{margin:10px 0 5px;font-size:22px}.profile-view{flex-direction:column;gap:15px;display:flex}.info-box{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;padding:12px 15px;transition:all .3s}.info-box:hover{background:#ff000014;border-color:red}.info-box span{color:#aaa;font-size:12px}.info-box h4{margin-top:5px;font-size:15px}.edit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,red,#ff3b3b);border:none;border-radius:12px;margin-top:10px;padding:12px;font-weight:600;transition:all .3s}.edit-btn:hover{transform:translateY(-2px);box-shadow:0 0 12px red}.form-group input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;outline:none;padding:10px 12px;transition:all .3s}.form-group input:focus{border-color:red;box-shadow:0 0 8px #ff000080}input:disabled{opacity:.5;cursor:not-allowed}.btn-group{gap:10px;display:flex}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,red,#ff3b3b);border:none;border-radius:10px;flex:1;padding:12px;font-weight:600;transition:all .3s}.cancel-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #444;border-radius:10px;flex:1;padding:12px;transition:all .3s}.cancel-btn:hover{color:#fff;background:#222}body[data-theme=light] .profile-container{color:#111;background:#17183a}body[data-theme=light] .form-group input{color:#111}body[data-theme=light] .info-box{background:#f9f9f9}.profile-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.profile-container{background:var(--card);border-radius:16px;width:400px;padding:25px;box-shadow:0 10px 30px #00000080}.profile-header{text-align:center;margin-bottom:20px}.profile-header img{border:3px solid red;border-radius:50%;width:90px;height:90px}.profile-header h2{margin:10px 0 5px}.profile-header p{color:#aaa;font-size:13px}.profile-form{flex-direction:column;gap:15px;display:flex}.form-group input{border:1px solid var(--border);color:var(--text);background:0 0;border-radius:8px;outline:none;padding:10px}input:disabled{opacity:.5}.change-pass-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #444;border-radius:8px;padding:10px}.change-pass-btn:hover{color:red;border-color:red}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,red,#ff3b3b);border:none;border-radius:10px;padding:12px}.save-btn:hover{box-shadow:0 0 10px red}.back-btn{color:#ccc;cursor:pointer;background:0 0;border:1px solid #444;border-radius:8px;margin-bottom:15px;padding:8px 14px;font-size:13px;transition:all .3s}.back-btn:hover{color:red;background:#ff00001a;border-color:red}.settings-container{justify-content:center;align-items:center;min-height:100vh;transition:background .3s,color .3s;display:flex}.settings-container.dark{color:#fff;background:#05060b}.settings-container.dark .settings-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff0d;border:1px solid #ffffff14}.settings-container.dark .setting-item{border:1px solid #333}.settings-container.dark select{color:#fff;background:#111}.settings-container.light{color:#111;background:#f4f6fb}.settings-container.light .settings-card{background:#fff;border:1px solid #ddd;box-shadow:0 10px 25px #00000014}.settings-container.light .setting-item{background:#fafafa;border:1px solid #ddd}.settings-container.light .setting-info p{color:#666}.settings-container.light select{color:#111;background:#fff;border:1px solid #ccc}.settings-container.light .slider{background:#bbb}.settings-card{border-radius:20px;width:450px;padding:30px}.settings-card h2{text-align:center;margin-bottom:25px}.setting-item{border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px;display:flex}.icon{color:red;font-size:20px}.setting-info{flex:1;margin-left:10px}.setting-info h4{margin:0}.setting-info p{color:#aaa;font-size:12px}select{cursor:pointer;border:none;border-radius:8px;outline:none;padding:8px}.switch{width:45px;height:22px;position:relative}.switch input{display:none}.slider{cursor:pointer;background:#444;border-radius:20px;transition:all .3s;position:absolute;inset:0}.slider:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;top:2px;left:2px}.switch input:checked+.slider{background:red}.switch input:checked+.slider:before{transform:translate(22px)}.small-btn{color:red;cursor:pointer;background:0 0;border:1px solid red;border-radius:8px;padding:6px 10px}.back-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,red,#ff3b3b);border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:20px;padding:12px;display:flex}.back-btn:hover{box-shadow:0 0 12px red}@media (width<=500px){.settings-card{width:90%}}.goog-te-banner-frame.skiptranslate,.skiptranslate iframe,.goog-te-banner-frame,.goog-tooltip,.goog-logo-link,.goog-te-gadget span{display:none!important}.goog-te-gadget{font-size:0!important}body{position:static!important;top:0!important}#google_translate_element{display:none!important}.goog-text-highlight{box-shadow:none!important;background:0 0!important}.icon{color:red;justify-content:center;align-items:center;font-size:20px;display:flex}.settings-container.light .icon{background:#fff;border-radius:50%;width:36px;height:36px;box-shadow:0 2px 6px #0000000f}.settings-container.dark .icon{background:#000;border-radius:50%;width:36px;height:36px;box-shadow:0 2px 6px #0000004d}.edit-video-container{background:#0f172a;width:100%;min-height:100vh;padding:40px}.edit-header{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.edit-header h2{color:#fff;margin-bottom:8px;font-size:34px;font-weight:700}.edit-header p{color:#94a3b8;font-size:17px}.back-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.back-btn:hover{background:#2563eb}.edit-form{background:#1e293b;border:1px solid #334155;border-radius:22px;padding:35px;box-shadow:0 20px 50px #00000059}.input-box{background:#0f172a;border:1px solid #334155;border-radius:16px;align-items:center;gap:15px;min-height:60px;padding:0 18px;transition:all .3s;display:flex}.input-box input,.input-box select,.input-box textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;width:100%;font-size:16px}.thumbnail-box{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:20px;margin-top:35px;padding:30px}.thumbnail-box h3{color:#fff;margin-bottom:20px;font-size:24px}.thumbnail-preview{object-fit:cover;border:2px solid #334155;border-radius:18px;width:100%;max-width:650px;height:340px;transition:all .35s;box-shadow:0 18px 45px #00000059}.thumbnail-preview:hover{border-color:#3b82f6;transform:scale(1.02)}.preview-card{background:#1e293b;border:1px solid #334155;border-radius:20px;margin-top:35px;padding:25px}.preview-card h3{color:#fff;margin-bottom:20px;font-size:24px}.preview-card iframe{border:none;border-radius:18px;width:100%;height:480px;overflow:hidden}.button-group{justify-content:flex-end;align-items:center;gap:18px;margin-top:40px;display:flex}.cancel-btn{color:#fff;cursor:pointer;background:#334155;border:none;border-radius:14px;padding:15px 30px;font-size:16px;font-weight:600;transition:all .3s}.cancel-btn:hover{background:#475569}.save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;align-items:center;gap:10px;padding:15px 35px;font-size:16px;font-weight:700;transition:all .3s;display:flex;box-shadow:0 15px 35px #2563eb59}.save-btn:hover{transform:translateY(-3px);box-shadow:0 20px 45px #2563eb73}.save-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=1200px){.edit-video-container{padding:30px}.preview-card iframe{height:420px}}@media (width<=992px){.form-row{grid-template-columns:1fr}.edit-header{flex-direction:column;align-items:flex-start;gap:20px}.button-group{flex-wrap:wrap;justify-content:center}.preview-card iframe{height:360px}}@media (width<=768px){.edit-video-container,.edit-form{padding:20px}.edit-header h2{font-size:28px}.edit-header p{font-size:15px}.thumbnail-preview{height:220px}.preview-card iframe{height:250px}.button-group{flex-direction:column}.save-btn,.cancel-btn{justify-content:center;width:100%}}@media (width<=480px){.edit-header{margin-bottom:25px}.edit-header h2{font-size:24px}.input-box{min-height:55px;padding:0 14px}.input-box input,.input-box textarea,.input-box select{font-size:15px}.thumbnail-box,.preview-card{padding:18px}.thumbnail-preview{height:180px}.preview-card iframe{height:200px}}.input-box input:-webkit-autofill{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.input-box input:-webkit-autofill:hover{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.input-box input:-webkit-autofill:focus{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.input-box textarea:-webkit-autofill{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.input-box select:-webkit-autofill{caret-color:#fff;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #0f172a!important}.edit-form,.thumbnail-box,.preview-card{animation:.5s fadeUp}.edit-header{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:40px;display:flex}.edit-header div:first-child{flex:1}.edit-header h2{color:#fff;margin:0;font-size:52px;font-weight:700}.edit-header p{color:#94a3b8;margin-top:12px;font-size:20px;line-height:32px}.back-btn{color:#fff;cursor:pointer;background:#2b3548;border:none;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;gap:10px;width:auto;min-width:170px;height:58px;padding:0 30px;font-size:18px;font-weight:600;transition:all .3s;display:flex}.back-btn:hover{background:#2563eb;transform:translateY(-2px)}.description-group{margin-bottom:30px}.description-box{background:#2d3748;border:2px solid #3b475d;border-radius:20px;width:100%;transition:all .3s;position:relative}.description-box textarea{color:#fff;resize:vertical;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;min-height:220px;padding:22px 22px 22px 70px;font-family:inherit;font-size:16px;line-height:1.7}.description-box textarea::placeholder{color:#94a3b8}.description-box{background:#2d3748;border:2px solid #3b82f6;border-radius:24px;align-items:flex-start;gap:18px;width:100%;min-height:260px;padding:20px 40px;transition:all .3s;display:flex}.description-box:hover{border-color:#60a5fa}.description-box:focus-within{border-color:#60a5fa;box-shadow:0 0 0 5px #3b82f62e}.description-icon{color:#3b82f6;flex-shrink:0;margin-top:8px;font-size:28px}.description-box textarea{color:#fff;resize:none;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;width:100%;min-height:220px;margin:0;padding:6px 0;font-family:inherit;font-size:17px;font-weight:500;line-height:1.8;overflow-y:auto}.description-box textarea::placeholder{color:#9ca3af;font-size:17px}.admin-sidebar{z-index:1000;background:#05070d;flex-direction:column;justify-content:space-between;width:240px;height:100vh;padding:20px;transition:left .3s;display:flex;position:fixed;top:0;left:0}.menu{margin-top:20px;padding:0;list-style:none}.menu li{margin-bottom:10px}.menu a{color:#aaa;border-radius:10px;gap:10px;padding:12px;text-decoration:none;display:flex}.menu a:hover{color:#fff;background:#f003}.menu a.active{color:#fff;background:red}.logout-btn{color:#fff;background:red;border:none;border-radius:10px;padding:12px}.overlay{z-index:900;background:#0009;width:100%;height:100%;position:fixed}@media (width<=768px){.admin-sidebar{left:-100%}.admin-sidebar.open{left:0}}.menu-btn,.close-btn{cursor:pointer;background:0 0;border:none;outline:none}.menu-btn svg,.close-btn svg{color:#fff;font-size:26px;transition:all .3s}.menu-btn:hover svg{color:#ff3b3b;transform:scale(1.1)}.close-btn:hover svg{color:red;transform:rotate(90deg)}.close-btn,.hide-btn{display:none}@media (width<=768px){.hide-btn{color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;display:block;position:absolute;top:15px;right:15px}}.admin-sidebar{background:#05070d;flex-direction:column;justify-content:space-between;width:240px;padding:20px 15px;display:flex}.logout-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:10px;width:100%;margin-top:20px;padding:12px;transition:all .3s}.admin-sidebar{background:#05070d;flex-direction:column;justify-content:space-between;width:240px;height:100vh;padding:20px 15px;display:flex}.admin-sidebar h2{margin-bottom:20px}.admin-menu{flex-direction:column;gap:10px;display:flex}.admin-item{color:#ccc;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.admin-item svg{min-width:20px;font-size:18px}.admin-item:hover{color:#fff;background:#ff00001a}.admin-item.active{color:#fff;background:red}.logout-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;transition:all .3s;display:flex}.logout-btn:hover{box-shadow:0 0 10px red}.sidebar{z-index:1000;background:#0b0f1a;width:260px;height:100vh;padding:20px;transition:all .3s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.active{transform:translate(0)}.logo{color:#fff;margin-bottom:30px}.menu{padding:0;list-style:none}.menu li{color:#ccc;cursor:pointer;margin:15px 0}.close-btn{color:#fff;cursor:pointer;background:0 0;border:none;font-size:22px;position:absolute;top:15px;right:15px}.overlay{z-index:999;background:#0009;position:fixed;inset:0}*{box-sizing:border-box}.admin-layout{background:#0a0a0f;min-height:100vh;display:flex}.admin-content{flex:1;margin-left:240px;padding:25px}.mobile-header{color:#fff;background:#05070d;align-items:center;gap:10px;padding:15px;display:none}@media (width<=768px){.mobile-header{display:flex}.admin-layout{display:block}.admin-content{width:100%;margin-left:0;padding:15px}}.close-btn{display:none}@media (width<=768px){.close-btn{color:#fff;cursor:pointer;z-index:1001;background:0 0;border:none;display:block;position:absolute;top:15px;right:15px}}.card{background:linear-gradient(145deg,#0c0c0c,#111);border:1px solid #ffffff0d;border-radius:14px;padding:20px;transition:all .3s}.card:hover{border:1px solid #f006;transform:translateY(-5px);box-shadow:0 10px 20px #ff000026}.dashboard-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.logout-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:8px;padding:10px 15px;font-weight:600}.logout-btn:hover{background:#ff3b3b}.card{background:linear-gradient(145deg,#0c0c0c,#111);border-radius:14px;padding:20px}.dashboard-cards{grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;display:grid}.dashboard-card{width:100%;max-width:360px}.admin-cards{grid-template-columns:repeat(3,1fr);gap:20px;width:100%;display:grid}.card{width:100%;height:220px;padding:20px}@media (width<=768px){.admin-cards{grid-template-columns:1fr;gap:16px;padding:10px}.card{width:100%;height:auto}}@media (width>=769px) and (width<=1024px){.admin-cards{grid-template-columns:repeat(2,1fr)}}.video-card{background:linear-gradient(145deg,#0c0c0c,#111);border:1px solid #ffffff0d;border-radius:12px;padding:12px;transition:all .3s}.video-card img{border-radius:10px;width:100%}.video-card h4{margin-top:8px;font-size:14px}.video-card p{color:#aaa;font-size:12px}.actions button{cursor:pointer;border:none;border-radius:6px;flex:1;padding:6px;font-size:12px;transition:all .3s}.live-btn{color:#fff;background:red}.video-header{padding:20px}.video-grid{grid-template-columns:repeat(3,1fr);gap:20px;padding:20px;display:grid}.video-card{background:linear-gradient(145deg,#0c0c0c,#111);border:1px solid #ffffff0d;border-radius:14px;transition:all .3s;overflow:hidden}.video-card:hover{border:1px solid #f006;transform:translateY(-5px);box-shadow:0 10px 20px #ff000026}.thumb{position:relative}.thumb img{width:100%;display:block}.live-badge{background:red;border-radius:4px;padding:4px 8px;font-size:10px;position:absolute;top:10px;left:10px}.video-info{padding:12px}.video-info p{color:#aaa;font-size:12px}.actions{justify-content:space-around;padding:10px;display:flex}.actions button{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.edit{color:#38bdf8;background:#1e293b}.delete{color:#ef4444;background:#1e293b}.live{color:#aaa;background:#1e293b}.live.on{color:red}.actions button:hover{transform:scale(1.1)}@media (width<=768px){.video-grid{grid-template-columns:1fr}}.live{box-shadow:none;border:none;background:0 0!important}.page-title{align-items:center;gap:10px;font-size:24px;display:flex}.page-title{align-items:center;gap:10px;margin:0;font-size:24px;display:flex}.title-icon{color:#fff;justify-content:center;align-items:center;font-size:26px;display:flex}.page-title span{align-items:center;display:flex}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.video-card{background:#0b0f1a;border-radius:12px;padding:12px;transition:all .3s}.thumb{border-radius:10px;width:100%;height:160px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.video-info h4{margin:8px 0 4px;font-size:15px}.video-info p{margin:2px 0;font-size:13px}.desc{max-height:40px;font-size:12px;line-height:1.4;overflow:hidden}.actions{gap:8px;margin-top:10px;display:flex}.actions button{border-radius:8px;padding:8px;font-size:14px}.add-wrapper h2{margin-bottom:20px;font-size:24px;font-weight:600}.preview{border:1px solid #ffffff0d;border-radius:12px;width:100%;margin-bottom:15px}@media (width<=768px){.form-container{padding:20px}.add-wrapper h2{font-size:20px}}.add-wrapper{padding:20px}.add-wrapper h2{margin-bottom:20px;font-size:24px}.form-container{background:linear-gradient(145deg,#0c0c0c,#111);border:1px solid #ffffff0d;border-radius:16px;max-width:500px;margin:auto;padding:25px}.form-group{flex-direction:column;display:flex}.form-group label{color:#ccc;margin-bottom:5px;font-size:13px}.form-group input,.form-group select{color:#fff;background:#ffffff0d;border:1px solid #333;border-radius:10px;padding:12px}select option{color:#fff;background:#111}.form-btn{color:#fff;cursor:pointer;background:red;border:none;border-radius:10px;margin-top:10px;padding:12px}@media (width<=480px){.form-container{padding:15px}}.video-preview{width:100%;margin-bottom:15px}.video-preview img{object-fit:cover;border-radius:12px;width:100%;max-height:220px}.add-video-wrapper{max-width:700px;margin:20px auto;padding:20px}.form{background:#0f1117;border-radius:12px;padding:20px}.form-group input,.form-group select,.form-group textarea{padding:10px;font-size:14px}.page-title{font-size:22px}.form-btn{padding:10px;font-size:14px}.preview{border-radius:10px;width:100%;margin-bottom:15px}.edit-wrapper{padding:20px}.edit-wrapper h2{margin-bottom:20px;font-size:24px;font-weight:600}.form-container{background:linear-gradient(145deg,#0c0c0c,#111);border:1px solid #ffffff0d;border-radius:16px;max-width:500px;margin:auto;padding:25px;transition:all .3s;box-shadow:0 10px 30px #0009}.form-container:hover{border:1px solid #ff00004d}.preview{object-fit:cover;border:1px solid #ffffff0d;border-radius:12px;width:100%;height:auto;margin-bottom:15px}.form{flex-direction:column;gap:16px;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#ccc;font-size:13px;font-weight:500}.form-group input,.form-group select{color:#fff;background:#ffffff0d;border:1px solid #333;border-radius:10px;outline:none;padding:12px;font-size:14px;transition:all .3s}.form-group input::placeholder{color:#777}.form-group input:focus,.form-group select:focus{border:1px solid red;box-shadow:0 0 10px #ff000080}.checkbox{flex-direction:row;align-items:center;gap:10px}.checkbox input{accent-color:red;transform:scale(1.2)}.form-btn{color:#fff;cursor:pointer;background:linear-gradient(45deg,red,#ff4d4d);border:none;border-radius:10px;margin-top:10px;padding:12px;font-size:14px;font-weight:600;transition:all .3s}.form-btn:hover{transform:scale(1.05);box-shadow:0 0 12px red}@media (width<=768px){.form-container{padding:20px}.edit-wrapper h2{font-size:20px}}.form-container{width:100%;max-width:500px;margin:auto}@media (width<=480px){.form-container{padding:15px}}.cat-wrapper{padding:20px}.cat-wrapper h2{margin-bottom:20px;font-size:24px}.cat-add{gap:10px;max-width:400px;margin-bottom:20px;display:flex}.cat-add input{color:#fff;background:#ffffff0d;border:1px solid #333;border-radius:10px;outline:none;flex:1;padding:12px}.cat-add input:focus{border:1px solid red;box-shadow:0 0 8px #f006}.cat-add button{color:#fff;cursor:pointer;background:linear-gradient(45deg,red,#ff4d4d);border:none;border-radius:10px;padding:12px 16px;transition:all .3s}.cat-add button:hover{transform:scale(1.05);box-shadow:0 0 10px red}.cat-card{background:linear-gradient(145deg,#0c0c0c,#111);border:1px solid #ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;padding:15px;transition:all .3s;display:flex}.cat-card:hover{border:1px solid #f006;transform:translateY(-3px)}.cat-card button{color:red;cursor:pointer;background:0 0;border:1px solid red;border-radius:6px;padding:5px 10px}.cat-card button:hover{color:#fff;background:red}@media (width<=768px){.cat-list{grid-template-columns:1fr}}.cat-list{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:15px;display:grid}.users-wrapper h2{margin-bottom:20px;font-size:24px}.status{margin-top:4px;font-size:12px}@media (width<=768px){.users-grid{grid-template-columns:1fr}}.users-wrapper{padding:20px}.page-title{align-items:center;gap:10px;margin-bottom:20px;font-size:24px;display:flex}.empty{color:#aaa;padding:20px}.users-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.user-card{background:linear-gradient(145deg,#0c0c0c,#111);border:1px solid #ffffff0d;border-radius:14px;justify-content:space-between;align-items:center;padding:18px;transition:all .3s;display:flex}.user-info h4{margin:0;font-size:15px}.user-info p{color:#aaa;margin:4px 0;font-size:12px}.role{align-items:center;gap:6px;display:flex}.role svg{font-size:14px}.status{font-size:12px}.green{color:#22c55e}.red{color:#ff2d2d}.user-card button{cursor:pointer;border:none;border-radius:8px;padding:8px 14px;font-size:12px;transition:all .3s}.btn-suspend{color:#fff;background:red}.btn-suspend:hover{box-shadow:0 0 10px red}.btn-activate{color:#fff;background:#22c55e}.btn-activate:hover{box-shadow:0 0 10px #22c55e}@media (width<=768px){.users-grid{grid-template-columns:1fr}}.user-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;justify-content:space-between;align-items:center;padding:18px;transition:all .3s;display:flex}.user-card:hover{border:1px solid #ff000080;transform:translateY(-5px);box-shadow:0 10px 30px #ff000026}.add-banner{color:#fff;padding:40px}.form-box{background:#0f172a;border:1px solid #1f2937;border-radius:16px;flex-direction:column;gap:14px;max-width:520px;margin:0 auto;padding:25px;display:flex}.form-box input,.form-box textarea{color:#fff;background:#020617;border:1px solid #1f2937;border-radius:10px;outline:none;width:100%;padding:12px;transition:all .3s}.form-box input:focus,.form-box textarea:focus{border-color:#ff2d2d}.form-box input[type=file]{cursor:pointer;padding:10px}.form-box textarea{resize:none;min-height:100px}.preview-img{border:1px solid #1f2937;border-radius:10px;width:120px}.form-box button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#ff2d2d,#ff6a00);border:none;border-radius:10px;margin-top:10px;padding:14px;font-weight:600;transition:all .3s}.form-box button:hover{transform:translateY(-2px)}.form-box button:disabled{opacity:.6;cursor:not-allowed}.preview{object-fit:cover;border-radius:10px;width:100%;max-width:350px;height:200px;margin-bottom:15px}.banner-card{background:#0f172a;border:1px solid #1f2937;border-radius:12px;overflow:hidden}.banner-card img{object-fit:cover;width:100%;height:160px}.banner-info{padding:10px}.banner-info h4{margin:5px 0}.banner-info p{color:#aaa;font-size:13px}.actions{padding:10px}.delete-btn{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;width:100%;padding:8px}.manage-banner{color:#fff;padding:30px}.page-title{align-items:center;gap:10px;margin-bottom:25px;display:flex}.title-icon{color:#ff2d2d}.img-box img{object-fit:cover;width:100%;height:180px}.banner-content{padding:15px}.banner-content h3{margin:0;font-size:18px}.banner-content p{color:#aaa;margin-top:5px;font-size:13px}.edit-btn,.delete-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;transition:all .3s;display:flex}.edit-btn{flex:1}.delete-btn{flex:.7}.btn-group{gap:10px;width:100%;display:flex}.edit-btn,.delete-btn{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;height:42px;padding:0;font-size:14px;display:flex}.banner-actions{justify-content:center;align-items:center;padding:15px;display:flex}.btn-group{justify-content:center;gap:12px;width:80%;display:flex}.edit-btn,.delete-btn{border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;height:42px;font-size:14px;display:flex}.edit-btn{color:#fff;background:#2563eb;border:none}.delete-btn{color:#fff;background:#dc2626;border:none}.banner-actions{box-sizing:border-box;justify-content:center;width:100%;padding:15px;display:flex}.edit-btn,.delete-btn{border-radius:8px;flex:1;justify-content:center;align-items:center;height:42px;font-size:14px;display:flex}.banner-actions{justify-content:center;padding:15px;display:flex}.banner-actions-inner{gap:12px;width:100%;display:flex}.edit-btn,.delete-btn{border-radius:10px;flex:1;justify-content:center;align-items:center;height:45px;padding:0;font-size:14px;display:flex}.edit-btn svg,.delete-btn svg{font-size:16px}.edit-btn,.delete-btn{gap:6px}.banner-actions{gap:12px;padding:15px;display:flex}.edit-btn,.delete-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;height:44px;padding:0;font-size:14px;font-weight:500;display:flex}.btn-icon{font-size:16px;display:flex}.edit-btn{color:#fff;background:#2563eb;margin-bottom:10px}.delete-btn{color:#fff;background:#dc2626}.banner-actions{justify-content:center;align-items:center;gap:12px;padding:15px;display:flex}.banner-card{background:linear-gradient(145deg,#0f172a,#020617);border:1px solid #1f2937;border-radius:16px;flex-direction:column;width:100%;max-width:320px;margin:0 auto;display:flex;overflow:hidden}.dashboard-top{margin-bottom:30px}.card{text-align:center;cursor:pointer;background:#0f172a;border:1px solid #1e293b;border-radius:16px;padding:30px 20px;transition:all .3s}.card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #ff000026}.card-icon{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin:auto auto 18px;font-size:30px;display:flex}.card-icon.red{background:#ef4444}.card-icon.blue{background:#2563eb}.card-icon.green{background:#10b981}.card h3{color:#fff;margin-bottom:10px;font-size:20px;font-weight:600}.card p{color:#facc15;margin:0;font-size:34px;font-weight:700}@media (width<=992px){.admin-cards{grid-template-columns:repeat(2,1fr)}.page-title{font-size:28px}}@media (width<=768px){.admin-cards{grid-template-columns:1fr;gap:18px}.page-title{font-size:24px}.title-icon{font-size:26px}.card{padding:25px 15px}.card-icon{width:60px;height:60px;font-size:26px}.card h3{font-size:18px}.card p{font-size:28px}}.admin-cards{grid-template-columns:repeat(4,minmax(220px,1fr));gap:24px;display:grid}@media (width<=1024px){.admin-cards{grid-template-columns:repeat(2,1fr);gap:20px}.card{min-height:220px;padding:35px 20px}.card-icon{width:70px;height:70px;font-size:30px}.card h3{margin-top:18px;font-size:22px}.card p{font-size:36px}}@media (width<=768px){.dashboard-container{padding:20px 15px}.dashboard-top{margin-bottom:20px}.page-title{font-size:28px}.admin-cards{grid-template-columns:1fr;gap:18px}.card{width:100%;max-width:340px;min-height:180px;margin:0 auto;padding:25px 20px}.card-icon{width:60px;height:60px;font-size:26px}.card h3{font-size:20px}.card p{font-size:32px}}.home-loading-content{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:400px;padding:40px 0;display:flex}.home-loading-content h2{color:#fff;margin-top:20px;font-size:28px;font-weight:700}.home-loading-content p{color:#cbd5e1;margin-top:8px;font-size:15px}@media (width>=1025px){.admin-cards{grid-template-columns:repeat(3,minmax(280px,320px));justify-content:flex-start;gap:25px;display:grid}.card{min-height:190px;padding:30px 20px}.card-icon{width:70px;height:70px;font-size:30px}.card h3{font-size:22px}.card p{font-size:38px}}.upload-container{padding:20px}.upload-header{margin-bottom:20px}.upload-icon{width:55px;height:55px;font-size:26px}.upload-title h2{font-size:28px}.upload-title p{font-size:14px}.upload-form{border-radius:14px;max-width:700px;margin:auto;padding:22px}.form-group label{margin-bottom:8px;font-size:14px}.input-box{border-radius:10px}.input-box svg{width:45px;min-width:45px;font-size:18px}.input-box input,.input-box select{height:46px;padding:0 12px;font-size:14px}.input-box textarea{min-height:100px;padding:12px;font-size:14px}.thumbnail-box{padding:20px}.thumbnail-box svg{font-size:38px}.thumbnail-box h4{font-size:18px}.thumbnail-box p{font-size:13px}.thumbnail-box img{max-height:180px}.preview-card{margin-top:20px;padding:15px}.preview-card h3{font-size:18px}.preview-card iframe{height:220px}.upload-btn{border-radius:8px;width:180px;height:45px;font-size:15px}@media (width<=768px){.form-row{grid-template-columns:1fr}.upload-form{padding:18px}.upload-btn{width:100%}.preview-card iframe{height:180px}}.upload-container{color:#fff;background:#05070d;width:100%;min-height:100vh;padding:20px}.upload-header{align-items:center;gap:15px;margin-bottom:25px;display:flex}.upload-icon{color:#fff;background:#ef4444;border-radius:14px;justify-content:center;align-items:center;width:55px;height:55px;font-size:26px;display:flex;box-shadow:0 8px 20px #ef44444d}.upload-title h2{margin:0;font-size:28px;font-weight:700}.upload-title p{color:#94a3b8;margin-top:5px;font-size:14px}.upload-form{background:#0f172a;border:1px solid #1f2937;border-radius:16px;max-width:760px;margin:auto;padding:22px}.form-group{margin-bottom:18px}.form-group label{color:#fff;margin-bottom:8px;font-size:14px;font-weight:600;display:block}.input-box{background:#111827;border:1px solid #374151;border-radius:10px;align-items:center;transition:all .3s;display:flex}.input-box svg{color:#ef4444;text-align:center;width:48px;min-width:48px;font-size:18px}.input-box input,.input-box textarea,.input-box select{color:#fff;background:0 0;border:none;outline:none;width:100%;padding:13px 15px;font-family:inherit;font-size:14px}.input-box input{height:46px}.input-box textarea{resize:vertical;min-height:100px}.input-box input::placeholder,.input-box textarea::placeholder{color:#94a3b8}.input-box option{background:#111827}.form-row{grid-template-columns:1fr 1fr;gap:18px;display:grid}.thumbnail-box{text-align:center;border:2px dashed #374151;border-radius:12px;margin-top:15px;padding:22px;transition:all .3s}.thumbnail-box:hover{border-color:#ef4444}.thumbnail-box svg{color:#ef4444;margin-bottom:10px;font-size:40px}.thumbnail-box h4{margin-bottom:8px;font-size:18px}.thumbnail-box p{color:#cbd5e1;font-size:13px}.thumbnail-box small{color:#94a3b8}.thumbnail-box img{object-fit:cover;border-radius:10px;width:100%;max-height:180px;margin-top:15px}.preview-card{background:#111827;border-radius:12px;margin:22px 0;padding:15px}.preview-card h3{margin-bottom:15px;font-size:18px}.preview-card iframe{border:none;border-radius:10px;width:100%;height:220px}.upload-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:48px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.upload-btn:hover{background:#dc2626;transform:translateY(-2px)}@media (width<=768px){.upload-container{padding:15px}.upload-header{flex-direction:column;align-items:flex-start}.form-row{grid-template-columns:1fr;gap:15px}.upload-form{padding:18px}.preview-card iframe{height:180px}.upload-title h2{font-size:24px}.upload-title p{font-size:13px}}@media (width<=480px){.upload-form{padding:15px}.upload-icon{width:48px;height:48px;font-size:22px}.input-box svg{width:42px;min-width:42px;font-size:16px}.input-box input{height:44px}.input-box textarea{min-height:90px}.preview-card iframe{height:170px}.upload-btn{height:46px;font-size:14px}}.input-box{background:#2b3545;border:2px solid #3a4659;border-radius:20px;align-items:flex-start;gap:15px;padding:18px;transition:all .3s;display:flex}.input-box svg{color:#3b82f6;flex-shrink:0;margin-top:10px;font-size:24px}.input-box textarea{color:#fff;resize:none;background:0 0;border:none;outline:none;width:100%;height:120px;margin:0;padding:0;font-family:inherit;font-size:16px;line-height:1.6;overflow-y:auto}.input-box textarea::placeholder{color:#94a3b8}.input-box{align-items:center}input-box textarea{background:#1f2937;border:1px solid #374151;border-radius:18px;align-items:flex-start;gap:15px;min-height:220px;padding:18px;display:flex}.form-group .input-box svg{color:#3b82f6;flex-shrink:0;margin-top:4px;font-size:22px}.form-group .input-box textarea{color:#fff;resize:vertical;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;width:100%;height:180px;min-height:180px;margin:0;padding:0;font-family:inherit;font-size:16px;line-height:1.7;overflow-y:auto}.form-group .input-box textarea::placeholder{color:#94a3b8}.description-box{margin-bottom:30px}.description-box label{color:#fff;margin-bottom:12px;font-size:18px;font-weight:600;display:block}.description-input{background:#202938;border:2px solid #2f3b52;border-radius:20px;transition:all .35s;position:relative;overflow:hidden}.description-input:hover{border-color:#3b82f6}.description-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 5px #3b82f626}.description-icon{color:#3b82f6;font-size:26px;position:absolute;top:22px;left:22px}.description-input textarea{color:#fff;resize:vertical;box-sizing:border-box;background:0 0;border:none;outline:none;width:100%;min-height:220px;padding:22px 22px 22px 70px;font-family:inherit;font-size:16px;line-height:1.8}.description-input textarea::placeholder{color:#94a3b8}.description-input textarea::-webkit-scrollbar{width:8px}.description-input textarea::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:20px}.description-input textarea::-webkit-scrollbar-track{background:0 0}.video-description-wrapper{width:100%;margin-bottom:30px}.video-description-wrapper label{color:#fff;margin-bottom:12px;font-size:18px;font-weight:600;display:block}.video-description-container{box-sizing:border-box;background:#2d3748;border:2px solid #3b82f6;border-radius:24px;align-items:flex-start;gap:18px;width:100%;min-height:220px;padding:22px;transition:all .3s;display:flex}.video-description-container:hover{border-color:#60a5fa}.video-description-container:focus-within{border-color:#60a5fa;box-shadow:0 0 0 5px #3b82f62e}.video-description-icon{color:#3b82f6;flex-shrink:0;margin-top:6px;font-size:28px}.video-description-textarea{color:#fff;resize:vertical;box-sizing:border-box;background:0 0;border:none;outline:none;flex:1;width:100%;min-height:180px;margin:0;padding:0;font-family:inherit;font-size:16px;line-height:1.8;overflow-y:auto}.video-description-textarea::placeholder{color:#94a3b8}.upload-icon{background:#2563eb!important;border-radius:24px!important;justify-content:center!important;align-items:center!important;width:90px!important;height:90px!important;display:flex!important;box-shadow:0 12px 30px #2563eb59!important}.upload-icon svg{color:#fff!important;font-size:42px!important}.upload-icon:hover{transition:all .3s;transform:translateY(-3px);background:#1d4ed8!important}.translate-area{background:#1f2937;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;width:100%;margin-top:30px;padding:16px 20px;display:flex}.translate-left{color:#fff;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.translate-icon{color:#3b82f6;font-size:24px}.translate-select{color:#fff;cursor:pointer;appearance:none;background:#0f172a url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5L8 12l6.5-6.5' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") right 15px center no-repeat;border:2px solid #334155;border-radius:12px;outline:none;min-width:170px;height:48px;padding:0 45px 0 16px;font-size:16px;font-weight:600;transition:all .3s}.translate-select:hover{border-color:#3b82f6}.translate-select:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb2e}.translate-select option{color:#fff;background:#1f2937}@media (width<=768px){.translate-area{flex-direction:column;align-items:flex-start;gap:14px}.translate-select{width:100%}}.video-card{box-sizing:border-box!important;background:#141d31!important;border:1px solid #24324d!important;border-radius:18px!important;width:100%!important;max-width:100%!important;padding:16px!important;transition:all .35s!important;overflow:hidden!important;box-shadow:0 10px 25px #00000040!important}button .edit-btn{margin-bottom:0!important}.video-content{padding:16px 4px 4px!important}.video-actions{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:14px!important;display:flex!important}@media (width<=991px){.video-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.myvideos-container{box-sizing:border-box!important;padding:15px!important;overflow-x:hidden!important}.video-grid{grid-template-columns:1fr!important;gap:16px!important}.video-card{width:100%!important;max-width:100%!important;padding:14px!important}.video-actions{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.video-actions button{width:100%!important;min-width:100%!important;height:44px!important;font-size:14px!important}}.myvideos-container{color:#fff;box-sizing:border-box;background:#05070d;width:100%;min-height:100vh;padding:30px}.page-title{color:#fff;align-items:center;gap:12px;margin-bottom:8px;font-size:34px;font-weight:700;display:flex}.page-subtitle{color:#9ca3af;margin-bottom:25px;font-size:15px}.search-container{box-sizing:border-box;background:#182235;border:1px solid #2d3b57;border-radius:14px;align-items:center;gap:12px;width:100%;max-width:420px;height:52px;margin-bottom:30px;padding:0 18px;transition:all .3s;display:flex}.search-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f626}.search-icon{color:#8aa4d5;flex-shrink:0;font-size:22px}.search-input{color:#fff;background:0 0;border:none;outline:none;flex:1;height:100%;font-size:16px}.search-input::placeholder{color:#94a3b8}.video-grid{box-sizing:border-box!important;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;gap:24px!important;width:100%!important;display:grid!important}.video-card{flex-direction:column;display:flex;box-sizing:border-box!important;background:#141d31!important;border:1px solid #24324d!important;border-radius:18px!important;width:100%!important;padding:16px!important;transition:all .35s!important;overflow:hidden!important;box-shadow:0 10px 25px #00000040!important}.video-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #ef444426}.thumbnail-wrapper{background:#000;border-radius:12px!important;width:100%!important;height:180px!important;position:relative!important;overflow:hidden!important}.video-thumb{display:block;object-fit:cover!important;width:100%!important;height:100%!important}.live-badge{color:#fff!important;z-index:10!important;background:#ef4444!important;border-radius:30px!important;align-items:center!important;gap:6px!important;padding:5px 12px!important;font-size:12px!important;font-weight:700!important;display:flex!important;position:absolute!important;top:12px!important;left:12px!important}.live-dot{animation:1s infinite livePulse;background:#fff!important;border-radius:50%!important;width:8px!important;height:8px!important}.video-content{flex-direction:column;flex:1;display:flex;padding:14px 4px 4px!important}.video-content h3{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;color:#fff!important;margin:0 0 10px!important;font-size:17px!important;line-height:1.4!important}.video-info{color:#d1d5db!important;justify-content:space-between!important;align-items:center!important;margin-bottom:14px!important;font-size:13px!important;display:flex!important}.video-info span{align-items:center;gap:6px;display:flex}.status{border-radius:30px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status.approved{color:#fff;background:#16a34a}.status.pending{color:#fff;background:#f59e0b}.status.rejected{color:#fff;background:#ef4444}.video-actions{padding-top:10px;flex-direction:row!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:auto!important;display:flex!important}.video-actions button{color:#fff!important;cursor:pointer!important;white-space:nowrap!important;box-sizing:border-box!important;border:none!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:5px!important;height:38px!important;padding:0 6px!important;font-size:13px!important;font-weight:600!important;transition:all .25s!important;display:flex!important}.empty-box{text-align:center;background:#111827;border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:550px;margin:60px auto;padding:40px 30px;box-shadow:0 10px 35px #00000059}.empty-icon{color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:36px;display:flex}.empty-box h2{color:#fff;margin-bottom:12px;font-size:26px}.empty-box p{color:#9ca3af;margin-bottom:25px;font-size:15px}.upload-now-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 28px;font-size:15px;font-weight:600;transition:all .3s}.upload-now-btn:hover{background:#1d4ed8}@media (width<=1024px){.video-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=768px){.myvideos-container{box-sizing:border-box!important;padding:15px!important;overflow-x:hidden!important}.video-grid{grid-template-columns:1fr!important;gap:16px!important}.video-card{width:100%!important;padding:14px!important}.video-actions{flex-direction:column!important;gap:8px!important;width:100%!important;display:flex!important}.video-actions button{width:100%!important;height:40px!important;font-size:14px!important}}.video-actions{flex-direction:row!important;align-items:stretch!important;gap:6px!important;width:100%!important;margin-top:auto!important;padding-top:12px!important;display:flex!important}.video-actions button{color:#fff!important;cursor:pointer!important;white-space:nowrap!important;box-sizing:border-box!important;vertical-align:middle!important;border:none!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-width:0!important;height:38px!important;padding:0 4px!important;font-size:13px!important;font-weight:600!important;line-height:normal!important;transition:all .25s!important;display:inline-flex!important}.video-actions{flex-direction:row!important;justify-content:space-between!important;align-items:center!important;gap:8px!important;width:100%!important;margin-top:auto!important;padding-top:12px!important;display:flex!important}.video-actions button{color:#fff!important;cursor:pointer!important;white-space:nowrap!important;box-sizing:border-box!important;border:none!important;border-radius:8px!important;flex:1!important;justify-content:center!important;align-items:center!important;gap:5px!important;min-width:0!important;height:38px!important;padding:0 4px!important;font-size:13px!important;font-weight:600!important;transition:all .25s!important;display:flex!important}.video-actions button span{text-overflow:ellipsis;overflow:hidden}.video-actions button svg{flex-shrink:0!important;font-size:14px!important}.edit-btn{background:#2563eb!important}.edit-btn:hover{background:#1d4ed8!important}.go-live-btn{background:#16a34a!important}.go-live-btn:hover{background:#15803d!important}.stop-live-btn{background:#ef4444!important}.stop-live-btn:hover{background:#dc2626!important}.delete-btn{background:#374151!important}.delete-btn:hover{background:#1f2937!important}@media (width<=768px){.video-actions button{margin-top:0}.video-actions .delete-btn{margin-bottom:0}}@media (width>=769px) and (width<=1024px){.video-actions button{margin-top:0}.video-actions .delete-btn{margin-bottom:0}}@media (width>=1025px){.video-actions .delete-btn{margin-bottom:0}}.empty-box{text-align:center;background:#141c2e;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:420px;margin-top:30px;padding:60px 30px;display:flex}.empty-icon{color:#fff;background:linear-gradient(135deg,#ff4040,#e91e63);border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin-bottom:25px;font-size:60px;display:flex;box-shadow:0 20px 40px #ff404040}.empty-box h2{color:#fff;margin-bottom:15px;font-size:40px;font-weight:700}.empty-box p{color:#b6bfd4;max-width:420px;margin-bottom:35px;font-size:17px;line-height:1.7}.upload-now-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#3b82f6);border:none;border-radius:12px;outline:none;padding:15px 34px;font-size:17px;font-weight:600;transition:all .3s}.upload-now-btn:hover{transform:translateY(-4px);box-shadow:0 15px 35px #2563eb59}.notification-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.notification-header h2{align-items:center;gap:12px;margin:0;font-size:32px;font-weight:700;display:flex}.notification-header h2 svg{color:#ef4444;font-size:34px}.notify-count{color:#fff;background:#ef4444;border-radius:30px;padding:8px 18px;font-size:14px;font-weight:600}.notification-list{flex-direction:column;gap:18px;display:flex}.notification-card{background:#111827;border:1px solid #1f2937;border-radius:18px;align-items:center;gap:22px;padding:22px 25px;transition:all .3s;display:flex;position:relative;overflow:hidden}.notification-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000059}.notification-card.success{border-left:6px solid #22c55e}.notification-card.pending{border-left:6px solid #f59e0b}.notification-card.error{border-left:6px solid #ef4444}.notification-icon{border-radius:50%;justify-content:center;align-items:center;width:65px;min-width:65px;height:65px;font-size:30px;display:flex}.notification-card.success .notification-icon{color:#22c55e;background:#22c55e26}.notification-card.pending .notification-icon{color:#f59e0b;background:#f59e0b26}.notification-card.error .notification-icon{color:#ef4444;background:#ef444426}.notification-body{width:100%}.notification-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.notification-top h4{color:#fff;margin:0;font-size:20px;font-weight:700}.notification-date{color:#cbd5e1;background:#1f2937;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600}.notification-body p{color:#cbd5e1;margin:0;font-size:15px;line-height:1.6}.empty-text{text-align:center;color:#94a3b8;background:#111827;border:1px dashed #374151;border-radius:15px;padding:60px;font-size:16px}@media (width<=900px){.notification-header{flex-direction:column;align-items:flex-start;gap:15px}.notification-card{padding:20px}.notification-icon{width:55px;min-width:55px;height:55px;font-size:24px}.notification-top{flex-direction:column;align-items:flex-start;gap:8px}.notification-top h4{font-size:18px}}@media (width<=768px){.notifications-container{padding:18px}.notification-card{flex-direction:column;align-items:flex-start;gap:15px}.notification-icon{width:50px;min-width:50px;height:50px;font-size:22px}.notification-top{width:100%}.notification-body p{font-size:14px}.notify-count{padding:6px 14px;font-size:12px}.notification-header h2{font-size:28px}}@media (width<=480px){.notifications-container{padding:15px}.notification-header h2{font-size:24px}.notification-header h2 svg{font-size:28px}.notification-card{border-radius:14px;padding:16px}.notification-top h4{font-size:16px}.notification-body p{font-size:13px}.notification-date{padding:5px 10px;font-size:11px}.notify-count{font-size:11px}}.empty-notification{text-align:center;background:linear-gradient(145deg,#111827,#1f2937);border:1px solid #ffffff14;border-radius:25px;max-width:700px;margin:80px auto;padding:60px 45px;box-shadow:0 20px 50px #00000073}.empty-circle{color:#fff;background:linear-gradient(135deg,#ff3b3b,#ff6b6b);border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;margin:auto auto 35px;font-size:65px;animation:3s infinite bellFloat;display:flex;box-shadow:0 15px 40px #ff000059}@keyframes bellFloat{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.empty-notification h2{color:#fff;margin-bottom:18px;font-size:38px;font-weight:700}.empty-notification p{color:#cbd5e1;max-width:520px;margin:0 auto 35px;font-size:18px;line-height:1.9}.explore-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:15px 38px;font-size:17px;font-weight:600;transition:all .35s}.explore-btn:hover{background:#1d4ed8;transform:translateY(-4px);box-shadow:0 15px 30px #2563eb66}.notifications-container{background:#0f172a;width:100%;min-height:100vh;padding:40px}.header-left{align-items:center;gap:18px;display:flex}.header-icon{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:20px;justify-content:center;align-items:center;width:70px;height:70px;font-size:32px;display:flex;box-shadow:0 10px 25px #2563eb59}.header-left h2{color:#fff;margin:0;font-size:38px;font-weight:700}.header-left p{color:#94a3b8;margin-top:8px;font-size:18px}.clear-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:14px;outline:none;align-items:center;gap:10px;padding:14px 28px;font-size:16px;font-weight:600;transition:all .3s;display:flex}.clear-btn:hover{background:#dc2626;transform:translateY(-2px)}.empty-notification{text-align:center;background:#1e293b;border:1px solid #334155;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:850px;margin:70px auto;padding:80px 40px;display:flex}.empty-notification p{color:#94a3b8;font-size:20px;line-height:32px}.notifications-container{color:#fff;background:radial-gradient(circle at 100% 0,#2563eb14,#0000 35%),radial-gradient(circle at 0 100%,#3b82f60f,#0000 30%),#0b1120;width:100%;min-height:100vh;padding:40px}.notifications-page{background:#0b1120;min-height:100vh}.notifications-header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.empty-notification{text-align:center;background:#1a2436;border:1px solid #2d3b56;border-radius:24px;width:100%;max-width:900px;margin:70px auto;padding:90px 40px;box-shadow:0 20px 60px #00000059}.empty-notification svg{color:#3b82f6;margin-bottom:25px;font-size:90px}.empty-notification h3{color:#fff;margin-bottom:15px;font-size:40px}.empty-notification p{color:#94a3b8;font-size:20px}.notification-loading{color:#3b82f6;justify-content:center;align-items:center;min-height:80vh;font-size:34px;font-weight:700;display:flex}.profile-page{background:0 0;width:100%;min-height:100vh;padding:40px}.profile-top{justify-content:space-between;align-items:center;margin-bottom:35px;display:flex}.page-title{color:#fff;align-items:center;gap:14px;font-size:38px;font-weight:700;display:flex}.page-title svg{color:#3b82f6;font-size:40px}.page-subtitle{color:#94a3b8;margin-top:10px;font-size:17px;line-height:1.6}.profile-card{background:#111827;border:1px solid #ffffff14;border-radius:24px;grid-template-columns:360px 1fr;gap:45px;padding:40px;display:grid;box-shadow:0 20px 50px #00000059}.profile-left{color:#fff;text-align:center;background:linear-gradient(#2563eb,#1d4ed8);border-radius:22px;padding:35px}.avatar-wrapper{width:170px;height:170px;margin:auto;position:relative}.avatar-circle{background:#ffffff14;border:5px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:170px;height:170px;display:flex;overflow:hidden}.avatar-circle svg{color:#fff;font-size:95px}.avatar-img{object-fit:cover;width:100%;height:100%}.camera-btn{color:#2563eb;cursor:pointer;background:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;transition:all .3s;display:flex;position:absolute;bottom:8px;right:8px}.camera-btn:hover{transform:scale(1.08)}.profile-left h3{margin-top:28px;font-size:34px;font-weight:700}.role-badge{background:#ffffff2e;border-radius:30px;margin-top:15px;padding:10px 24px;font-size:15px;font-weight:600;display:inline-block}.profile-details{flex-direction:column;gap:20px;margin-top:35px;display:flex}.detail-box{background:#ffffff1a;border-radius:18px;align-items:center;gap:18px;padding:18px;transition:all .3s;display:flex}.detail-box:hover{background:#ffffff29;transform:translateY(-4px)}.detail-box svg{color:#fff;font-size:30px}.detail-box small{color:#dbeafe;margin-bottom:5px;font-size:13px;display:block}.detail-box p{color:#fff;font-size:17px;font-weight:600}.profile-right{justify-content:center;align-items:center;width:100%;display:flex}.profile-form{width:100%}.form-grid{grid-template-columns:repeat(2,minmax(280px,1fr));gap:28px;display:grid}.input-group{flex-direction:column;gap:10px;display:flex}.input-group label{color:#fff;font-size:16px;font-weight:600}.input-box{background:#1f2937;border:2px solid #ffffff14;border-radius:16px;align-items:center;width:100%;height:62px;padding:0 20px;transition:all .35s;display:flex}.input-box svg{color:#3b82f6;flex-shrink:0;margin-right:15px;font-size:22px}.input-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;width:100%;height:100%;font-size:16px;font-weight:500}.button-area{justify-content:flex-end;margin-top:40px;display:flex}.update-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:15px;min-width:230px;height:58px;font-size:17px;font-weight:600;transition:all .35s;box-shadow:0 12px 30px #2563eb59}.update-btn:hover{transform:translateY(-4px);box-shadow:0 18px 40px #2563eb73}.update-btn:active{transform:scale(.98)}.update-btn:disabled{opacity:.7;cursor:not-allowed}.loading-container{justify-content:center;align-items:center;height:70vh;display:flex}.loading-container h2{color:#60a5fa;font-size:32px;font-weight:700}.profile-card{animation:.45s profileFade}@keyframes profileFade{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-card:hover{box-shadow:0 25px 60px #00000073}.avatar-circle{transition:all .35s}.avatar-circle:hover{transform:scale(1.04)}.role-badge{transition:all .35s}.role-badge:hover{background:#ffffff47}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0f172a}::-webkit-scrollbar-thumb{background:#2563eb;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#3b82f6}@media (width<=1200px){.profile-card{grid-template-columns:1fr}.profile-left{max-width:450px;margin:auto}}@media (width<=992px){.profile-page{padding:25px}.form-grid{grid-template-columns:1fr;gap:22px}.page-title{font-size:32px}.profile-left h3{font-size:30px}.button-area{justify-content:center}.update-btn{width:100%;max-width:320px}}@media (width<=768px){.profile-page{padding:18px}.profile-card{gap:25px;padding:22px}.profile-left{padding:25px}.avatar-wrapper,.avatar-circle{width:140px;height:140px}.avatar-circle svg{font-size:75px}.camera-btn{width:42px;height:42px;font-size:18px}.profile-left h3{font-size:26px}.page-title{font-size:28px}.page-title svg{font-size:30px}.detail-box{padding:15px}.detail-box svg{font-size:26px}.input-box{height:56px}.input-box input{font-size:15px}.update-btn{height:54px;font-size:16px}}@media (width<=480px){.profile-page{padding:12px}.profile-card{border-radius:18px;padding:15px}.profile-left{padding:20px}.avatar-wrapper,.avatar-circle{width:120px;height:120px}.avatar-circle svg{font-size:60px}.profile-left h3{font-size:22px}.role-badge{padding:8px 18px;font-size:13px}.page-title{font-size:24px}.page-subtitle{font-size:14px}.detail-box{text-align:center;flex-direction:column;gap:10px}.button-area{margin-top:30px}.update-btn{width:100%}}input:-webkit-autofill{-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1f2937}input:-webkit-autofill:hover{-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1f2937}input:-webkit-autofill:focus{-webkit-text-fill-color:#fff;transition:background-color 5000s ease-in-out;-webkit-box-shadow:inset 0 0 0 1000px #1f2937}.profile-page{flex-direction:column;display:flex}.input-box{background:#1f2937;border:2px solid #ffffff14;border-radius:16px;align-items:center;width:100%;height:62px;padding:0 18px;transition:all .35s;display:flex;position:relative;overflow:hidden}.input-box:hover{border-color:#3b82f6}.input-box svg{color:#3b82f6;width:22px;min-width:22px;margin-right:16px;font-size:22px}.input-box input{flex:1;font-size:16px;font-weight:500;width:100%!important;height:100%!important;box-shadow:none!important;color:#fff!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important;margin:0!important;padding:0!important}.input-box input::placeholder{color:#94a3b8!important}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #1f2937!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #1f2937!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #1f2937!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #1f2937!important}.input-box{background:#232d3d;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:16px;width:100%;height:74px;padding:0 22px;transition:all .35s;display:flex}.input-box:hover{border-color:#3b82f6;transform:translateY(-2px)}.input-box:focus-within{border-color:#3b82f6;box-shadow:0 0 0 5px #3b82f62e}.input-box svg{color:#3b82f6;flex-shrink:0;font-size:26px}.input-box input{flex:1;padding:0;font-family:inherit;font-size:30px;font-weight:600;box-shadow:none!important;color:#fff!important;background:0 0!important;border:none!important;outline:none!important}.input-box input::placeholder{color:#94a3b8;font-size:17px;font-weight:500}input:-webkit-autofill{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #232d3d!important}input:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #232d3d!important}input:-webkit-autofill:focus{-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #232d3d!important}.input-box{background:#232d3d;border:2px solid #334155;border-radius:20px;align-items:center;width:100%;height:70px;display:flex;overflow:hidden}.input-box svg{color:#3b82f6;flex-shrink:0;width:70px;font-size:24px}.input-box input{flex:1;height:100%;padding:0 20px;font-size:18px;font-weight:500;box-shadow:none!important;color:#fff!important;background:0 0!important;border:none!important;border-radius:0!important;outline:none!important}.input-box:hover input,.input-box input:focus{background:0 0!important}input:-webkit-autofill{transition:background-color 9999s;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #232d3d!important}input:-webkit-autofill:hover{transition:background-color 9999s;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #232d3d!important}input:-webkit-autofill:focus{transition:background-color 9999s;-webkit-text-fill-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #232d3d!important}.profile-info{flex-direction:column;gap:18px;width:100%;margin-top:35px;display:flex}.info-row{background:#ffffff14;border-radius:14px;width:100%;padding:14px 20px;transition:all .3s}.info-row:hover{background:#ffffff26}.info-text{flex-direction:column;justify-content:center;align-items:flex-start;gap:6px;width:100%;display:flex}.info-label{color:#dbeafe;letter-spacing:.5px;font-size:14px;font-weight:500}.info-value{color:#fff;word-break:break-word;font-size:22px;font-weight:700;line-height:1.4}.button-area{justify-content:flex-start;align-items:center;width:100%;margin-top:40px;display:flex}.input-box input,.input-box textarea,.input-box select{border:none;outline:none;width:100%;font-size:18px;font-weight:500;color:#fff!important;box-shadow:none!important;background:0 0!important}.input-box input:-webkit-autofill{border-radius:16px;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #263142!important}.input-box input:-webkit-autofill:hover{border-radius:16px;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #263142!important}.input-box input:-webkit-autofill:focus{border-radius:16px;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #263142!important}.input-box input:-webkit-autofill:active{border-radius:16px;transition:background-color 9999s ease-in-out;-webkit-text-fill-color:#fff!important;caret-color:#fff!important;-webkit-box-shadow:inset 0 0 0 1000px #263142!important}.input-box input:-moz-autofill{color:#fff!important;box-shadow:inset 0 0 0 1000px #263142!important}.profile-header{background:linear-gradient(135deg,#111827,#1e293b);border:1px solid #334155;border-radius:22px;margin-bottom:35px;padding:28px 32px;box-shadow:0 12px 30px #00000059}.profile-main-title{color:#fff;letter-spacing:.5px;align-items:center;gap:16px;margin:0;font-size:38px;font-weight:700;display:flex}.profile-main-icon{color:#fff;background:#2563eb;border-radius:20px;flex-shrink:0;width:70px;height:70px;padding:16px;box-shadow:0 10px 25px #2563eb59}.profile-main-subtitle{color:#94a3b8;margin:14px 0 0 86px;font-size:17px;line-height:1.7}.profile-header:hover{transition:all .3s;transform:translateY(-2px)}@media (width<=768px){.profile-header{padding:22px}.profile-main-title{font-size:28px}.profile-main-icon{width:58px;height:58px;padding:12px}.profile-main-subtitle{margin-left:74px;font-size:15px}}.home-loading-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:350px;margin:auto;display:flex}.loader-container{justify-content:center;align-items:center;width:100%;display:flex}@media (width<=768px){.banner-content{position:static}}@media (width>=1025px){.creator-header{justify-content:space-between;align-items:center;padding:18px 25px;display:flex}.creator-location{align-items:center;gap:8px;width:55%;display:flex;overflow:hidden}.creator-location span{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.manage-banner{margin-top:0;padding:30px}.page-title{margin-top:0;margin-bottom:25px}.delete-btn{margin-top:0!important}}@media (width<=768px){.delete-btn{margin-top:0!important}}.manage-banner{box-sizing:border-box;width:100%;min-height:100vh;padding:40px 30px 30px}.page-title{color:#fff;align-items:center;gap:12px;margin:0 0 30px;font-size:32px;font-weight:700;display:flex}.title-icon{color:#3b82f6;font-size:30px}.banner-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.banner-card{background:#1d2238;border:1px solid #ffffff14;border-radius:16px;transition:all .3s;overflow:hidden}.banner-card:hover{transform:translateY(-5px)}.img-box{aspect-ratio:16/5;background:#101522;width:100%;overflow:hidden}.img-box img{object-fit:contain;object-position:center;width:100%;height:100%;display:block}.home-loading-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:400px;padding:40px 20px;display:flex}.loader-container{justify-content:center;align-items:center;margin-bottom:20px;display:flex}.form-container{flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:400px;display:flex;position:relative}.home-loading-content{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px 20px;display:flex}.loader-container{justify-content:center;align-items:center;width:100%;margin-bottom:20px;display:flex}