*{margin:0;padding:0;box-sizing:border-box}.login-container{height:100vh;width:100%;background:var(--bg-dark);display:flex;justify-content:center;font-family:Inter,system-ui,sans-serif}.login-wrapper{width:100%;max-width:420px;height:auto;margin:100px 0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px 20px}.login-header{text-align:center}.logo-img{width:200px}.login-card{width:100%;background:#1a1a1a;border-radius:16px;padding:28px;border:1.5px solid var(--border-default)}.login-card h2{margin-bottom:20px;font-size:20px;color:#fff}.form-group{margin-bottom:16px}.input-wrapper{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-primary)}.input-wrapper input{width:100%;height:42px;background:var(--bg-input);border:none;border-radius:8px;padding-left:38px;color:var(--text-primary);font-size:14px}.input-wrapper input::placeholder{color:#777}.input-wrapper input:focus{outline:none;border:1px solid var(--border-default)}.submit-btn{width:100%;height:42px;margin-top:10px;background:#e5e5e5;color:#000;border:none;border-radius:20px;font-weight:600;cursor:pointer}.submit-btn:hover{opacity:.9}.resend-container{margin-top:14px;display:flex;justify-content:space-between;font-size:13px}.timer-text{color:#777}.resend-btn{background:none;border:none;color:#ff5e00;cursor:pointer}.resend-btn:disabled{color:#444;cursor:not-allowed}.footer{text-align:center}.footer p{font-size:13px;font-family:Gilroy,sans-serif;color:#555;font-weight:500}.footer-tag{color:#555;text-decoration:none}.custom-toast{display:flex;justify-content:space-between;align-items:center;min-width:auto;padding:16px 20px;border-radius:40px;border:1.5px solid var(--border-default)}.toast-left{display:flex;align-items:center;gap:14px}.toast-icon{width:22px;height:22px}.toast-message{font-family:Gilroy;font-size:16px;color:var(--text-primary)}.toast-close{background:transparent;border:none;cursor:pointer}.toast-close img{width:18px;height:18px}.primary-toast{background:var(--primary-toast)}.success-toast{background:var(--success-toast)}.error-toast{background:var(--error-toast)}.warning-toast{background:var(--warning-toast)}.general-toast{background:var(--general-toast)}.dashboard-container{display:flex;min-height:100vh;background-color:var(--bg-dark);color:#fff;font-family:Inter,system-ui,-apple-system,sans-serif}.main-content{flex:1;margin-left:260px;padding:24px 32px;transition:margin-left .3s ease}.main-content.collapsed{margin-left:80px}.charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{transform:translate(-100%)}.sidebar.collapsed{transform:translate(0);width:260px}.main-content,.main-content.collapsed{margin-left:0}}.stat-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.icon-box{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.icon-box.white{border:1px solid var(--color-white);color:var(--color-white)}.icon-box.green{border:1px solid var(--color-green);color:var(--color-green)}.icon-box.blue{border:1px solid var(--color-blue);color:var(--color-blue)}.icon-box.purple{border:1px solid var(--color-purple);color:var(--color-purple)}.growth{font-size:12px;font-weight:500;font-family:Gilroy,sans-serif}.growth.positive{color:var(--color-green)}.growth.negative{color:var(--color-red)}.stat-info .label{display:block;font-family:Gilroy,sans-serif;font-size:12px;color:var(--text-muted);margin-bottom:4px}.stat-info .value{font-size:24px;font-weight:600;margin:0}.chart-legend{display:flex;justify-content:center;gap:24px;margin-top:16px}.legend-item{display:flex;align-items:center;gap:8px;font-size:12px;color:#888}.dot{width:8px;height:8px;border-radius:2px}.dot.orange{background-color:#ff5e00}.dot.green{background-color:#2ecc71}.dot.red{background-color:#e74c3c}.pie-container{display:flex;justify-content:center;align-items:center}.pie-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:16px}.legend-item-small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-muted);font-family:Gilroy,sans-serif}.legend-item-small .dot{width:8px;height:8px;border-radius:50%}.chart-card{background-color:var(--bg-card);border-radius:12px;padding:24px;border:1px solid #222}.chart-card h3{font-size:16px;font-weight:500;margin:0 0 24px;color:#ddd}.creators-list{display:flex;flex-direction:column;gap:16px}.creator-item{display:flex;align-items:center;gap:16px}.creator-rank{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--color-black);font-family:Gilroy,sans-serif}.creator-info{flex:1}.creator-info h4{font-size:14px;margin:0 0 2px;color:#eee}.creator-info span{font-size:12px;color:var(--text-muted);font-family:Gilroy,sans-serif}.creator-growth{font-size:12px;font-family:Gilroy,sans-serif;font-weight:500;color:var(--color-green)}.sidebar{width:260px;background-color:var(--bg-dark);border-right:1px solid #222;display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:100;transition:width .3s ease}.sidebar.collapsed{width:80px}.sidebar-header{padding:24px;display:flex;align-items:center;gap:12px;margin-bottom:20px;overflow:hidden;white-space:nowrap}.sidebar.collapsed .sidebar-header{padding:24px 12px;justify-content:center}.logo-box{width:40px;height:40px}.sidebar.collapsed .logo-box img{width:55px;height:55px;object-fit:contain;mix-blend-mode:screen;position:fixed;left:10px}.logo-text{transition:opacity .2s}.sidebar.collapsed .logo-text{opacity:0;width:0;display:none}.logo-text h2{font-size:16px;margin:0;color:#fff}.logo-text span{font-size:12px;color:#666}.sidebar-nav{flex:1;padding:0 12px}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#888;text-decoration:none;border-radius:8px;margin-bottom:4px;transition:all .2s;font-size:14px;font-family:Gilroy,sans-serif;font-weight:500;overflow:hidden;white-space:nowrap}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.nav-item:hover{color:#fff;background-color:var(--bg-card-hover)}.nav-item.active{background:var(--text-primary);color:#000;font-weight:600}.sidebar.collapsed .nav-item span{display:none}.sidebar-footer{padding:24px}.sidebar.collapsed .sidebar-footer{padding:24px 12px;display:flex;justify-content:center}.sidebar.collapsed .sidebar-footer .nav-item{width:100%;justify-content:center}.nav-item.logout{color:var(--text-muted)}.nav-item.logout:hover{background-color:#ffffff1a}.top-bar{display:flex;justify-content:space-between;align-items:center;margin:-32px -32px 32px;padding:0 32px;height:80px;width:calc(100% + 64px);border-bottom:1px solid #222;background-color:var(--bg-dark);box-sizing:border-box}@media(max-width:768px){.top-bar{margin:-16px -16px 16px;width:calc(100% + 32px);padding:0 16px}}.left-section{display:flex;align-items:center;gap:16px}.menu-btn{background:none;border:none;color:#fff;cursor:pointer;padding:0}.top-bar h1{margin:0}.right-section{display:flex;align-items:center;gap:24px}.notification-wrapper{position:relative}.notification-btn{background:none;border:none;color:#fff;cursor:pointer;position:relative;padding:8px;border-radius:14px;transition:background-color .2s}.notification-btn:hover{background-color:#333}.badge{position:absolute;top:4px;right:4px;background-color:#e74c3c;color:#fff;font-size:10px;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;border:2px solid #1a1a1a}.notification-dropdown{position:absolute;top:100%;right:0;width:380px;background-color:var(--bg-dark);border:1.5px solid var(--border-default);border-radius:14px;box-shadow:0 10px 40px #0009;z-index:1000;margin-top:12px;overflow:hidden}.dropdown-header{padding:18px;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:flex-start}.dropdown-header .inner-dropdown-header{display:flex;flex-direction:column}.dropdown-header .inner-dropdown-header span{font-family:"Gilroy" sans-serif;font-size:12px;color:var(--text-muted)}.mark-read-btn{background:none;border:none;border-radius:12px;color:var(--text-primary);font-size:12px;font-family:"Gilroy" sans-serif;cursor:pointer;font-weight:600}.dropdown-list{max-height:420px;overflow-y:auto;padding:8px 12px 12px;scrollbar-width:none;-ms-overflow-style:none}.dropdown-list::-webkit-scrollbar{display:none}.dropdown-item{margin-bottom:12px;padding:16px 16px 16px 22px;display:flex;gap:14px;border-radius:14px;cursor:pointer;transition:all .2s ease;position:relative}.dropdown-item:hover{background-color:#252525}.dropdown-item.unread{background-color:var(--bg-card)}.item-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.item-content h4{margin:0;font-size:14px;font-weight:600;color:#fff}.item-content p{margin:6px 0;font-size:12px;font-family:Gilroy,sans-serif;color:var(--text-muted);line-height:1.4}.item-time{font-size:11px;color:var(--text-muted);font-family:Gilroy,sans-serif}.unread-dot{position:absolute;left:10px;top:22px;width:6px;height:6px;background-color:var(--color-white);border-radius:50%}.view-all-btn{display:block;text-align:center;padding:14px;color:var(--text-primary);font-family:Gilroy,sans-serif;font-size:13px;font-weight:500;text-decoration:none}.view-all-btn:hover{background-color:var(--bg-card-hover)}.user-profile{display:flex;align-items:center;gap:12px}.user-info{text-align:left}.user-info .name{display:block;font-size:14px;font-weight:500}.user-info .role{display:block;font-size:11px;color:#666}.avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:1px solid #333}.avatar img{width:100%;height:100%;object-fit:cover}.notification-actions{display:flex;gap:10px;margin-top:10px}.approve-btn{padding:6px 12px;font-size:11px;font-weight:500;font-family:Gilroy,sans-serif;border-radius:20px;border:1px solid var(--color-green);background:transparent;color:var(--color-green);cursor:pointer;transition:.2s}.approve-btn:hover{background:#22c55e1a}.reject-btn{padding:6px 12px;font-size:11px;font-weight:500;font-family:Gilroy,sans-serif;border-radius:20px;border:1px solid var(--color-red);background:transparent;color:var(--color-red);cursor:pointer;transition:.2s}.reject-btn:hover{background:#ef44441a}.stat-card .label{display:block;font-size:11px;color:#888;margin-bottom:8px;letter-spacing:.5px}.stat-card .value{font-size:28px;font-weight:600;margin:0;color:#fff}.content-card{background-color:#1a1a1a;border-radius:16px;padding:24px;border:1px solid #333}.search-bar{display:flex;align-items:center;background-color:#2a2a2a;border-radius:8px;padding:12px 16px;margin-bottom:24px;border:1px solid #333}.search-icon{color:#666;margin-right:12px}.search-bar input{background:none;border:none;color:#fff;width:100%;font-size:14px}.search-bar input:focus{outline:none}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse;color:#e0e0e0}th{text-align:left;padding:16px;font-size:11px;color:#888;text-transform:uppercase;font-weight:600;border-bottom:1px solid #333}td{padding:16px;font-size:14px;border-bottom:1px solid #2a2a2a}.user-cell{display:flex;align-items:center;gap:12px}.user-info-cell{display:flex;flex-direction:column}.user-name{font-weight:500;color:#fff;display:flex;align-items:center;gap:8px}.user-username{font-size:12px;color:#888}.user-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background-color:#2ecc7126;color:#2ecc71}.status-badge.suspended{background-color:#e74c3c26;color:#e74c3c}.status-badge.pending{background-color:#ffb80026;color:#ffb800}.actions-cell{display:flex;gap:8px}.action-btn{background:none;border:none;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s;color:#888}.action-btn:hover{background-color:#333;color:#fff}.action-btn.view:hover{color:#3498db}.action-btn.suspend:hover{color:#e74c3c}.action-btn.activate:hover{color:#2ecc71}.pagination{display:flex;justify-content:flex-end;align-items:center;padding-top:24px;gap:16px;color:#888;font-size:14px}.pagination button{background:none;border:1px solid #333;color:#fff;padding:8px 16px;border-radius:6px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-card{background-color:#1a1a1a;border-radius:16px;padding:24px;width:100%;max-width:400px;border:1px solid #333;position:relative}.close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:#666;cursor:pointer}.view-modal .modal-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.modal-avatar{width:64px;height:64px;border-radius:50%}.modal-email{color:#888;font-size:14px}.info-group{margin-bottom:24px}.info-group label,.stat-item label{display:block;font-size:11px;color:#666;margin-bottom:4px;text-transform:uppercase}.stats-row{display:flex;justify-content:space-between;margin-bottom:24px}.stat-item p,.info-group p{font-size:16px;font-weight:600;color:#fff;margin:0}.modal-action-btn{width:100%;padding:12px;border-radius:8px;border:none;font-weight:400;font-size:16px;cursor:pointer}.modal-action-btn.suspend{background-color:#e0e0e0;color:#000}.modal-action-btn.activate{background-color:#2ecc71;color:#000}.confirm-modal h3{margin:0 0 12px;font-size:20px}.confirm-modal p{color:#888;margin-bottom:24px;line-height:1.5}.modal-actions{display:flex;gap:12px}.modal-actions button{flex:1;padding:12px;border-radius:8px;border:none;font-weight:400;font-size:15px;cursor:pointer}.cancel-btn{background-color:#2a2a2a;color:#fff}.confirm-btn{background-color:#e0e0e0;color:#000}.modal-name-roleIcon{display:flex;align-items:center;gap:8px}.dashboard-container{display:flex;min-height:100vh;background-color:var(--bg-dark);color:#fff;font-family:Inter,sans-serif}.main-content{flex:1;padding:32px;margin-left:260px;transition:margin-left .3s ease}.main-content.expanded{margin-left:80px}@media(max-width:768px){.main-content{margin-left:0;padding:16px}.main-content.expanded{margin-left:0}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-bottom:32px}.stat-card{background-color:var(--bg-card);border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:12px;border:1px solid #333}.stat-card.warning .stat-icon{color:#ffb800}.stat-card.success .stat-icon{color:#2ecc71}.stat-card.danger .stat-icon{color:#e74c3c}.stat-card .label{display:flex;align-items:center;gap:8px;color:#888;font-size:11px;letter-spacing:.5px}.stat-card .value{font-size:32px;font-weight:500;color:#fff;margin:0}.content-list{display:flex;flex-direction:column;gap:24px}.content-item{background-color:#1a1a1a;border-radius:16px;padding:24px;display:flex;gap:24px;border:1px solid #333}.content-thumb{width:160px;height:160px;border-radius:12px;object-fit:cover}.content-info{flex:1;display:flex;flex-direction:column}.content-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}.content-header h3{margin:0;font-size:18px;color:#fff}.creator-info{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;color:#888;font-size:14px;flex-direction:column}.creator-avatar{width:24px;height:24px;border-radius:50%}.content-desc{color:#aaa;font-size:14px;margin-bottom:16px;line-height:1.5}.content-actions{display:flex;gap:12px;margin-top:auto}.btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:6px;border:none;font-weight:600;cursor:pointer;font-size:14px;transition:opacity .2s}.btn:hover{opacity:.9}.btn.view{background-color:#333;color:#fff}.btn.approve{background-color:#2ecc7133;color:#2ecc71}.btn.reject{background-color:#e74c3c33;color:#e74c3c}.episodes-list h3{color:#888;font-size:16px;margin-bottom:16px}.episode-item{display:flex;align-items:center;gap:16px;padding:16px;border-bottom:1px solid #333}.episode-thumb{width:60px;height:60px;border-radius:8px;background-color:#2a2a2a;overflow:hidden}.episode-thumb img{width:100%;height:100%;object-fit:cover}.episode-info{flex:1}.episode-info h4{margin:0 0 4px;font-size:14px;color:#fff}.episode-info p{margin:0;font-size:12px;color:#888}.episode-duration{font-size:12px;color:#666}.video-player-placeholder{width:100%;aspect-ratio:9/16;background-color:#000;border-radius:16px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.video-player-placeholder img{width:100%;height:100%;object-fit:cover;opacity:.6}.play-btn{position:absolute;background:none;border:none;cursor:pointer;transition:transform .2s}.play-btn:hover{transform:scale(1.1)}@media(max-width:1024px){.video-player-placeholder{aspect-ratio:16/9}}.detail-view{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.back-btn{background:none;border:none;color:#fff;display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;cursor:pointer;margin-bottom:24px;padding:0}.detail-container{display:grid;grid-template-columns:1fr 350px;gap:32px}.detail-header{background-color:#1a1a1a;border-radius:16px;padding:24px;display:flex;gap:24px;margin-bottom:24px;border:1px solid #333}.detail-thumb-large{width:120px;height:120px;border-radius:12px;object-fit:cover}.detail-meta h2{margin:0 0 12px;font-size:20px;color:#fff}.detail-actions{display:flex;gap:12px;margin-top:16px}@media(max-width:1024px){.detail-container{grid-template-columns:1fr}}.notification-page-content{padding:24px 40px;max-width:1200px;margin:0 auto;color:var(--color-white);background-color:var(--bg-card);border-radius:12px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-titles h2{font-size:24px;font-weight:600;margin:0;color:var(--text-primary)}.header-titles p{color:var(--text-muted);font-family:Gilroy,sans-serif;font-size:14px;margin:0}.mark-all-btn{background-color:var(--color-white);color:var(--color-black);border:none;padding:8px 16px;border-radius:20px;font-weight:500;font-size:14px;cursor:pointer;transition:opacity .2s;font-family:Gilroy,sans-serif}.mark-all-btn:hover{opacity:.9}.notification-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.search-bar{display:flex;align-items:center;background-color:#1a1a1a;padding:10px 16px;border-radius:8px;border:1px solid #333;flex:1;max-width:400px}.search-bar input{background:none;border:none;color:var(--text-muted);width:100%;outline:none;font-size:14px;font-family:Gilroy,sans-serif}.filter-tabs{display:flex;gap:12px;border:1px solid #222;border-radius:10px;padding:6px}.filter-tab{background:none;border:none;color:#adb5bd;padding:9px 12px;cursor:pointer;font-size:13px;transition:all .5s}.filter-tab.active{background:var(--color-white);color:#000;border-radius:10px}.notifications-list-full{display:flex;flex-direction:column;gap:16px}.notification-card{background-color:var(--color-black);border:1.5px solid var(--border-default);border-radius:12px;padding:20px;display:flex;gap:20px;position:relative;transition:border-color .2s}.card-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.card-content{flex:1;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.header-left{display:flex;align-items:center;gap:8px}.card-header h4{margin:0;font-size:16px;font-weight:600;color:#fff}.unread-dot{width:6px;height:6px;background-color:var(--color-white);border-radius:50%}.type-badge{font-size:11px;padding:2px 8px;border-radius:4px;font-weight:500;text-transform:capitalize}.card-desc{color:#888;font-size:14px;margin:8px 0 16px;line-height:1.5}.card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.footer-info{display:flex;gap:12px;align-items:center}.card-time{color:#666;font-size:12px}.card-actions{display:flex;align-items:center;gap:12px}.mark-read-action{background:none;border:1px solid #444;color:#888;padding:9px 12px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:6px;font-size:12px;transition:all .2s}.mark-read-action:hover{border-color:#666;color:#fff}.primary-actions{display:flex;gap:8px}.notification-page-content .action-btn{padding:9px 16px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:opacity .2s}.notification-page-content .action-btn:hover{opacity:.9}.notification-page-content .action-btn.approve{background:linear-gradient(90deg,#00c950,#096);color:#fff}.notification-page-content .action-btn.reject{background:linear-gradient(90deg,#ea4336,#e7000b);color:#fff}.notification-page-content .action-btn.review,.notification-page-content .action-btn.view{background:linear-gradient(90deg,#2b7fff,#9810fa);color:#fff}.empty-state{text-align:center;padding:60px;color:#666;background-color:#1a1a1a;border-radius:12px;border:1px solid #333}.empty-state p{margin-top:16px;font-size:16px}@media(max-width:768px){.notification-controls{flex-direction:column;align-items:stretch}.card-footer{flex-direction:column;align-items:flex-start;gap:16px}.card-actions{width:100%;justify-content:space-between}}.promotions-list-container{display:flex;flex-direction:column;gap:32px}.promotions-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.stat-card{background-color:#1a1a1a;border-radius:12px;padding:24px;border:1px solid #333;display:flex;flex-direction:column;gap:8px}.stat-label{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:28px;font-weight:600;color:#fff;margin:0}.promotions-list-header{display:flex;justify-content:space-between;align-items:center}.promotions-list-header h2{font-size:18px;font-weight:600;margin:0;color:#fff}.create-promotion-btn{background-color:#fff;color:#000;border:none;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:8px}.create-promotion-btn:hover{background-color:#e0e0e0}.empty-state{text-align:center;padding:60px 20px;background-color:#1a1a1a;border-radius:12px;border:1px dashed #333;color:#888}.promotions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}@media(max-width:1024px){.promotions-stats-grid{grid-template-columns:repeat(2,1fr)}.promotions-grid{grid-template-columns:1fr}}@media(max-width:640px){.promotions-stats-grid{grid-template-columns:1fr}}.promo-card{background-color:#111;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.promo-image-container{height:200px;background-color:#2a2a2a;position:relative}.promo-image-placeholder{width:100%;height:100%;background:linear-gradient(45deg,#111,#333);padding:16px;display:flex;justify-content:space-between}.promo-status{padding:6px 16px;border-radius:20px;font-size:11px;font-weight:500;align-self:flex-start;background-color:#0009;border:1px solid rgba(255,255,255,.15)}.promo-status.active{color:#2ecc71;border-color:#2ecc714d}.promo-status.scheduled{color:#fc0;border-color:#ffcc004d}.promo-status.draft{color:#888;border-color:#8888884d}.promo-tag-overlay,.promo-tag{background-color:#0009;color:#fff;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:500;align-self:flex-start;border:1px solid rgba(255,255,255,.2)}.promo-details{padding:24px;display:flex;flex-direction:column;gap:8px}.promo-title{font-size:20px;font-weight:600;color:#fff;margin:0;font-family:Denton,serif}.promo-desc{font-size:13px;color:#888;margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.promo-creator{font-size:12px;color:#aaa;margin-bottom:16px}.promo-metrics{display:flex;gap:32px;margin-bottom:5px}.metric{display:flex;flex-direction:column;gap:4px}.metric-label{font-size:9px;color:#666;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:18px;font-weight:700;color:#fff}.promo-footer{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-top:auto;padding-top:16px}.promo-dates{display:flex;align-items:center;gap:8px;color:#888;font-size:12px}.promo-actions{display:flex;gap:8px}.icon-btn{background:#2a2a2a;border:none;color:#888;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn:hover{background:#333;color:#fff}.icon-btn.delete:hover{background:#e74c3c1a;color:#e74c3c}.create-promotion-container{display:flex;flex-direction:column;gap:20px}.create-header{display:flex;align-items:center}.description-group{display:flex;flex-direction:column;gap:8px}.back-btn{background:none;border:none;color:var(--color-white);font-size:20px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0;font-family:Denton,serif}.create-content-layout{display:grid;grid-template-columns:1fr 450px;gap:32px}.form-section{display:flex;flex-direction:column;gap:20px;max-width:600px}.promotion-form-group{display:flex;flex-direction:column;gap:8px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.promotion-form-group label{font-size:13px;font-weight:500;color:var(--color-white);font-family:Denton,serif}.help-text{font-size:12px;color:var(--text-muted);margin:-4px 0 8px}.promotion-form-group input,.promotion-form-group textarea{background-color:transparent;border:1.5px solid var(--border-default);border-radius:8px;padding:12px 16px;color:var(--color-white);font-size:14px;font-family:inherit;transition:border-color .2s}.promotion-form-group input:focus,.promotion-form-group textarea:focus{outline:none;border-color:var(--border-default)}.promotion-form-group select{background-color:transparent;border:1.5px solid var(--border-default);border-radius:8px;padding:12px 16px;color:var(--color-white);font-size:14px;font-family:inherit}.promotion-form-group select option{background-color:#111;color:#fff}.promotion-form-group select:focus{outline:none;border-color:var(--border-default)}.upload-box{border:1px dashed #2a2a2a;border-radius:10px;padding:20px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#888;font-size:13px}.upload-box svg{opacity:.8}.upload-box:hover{border-color:var(--border-default);color:var(--text-muted)}.form-actions{display:flex;gap:16px;margin-top:16px}.form-actions button{flex:1;padding:12px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.form-actions button:disabled{opacity:.5;cursor:not-allowed}.btn-cancel{background:transparent;border:1px solid #333;color:#fff}.btn-cancel:hover{border-color:#666}.btn-draft{background:transparent;border:1px solid #333;color:#fff}.btn-draft:hover{border-color:var(--border-default);color:var(--text-muted)}.btn-post{background:var(--color-white);border:1px solid var(--border-default);color:var(--color-black)}.btn-post:hover{background:#e0e0e0}.preview-section{position:sticky;top:24px}.live-preview-card{background-color:#111;border-radius:20px;overflow:hidden;border:1px solid #2a2a2a}.preview-image-container{height:630px;position:relative;overflow:hidden;border-radius:20px}.preview-image-container img{width:100%;height:100%;object-fit:fill}.preview-image-placeholder{width:100%;height:100%;background:linear-gradient(45deg,#ff5e0022,#fc02)}.preview-tags-container{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;z-index:2}.preview-tag-overlay{background:#000c;padding:6px 14px;border-radius:999px;font-size:13px;color:#fff;font-weight:500}.promo-status{padding:6px 14px;border-radius:999px;font-size:13px;font-weight:500}.promo-status.scheduled{color:#ffd600;border:1px solid rgba(255,214,0,.6);background:#ffd6001a}.promo-status.live{color:#00e676;border:1px solid rgba(0,230,118,.6);background:#00e6761a}.preview-image-overlay{position:absolute;bottom:0;left:0;right:0;height:140px;background:linear-gradient(to top,rgba(0,0,0,.9),rgba(0,0,0,.4),transparent);z-index:1}.preview-content.overlay{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:12px 14px;display:flex;flex-direction:column;gap:8px;color:#fff}.preview-user-info{display:flex;align-items:center;gap:8px}.preview-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ff7a7a,#ffb86c);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;border:2px solid #fff;color:#000;overflow:hidden}.preview-avatar img{width:100%;height:100%;object-fit:cover}.preview-user-details{display:flex;align-items:center;gap:8px;background:#0000008c;padding:4px 10px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.preview-name{font-size:13px;font-weight:500;color:#fff}.preview-follow-btn{background:#fff;color:#000;border:none;border-radius:999px;padding:2px 10px;font-size:11px;font-weight:600;cursor:pointer}.preview-content{padding:12px 14px;display:flex;flex-direction:column;gap:8px}.preview-header{display:flex;gap:20px;align-items:center}.preview-header-left{display:flex;align-items:center;gap:8px}.preview-header-right{display:flex;align-items:center;gap:10px}.preview-avatar.small{width:28px;height:28px;border:none}.preview-name-lg{font-size:14px;font-family:Denton,serif;font-weight:500;color:#fff}.preview-follow-btn-lg{background:#fff;color:#000;border:none;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600;cursor:pointer}.preview-menu{font-size:18px;color:#aaa;cursor:pointer}.preview-desc-wrapper{display:inline;font-size:13px;line-height:1.4}.preview-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#eaeaea;display:inline}.preview-desc:not(.expanded){display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview-desc.expanded{display:inline}.preview-more{font-size:13px;color:#aaa;cursor:pointer;margin-left:4px}.preview-more:hover{color:#fff}.preview-actions{display:flex;align-items:center;gap:20px;font-size:13px;color:#ccc}.preview-actions span{display:flex;align-items:center;gap:6px}@media(max-width:1200px){.create-content-layout{grid-template-columns:1fr}.preview-section{position:static;max-width:400px;margin:0 auto;width:100%}}.error-input{border:1px solid var(--color-red)!important}.error-text{font-size:12px;color:var(--color-red);margin-top:4px}.promotions-page-content{margin-top:32px}.profile-page-content{padding:24px 40px;max-width:1400px;margin:0 auto;color:var(--color-white);background-color:var(--bg-card);border-radius:12px}.page-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:32px}.header-title-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.header-title-row h2{font-size:24px;font-weight:600;margin:0;color:var(--text-primary)}.profile-info-grid{display:grid;grid-template-columns:1.2fr 1.5fr 1fr 1fr;gap:20px;margin-bottom:24px}.profile-card,.info-card,.content-card{background-color:#1a1a1a;border-radius:12px;padding:24px;border:1px solid #333}.profile-card{display:flex;flex-direction:column;align-items:center;text-align:center}.profile-avatar-large{width:100px;height:100px;border-radius:50%;object-fit:cover;margin-bottom:16px;border:3px solid #333}.profile-name{font-size:20px;font-weight:600;margin:0 0 4px;color:#fff;font-family:Denton,serif}.profile-username{font-size:13px;color:#888;margin-bottom:24px}.status-badge{margin-bottom:10px}.edit-profile-btn{background-color:#fff;color:#000;border:none;border-radius:20px;padding:10px 24px;font-size:14px;font-weight:600;cursor:pointer;transition:opacity .2s;width:100%}.edit-profile-btn:hover{opacity:.9}.info-card h4{font-size:16px;font-weight:600;color:#fff;margin:0 0 20px}.info-list{display:flex;flex-direction:column;gap:16px}.info-row{display:flex;justify-content:space-between;align-items:center}.info-label{font-size:13px;color:#888}.info-value{font-size:13px;color:#fff;font-weight:500}.text-green{color:#2ecc71}.categories-list{display:flex;flex-direction:column;gap:12px}.category-item{font-size:13px;color:#fff}.profile-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.content-card h4{font-size:16px;font-weight:600;color:#fff;margin:0;font-family:Denton,serif}.card-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-left-with-icon{display:flex;align-items:center;gap:10px;color:#fff}.view-all-btn{background:none;border:none;color:#fff;font-size:13px;cursor:pointer;font-weight:500}.view-all-btn:hover{text-decoration:underline}.series-list{display:flex;flex-direction:column;gap:20px}.series-item{display:flex;gap:16px}.series-image-placeholder{width:60px;height:60px;border-radius:8px;flex-shrink:0;overflow:hidden}.series-image-placeholder img{width:100%;height:100%;object-fit:cover}.series-details{flex:1;display:flex;flex-direction:column}.series-title-row{display:flex;justify-content:space-between;align-items:center}.series-title{font-size:14px;font-weight:600;color:#fff}.series-duration{font-size:11px;color:#555}.series-episodes{font-size:11px;color:#888;margin:4px 0}.series-desc{font-size:12px;color:#666;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.growing-list{display:flex;flex-direction:column;gap:16px;margin-top:20px}.growing-item{display:flex;align-items:center;gap:16px}.growing-index{width:28px;height:28px;background-color:#fff;color:#000;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.growing-details{flex:1;display:flex;flex-direction:column;gap:4px}.growing-title{font-size:14px;color:#fff;font-weight:500}.growing-views{font-size:12px;color:#666}.growing-growth{font-size:14px;font-weight:500}.recharts-default-legend .recharts-legend-item-text{text-transform:uppercase!important;font-size:12px;letter-spacing:.5px}@media(max-width:1024px){.profile-info-grid{grid-template-columns:1fr 1fr}.profile-content-grid{grid-template-columns:1fr}}@media(max-width:640px){.profile-info-grid{grid-template-columns:1fr}}.pending-actions-container,.edit-actions-container{display:flex;gap:16px;margin-top:24px;align-items:center;justify-content:center;width:100%}.approve-action-btn,.reject-action-btn,.save-btn,.cancel-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:30px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none;letter-spacing:.3px;box-shadow:0 4px 12px #00000026}.approve-action-btn{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.approve-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2ecc7166}.reject-action-btn{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.reject-action-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #e74c3c66}.save-btn{background:linear-gradient(135deg,#c5ff4a,#9dd124);color:#000}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #c5ff4a4d}.cancel-btn{background:#333;color:#fff;border:1px solid #444}.cancel-btn:hover{background:#444;transform:translateY(-2px)}.edit-input{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;width:100%;transition:all .3s ease;box-shadow:inset 0 2px 4px #0003;margin-left:10px}.edit-input:focus{outline:none;background-color:#ffffff14;border-color:#c5ff4a;box-shadow:inset 0 2px 4px #0003,0 0 0 3px #c5ff4a33}.name-edit{font-size:24px;font-weight:700;text-align:center;margin-bottom:8px;font-family:Denton,serif}.username-edit{text-align:center;color:#c5ff4a;font-size:14px;margin-bottom:24px}.status-badge{padding:6px 16px;border-radius:20px;font-size:11px;font-weight:700;margin-top:12px;display:inline-flex;text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.status-badge.active{background-color:#2ecc7126;color:#2ecc71;border:1px solid rgba(46,204,113,.3);box-shadow:0 0 10px #2ecc711a}.status-badge.pending{background-color:#f39c1226;color:#f39c12;border:1px solid rgba(243,156,18,.3);box-shadow:0 0 10px #f39c121a}.status-badge.suspended{background-color:#e74c3c26;color:#e74c3c;border:1px solid rgba(231,76,60,.3);box-shadow:0 0 10px #e74c3c1a}.registration-toast-wrapper{position:fixed;bottom:24px;right:24px;background-color:#0d0f10;border:1px solid #333;border-radius:12px;padding:20px;display:flex;gap:16px;width:400px;max-width:calc(100vw - 48px);z-index:9999;box-shadow:0 10px 30px #00000080;cursor:pointer;animation:slideInUp .3s ease-out forwards}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.toast-icon-container{width:48px;height:48px;border-radius:12px;border:1px solid #2ecc71;display:flex;align-items:center;justify-content:center;flex-shrink:0}.toast-content{display:flex;flex-direction:column;gap:8px}.toast-title{margin:0;font-family:Denton,serif;font-size:18px;color:#fff;font-weight:600}.toast-desc{margin:0;font-size:14px;color:#888;line-height:1.4}.toast-actions{display:flex;gap:12px;margin-top:8px}.toast-btn{background:transparent;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.toast-btn.approve{border:1px solid #2ecc71;color:#2ecc71}.toast-btn.approve:hover{background-color:#2ecc711a}.toast-btn.reject{border:1px solid #e74c3c;color:#e74c3c}.toast-btn.reject:hover{background-color:#e74c3c1a}@font-face{font-family:Denton;src:url(/assets/Denton%20Test%20Thin%20100-BZftLufi.otf) format("opentype");font-weight:100}@font-face{font-family:Denton;src:url(/assets/Denton%20Test%20Light%20300-CHOk8bQa.otf) format("opentype");font-weight:300}@font-face{font-family:Denton;src:url(/assets/Denton%20Test%20Regular%20400-YYBdrcUV.otf) format("opentype");font-weight:400}@font-face{font-family:Denton;src:url(/assets/Denton%20Test%20Medium%20500-1ga9L0sU.otf) format("opentype");font-weight:500}@font-face{font-family:Denton;src:url(/assets/Denton%20Test%20Bold%20700-DKPuavwA.otf) format("opentype");font-weight:700}@font-face{font-family:Denton;src:url(/assets/Denton%20Test%20ExtraBold%20800-BIU5V5WX.otf) format("opentype");font-weight:800}@font-face{font-family:Denton;src:url(/assets/Denton%20Test%20Black%20900-1K16lQV5.otf) format("opentype");font-weight:900}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Thin-DG3iQGn8.ttf) format("truetype");font-weight:100}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Light-DVwvzZ-0.ttf) format("truetype");font-weight:300}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Regular-D-tpQJef.ttf) format("truetype");font-weight:400}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Medium-D7PbV1sv.ttf) format("truetype");font-weight:500}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-SemiBold-Rj2UL15y.ttf) format("truetype");font-weight:600}@font-face{font-family:Gilroy;src:url(/assets/Gilroy-Bold-yXpx-Icw.ttf) format("truetype");font-weight:700}:root{--color-black: #0d1014;--color-white: #ffffff;--color-lightwhite: #d9d9d9;--color-blue: #0075ea;--color-green: #00c950;--color-red: #d93a52;--color-yellow: #fbbf22;--color-purple: #A855F7;--bg-dark: #0d1014;--bg-card: #191919;--bg-input: #0d1014;--bg-card-hover: rgba(255, 255, 255, .05);--text-primary: #ffffff;--text-secondary: #d9d9d9;--text-muted: rgba(255, 255, 255, .65);--border-default: rgba(255, 255, 255, .4);--primary-toast: rgba(0, 115, 234, .4);--success-toast: rgba(0, 201, 80, .4);--error-toast: rgba(217, 58, 82, .4);--warning-toast: rgba(251, 191, 34, .4);--general-toast: rgba(120, 120, 120, .4)}h1,h2,h3,h4,h5,h6{font-family:Denton,serif}body{font-family:Gilroy,sans-serif;margin:0;padding:0;background:#0d1014;color:#fff}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}p{font-size:14px;font-family:Gilroy,sans-serif}.caption{font-size:12px;font-family:Gilroy,sans-serif}.micro{font-size:10px}