.creator-settings{background:var(--bg-primary);max-width:1000px;margin:0 auto;padding:2rem}.creator-settings .settings-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1.5rem;display:flex}.creator-settings .settings-header h2{color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.creator-settings .settings-header .header-actions .preview-btn{color:#fff;cursor:pointer;background:#667eea26;border:1px solid #667eea66;border-radius:8px;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.creator-settings .settings-header .header-actions .preview-btn svg{width:1.1rem;height:1.1rem}.creator-settings .settings-header .header-actions .preview-btn:hover:not(:disabled){background:#667eea4d;border-color:#667eea;transform:translateY(-1px)}.creator-settings .settings-header .header-actions .preview-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.creator-settings .message{border-radius:8px;align-items:center;gap:.75rem;margin-bottom:2rem;padding:1rem;font-weight:500;display:flex}.creator-settings .message svg{flex-shrink:0;width:1.25rem;height:1.25rem}.creator-settings .message.success{color:#22c55e;background-color:#22c55e1a;border:1px solid #22c55e33}.creator-settings .message.error{color:#ef4444;background-color:#ef44441a;border:1px solid #ef444433}.creator-settings .settings-cards{flex-direction:column;gap:1.5rem;display:flex}.creator-settings .settings-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;transition:all .2s;overflow:hidden}.creator-settings .settings-card:hover{border-color:#667eea4d;box-shadow:0 4px 20px #0000004d}.creator-settings .settings-card.danger-zone{border-color:#ef44444d}.creator-settings .settings-card.danger-zone:hover{border-color:#ef4444;box-shadow:0 4px 20px #ef444426}.creator-settings .settings-card .card-header{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.creator-settings .settings-card .card-header h3{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:600}.creator-settings .settings-card .card-header .card-actions{align-items:center;gap:1rem;display:flex}.creator-settings .settings-card .card-header .card-actions .card-info span{color:var(--text-secondary);font-size:.875rem;font-weight:500}.creator-settings .settings-card .card-header .card-actions .edit-btn{color:#fff;cursor:pointer;background:#667eea33;border:1px solid #667eea4d;border-radius:6px;justify-content:center;align-items:center;width:2rem;height:2rem;transition:all .2s;display:flex}.creator-settings .settings-card .card-header .card-actions .edit-btn svg{width:1rem;height:1rem}.creator-settings .settings-card .card-header .card-actions .edit-btn:hover{background:#667eea;transform:scale(1.05)}.creator-settings .settings-card .card-content{padding:1.5rem}.creator-settings .settings-card .card-content.editing{background:#667eea05;border-top:2px solid #667eea}.creator-settings .settings-card .card-content .info-item{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:.85rem 0;display:flex}.creator-settings .settings-card .card-content .info-item:last-child{border-bottom:none}.creator-settings .settings-card .card-content .info-item label{color:var(--text-secondary);min-width:160px;font-weight:500}.creator-settings .settings-card .card-content .info-item span{color:var(--text-primary);font-weight:500}.creator-settings .settings-card .card-content .info-item span.status{border-radius:20px;padding:.25rem .75rem;font-size:.875rem}.creator-settings .settings-card .card-content .info-item span.status.public,.creator-settings .settings-card .card-content .info-item span.status.enabled{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.creator-settings .settings-card .card-content .info-item span.status.private{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.creator-settings .settings-card .card-content .info-item span.status.disabled{color:#9ca3af;background:#9ca3af1a;border:1px solid #9ca3af33}.creator-settings .settings-card .card-content .empty-state{text-align:center;color:var(--text-secondary);padding:2rem;font-style:italic}.creator-settings .avatar-section,.creator-settings .banner-section{margin-bottom:2rem}.creator-settings .avatar-section:last-child,.creator-settings .banner-section:last-child{margin-bottom:0}.creator-settings .avatar-section{align-items:center;gap:1.5rem;display:flex}.creator-settings .avatar-section .avatar-preview{background:var(--bg-secondary);border:3px solid #667eea;border-radius:50%;flex-shrink:0;width:96px;height:96px;overflow:hidden}.creator-settings .avatar-section .avatar-preview img{object-fit:cover;width:100%;height:100%}.creator-settings .avatar-section .upload-controls{flex-direction:column;gap:.5rem;display:flex}.creator-settings .banner-section .banner-preview{background:#0000004d;border:1px dashed #fff3;border-radius:8px;width:100%;height:180px;margin-bottom:1rem;position:relative;overflow:hidden}.creator-settings .banner-section .banner-preview img{object-fit:cover;width:100%;height:100%}.creator-settings .banner-section .banner-preview .banner-placeholder{height:100%;color:var(--text-secondary);background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;display:flex}.creator-settings .banner-section .banner-preview .banner-placeholder svg{opacity:.4;width:2.5rem;height:2.5rem;margin-bottom:.5rem}.creator-settings .banner-section .upload-controls{justify-content:flex-start;gap:.5rem;display:flex}.creator-settings .file-input-hidden{display:none}.creator-settings .upload-btn{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.creator-settings .upload-btn svg{width:1.1rem;height:1.1rem}.creator-settings .upload-btn:hover{background:#ffffff1a;border-color:#667eea}.creator-settings .save-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.6rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.creator-settings .save-btn:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.creator-settings .save-btn:disabled{opacity:.6;cursor:not-allowed}.creator-settings .form-group{margin-bottom:1.5rem}.creator-settings .form-group label{color:var(--text-primary);align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:500;display:flex}.creator-settings .form-group label svg{color:#667eea;font-size:1rem}.creator-settings .form-group input,.creator-settings .form-group textarea{width:100%;color:var(--text-primary);background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1rem;font-size:.9rem;transition:all .2s}.creator-settings .form-group input:focus,.creator-settings .form-group textarea:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea33}.creator-settings .form-group input::placeholder,.creator-settings .form-group textarea::placeholder{color:#ffffff40}.creator-settings .form-group input:disabled,.creator-settings .form-group textarea:disabled{opacity:.6;cursor:not-allowed;background:#ffffff05}.creator-settings .form-group textarea{resize:vertical;min-height:90px;font-family:inherit}.creator-settings .form-group small{color:var(--text-secondary);margin-top:.35rem;font-size:.75rem;display:block}.creator-settings .social-links-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.creator-settings .form-actions{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.creator-settings .form-actions .cancel-btn{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.6rem 1.25rem;font-weight:500;transition:all .2s}.creator-settings .form-actions .cancel-btn:hover{background:#ffffff1a}.creator-settings .checkbox-group{margin-bottom:1rem}.creator-settings .checkbox-group .checkbox-label{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;align-items:flex-start;gap:1rem;padding:1rem;transition:all .2s;display:flex}.creator-settings .checkbox-group .checkbox-label:hover{background:#ffffff0a;border-color:#667eea4d}.creator-settings .checkbox-group .checkbox-label input[type=checkbox]{display:none}.creator-settings .checkbox-group .checkbox-label .checkbox-custom{background:#0000004d;border:2px solid #fff3;border-radius:4px;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem;transition:all .2s;position:relative}.creator-settings .checkbox-group .checkbox-label .checkbox-custom:after{content:"✓";color:#fff;opacity:0;font-size:.75rem;font-weight:700;transition:opacity .2s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.creator-settings .checkbox-group .checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#667eea;border-color:#667eea}.creator-settings .checkbox-group .checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{opacity:1}.creator-settings .checkbox-group .checkbox-label .checkbox-content{flex:1;align-items:flex-start;gap:.75rem;display:flex}.creator-settings .checkbox-group .checkbox-label .checkbox-content svg{color:#667eea;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.creator-settings .checkbox-group .checkbox-label .checkbox-content strong{color:var(--text-primary);margin-bottom:.25rem;font-weight:500;display:block}.creator-settings .checkbox-group .checkbox-label .checkbox-content small{color:var(--text-secondary);font-size:.85rem}.creator-settings .danger-actions{text-align:center}.creator-settings .danger-actions .delete-account-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;display:inline-flex}.creator-settings .danger-actions .delete-account-btn svg{width:1rem;height:1rem}.creator-settings .danger-actions .delete-account-btn:hover{background:#ef444433;border-color:#ef4444}.creator-settings .modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.creator-settings .modal-content{background:#14141e;border:1px solid #ffffff1a;border-radius:14px;width:100%;max-width:500px;box-shadow:0 10px 40px #0009}.creator-settings .modal-content .modal-header{border-bottom:1px solid #ffffff14;align-items:center;gap:1rem;padding:1.5rem;display:flex}.creator-settings .modal-content .modal-header .warning-icon{color:#ef4444;flex-shrink:0;width:2rem;height:2rem}.creator-settings .modal-content .modal-header h3{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:600}.creator-settings .modal-content .modal-body{padding:1.5rem}.creator-settings .modal-content .modal-body p{color:var(--text-primary);margin-bottom:1rem;line-height:1.5}.creator-settings .modal-content .modal-body ul{color:var(--text-secondary);margin-bottom:1.5rem;padding-left:1.25rem}.creator-settings .modal-content .modal-body ul li{margin-bottom:.5rem}.creator-settings .modal-content .modal-body .confirm-input-section{border-top:1px solid #ffffff14;margin-top:1rem;padding-top:1rem}.creator-settings .modal-content .modal-body .confirm-input-section p{color:var(--text-primary);margin-bottom:.75rem;font-size:.9rem}.creator-settings .modal-content .modal-body .confirm-input-section .confirm-input{width:100%;color:var(--text-primary);background:#0006;border:1px solid #ffffff1a;border-radius:8px;padding:.75rem 1rem;font-size:.9rem}.creator-settings .modal-content .modal-body .confirm-input-section .confirm-input:focus{border-color:#667eea;outline:none;box-shadow:0 0 0 3px #667eea33}.creator-settings .modal-content .modal-actions{border-top:1px solid #ffffff14;justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.creator-settings .modal-content .modal-actions .cancel-btn{color:var(--text-primary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:.65rem 1.25rem;font-weight:500}.creator-settings .modal-content .modal-actions .cancel-btn:hover{background:#ffffff1a}.creator-settings .modal-content .modal-actions .delete-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;padding:.65rem 1.25rem;font-weight:500}.creator-settings .modal-content .modal-actions .delete-btn:hover:not(:disabled){background:#dc2626}.creator-settings .modal-content .modal-actions .delete-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.creator-settings{padding:1rem}.creator-settings .settings-header{text-align:center;flex-direction:column;gap:1rem}.creator-settings .settings-header h2{font-size:1.5rem}.creator-settings .avatar-section{text-align:center;flex-direction:column;gap:1rem}.creator-settings .social-links-grid{grid-template-columns:1fr}}
.creator-monetization-loading{color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:5rem 2rem;display:flex}.creator-monetization-loading .spin-icon{color:#f59e0b;width:2.25rem;height:2.25rem;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.creator-monetization-panel{color:#fff;flex-direction:column;gap:2rem;max-width:1200px;margin:0 auto;display:flex}.creator-monetization-panel .monetization-alert{border-radius:12px;align-items:center;gap:10px;padding:1rem 1.25rem;font-size:.95rem;display:flex}.creator-monetization-panel .monetization-alert.success{color:#a7f3d0;background:#10b98126;border:1px solid #10b98166}.creator-monetization-panel .monetization-alert.error{color:#fca5a5;background:#ef444426;border:1px solid #ef444466}.creator-monetization-panel .monetization-alert.info{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f666}.creator-monetization-panel .monetization-hero{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#14141ecc,#1c1928b3);border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 2.25rem;display:flex}@media (max-width:768px){.creator-monetization-panel .monetization-hero{flex-direction:column;align-items:flex-start}}.creator-monetization-panel .monetization-hero .hero-text h2{background:linear-gradient(135deg,#fff 30%,#f59e0b 100%);-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:1.85rem;font-weight:800}.creator-monetization-panel .monetization-hero .hero-text p{color:#94a3b8;max-width:680px;margin:0;font-size:.95rem;line-height:1.6}.creator-monetization-panel .monetization-hero .hero-badges{flex-direction:column;gap:.75rem;display:flex}.creator-monetization-panel .monetization-hero .hero-badges .badge-pill{white-space:nowrap;border-radius:9999px;align-items:center;gap:.6rem;padding:.55rem 1.1rem;font-size:.825rem;font-weight:700;display:inline-flex}.creator-monetization-panel .monetization-hero .hero-badges .badge-pill svg{width:1.15rem;height:1.15rem}.creator-monetization-panel .monetization-hero .hero-badges .badge-pill.verified{color:#34d399;background:#10b98126;border:1px solid #10b98166}.creator-monetization-panel .monetization-hero .hero-badges .badge-pill.pending{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b66}.creator-monetization-panel .monetization-hero .hero-badges .badge-pill.native-wallet{color:#93c5fd;background:#3b82f61f;border:1px solid #3b82f659}.creator-monetization-panel .monetization-subnav{background:#0f0f1699;border:1px solid #ffffff0f;border-radius:14px;gap:.75rem;padding:6px;display:flex;overflow-x:auto}.creator-monetization-panel .monetization-subnav .subnav-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:.6rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600;transition:all .2s;display:flex}.creator-monetization-panel .monetization-subnav .subnav-btn .icon{width:1.2rem;height:1.2rem}.creator-monetization-panel .monetization-subnav .subnav-btn:hover{color:#fff;background:#ffffff0d}.creator-monetization-panel .monetization-subnav .subnav-btn.active{color:#fbbf24;background:#f59e0b26;font-weight:700;box-shadow:0 2px 8px #0003}.creator-monetization-panel .monetization-subnav .subnav-btn.active .icon{color:#f59e0b}.creator-monetization-panel .monetization-subnav .subnav-btn .tab-badge{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;padding:2px 8px;font-size:.75rem;font-weight:700}.creator-monetization-panel .monetization-subnav .subnav-btn.locked{opacity:.7}.creator-monetization-panel .monetization-subnav .subnav-btn.locked .lock-icon-inline{color:#ef4444}.creator-monetization-panel .monetization-subnav .subnav-btn.locked .lock-badge{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:9999px;padding:2px 7px;font-size:.72rem;font-weight:700}.creator-monetization-panel .monetization-subnav .subnav-btn.locked:hover{opacity:.95;color:#fca5a5;background:#ef444414}.creator-monetization-panel .locked-layer-card{text-align:center;background:linear-gradient(135deg,#141420bf,#0f172ad9);border:1px solid #ffffff14;border-radius:20px;flex-direction:column;align-items:center;max-width:640px;margin:1.5rem auto;padding:3.5rem 2rem;display:flex;box-shadow:0 10px 30px #0000004d}.creator-monetization-panel .locked-layer-card .locked-icon-wrapper{color:#f87171;background:#ef44441f;border:1px solid #ef444440;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1.25rem;display:flex;box-shadow:0 0 24px #ef444426}.creator-monetization-panel .locked-layer-card .locked-icon-wrapper svg{width:36px;height:36px}.creator-monetization-panel .locked-layer-card .locked-badge-pill{text-transform:uppercase;letter-spacing:.06em;color:#f87171;background:#ef444426;border:1px solid #ef44444d;border-radius:9999px;margin-bottom:1rem;padding:4px 12px;font-size:.75rem;font-weight:800}.creator-monetization-panel .locked-layer-card h3{color:#fff;margin:0 0 .75rem;font-size:1.45rem;font-weight:800}.creator-monetization-panel .locked-layer-card p{color:#94a3b8;max-width:480px;margin:0 0 2rem;font-size:.925rem;line-height:1.6}.creator-monetization-panel .locked-layer-card p strong{color:#f1f5f9}.creator-monetization-panel .locked-layer-card .btn-unlock-cta{color:#000;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;align-items:center;gap:10px;padding:12px 24px;font-size:.95rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #f59e0b4d}.creator-monetization-panel .locked-layer-card .btn-unlock-cta:hover{filter:brightness(1.1);transform:translateY(-2px)}.creator-monetization-panel .locked-layer-card .btn-unlock-cta svg{width:20px;height:20px}.creator-monetization-panel .verification-section{flex-direction:column;gap:1.5rem;display:flex}.creator-monetization-panel .verification-section .status-hero-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;align-items:center;gap:1.5rem;padding:1.75rem 2rem;display:flex}@media (max-width:768px){.creator-monetization-panel .verification-section .status-hero-card{flex-direction:column;align-items:flex-start}}.creator-monetization-panel .verification-section .status-hero-card.verified{background:linear-gradient(135deg,#10b98126,#05966914);border:1px solid #10b98166}.creator-monetization-panel .verification-section .status-hero-card.verified .hero-icon-box{color:#34d399;background:#10b98133}.creator-monetization-panel .verification-section .status-hero-card.pending{background:linear-gradient(135deg,#f59e0b26,#d9770614);border:1px solid #f59e0b59}.creator-monetization-panel .verification-section .status-hero-card.pending .hero-icon-box{color:#fbbf24;background:#f59e0b33}.creator-monetization-panel .verification-section .status-hero-card .hero-icon-box{border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:58px;height:58px;display:flex}.creator-monetization-panel .verification-section .status-hero-card .hero-icon-box .icon{width:32px;height:32px}.creator-monetization-panel .verification-section .status-hero-card .hero-content{flex:1}.creator-monetization-panel .verification-section .status-hero-card .hero-content .hero-badge-tag{text-transform:uppercase;letter-spacing:.06em;color:#fbbf24;margin-bottom:4px;font-size:.75rem;font-weight:800}.creator-monetization-panel .verification-section .status-hero-card .hero-content h2{color:#fff;margin:0 0 6px;font-size:1.35rem;font-weight:800}.creator-monetization-panel .verification-section .status-hero-card .hero-content p{color:#cbd5e1;margin:0;font-size:.9rem;line-height:1.5}.creator-monetization-panel .verification-section .status-hero-card .btn-go-wallet{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-size:.875rem;font-weight:700;transition:opacity .2s;display:flex}.creator-monetization-panel .verification-section .status-hero-card .btn-go-wallet:hover{opacity:.9}.creator-monetization-panel .verification-section .checklist-card{background:#14141e99;border:1px solid #ffffff14;border-radius:16px;padding:2rem}.creator-monetization-panel .verification-section .checklist-card .card-header-clean{justify-content:space-between;align-items:flex-start;margin-bottom:1.75rem;display:flex}.creator-monetization-panel .verification-section .checklist-card .card-header-clean h3{color:#fff;margin:0 0 4px;font-size:1.25rem;font-weight:700}.creator-monetization-panel .verification-section .checklist-card .card-header-clean p{color:#94a3b8;margin:0;font-size:.875rem}.creator-monetization-panel .verification-section .checklist-card .requirements-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1.75rem;display:grid}.creator-monetization-panel .verification-section .checklist-card .requirements-grid .requirement-card{background:#00000040;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;padding:1.25rem;transition:all .2s;display:flex}.creator-monetization-panel .verification-section .checklist-card .requirements-grid .requirement-card.met{background:#10b9810a;border-color:#10b9814d}.creator-monetization-panel .verification-section .checklist-card .requirements-grid .requirement-card.unmet{border-color:#ffffff14}.creator-monetization-panel .verification-section .checklist-card .requirements-grid .requirement-card .req-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.creator-monetization-panel .verification-section .checklist-card .requirements-grid .requirement-card .req-header .req-icon{color:#cbd5e1;background:#ffffff0f;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.creator-monetization-panel .verification-section .checklist-card .requirements-grid .requirement-card .req-header .req-icon svg{width:20px;height:20px}.creator-monetization-panel .verification-section .checklist-card .requirements-grid .requirement-card .req-header .req-status .icon-met{color:#34d399;width:22px;height:22px}.creator-monetization-panel .verification-section .checklist-card .requirements-grid .requirement-card .req-header .req-status .icon-unmet{color:#64748b;width:22px;height:22px}.creator-monetization-panel .verification-section .checklist-card .requirements-grid .requirement-card h4{color:#fff;margin:0 0 6px;font-size:.95rem;font-weight:700}.creator-monetization-panel .verification-section .checklist-card .requirements-grid .requirement-card p{color:#94a3b8;flex:1;margin:0 0 1rem;font-size:.825rem;line-height:1.45}.creator-monetization-panel .verification-section .checklist-card .requirements-grid .requirement-card .req-badge{color:#cbd5e1;background:#ffffff0f;border-radius:6px;align-self:flex-start;padding:4px 8px;font-size:.75rem;font-weight:700}.creator-monetization-panel .verification-section .checklist-card .requirements-grid .requirement-card.met .req-badge{color:#34d399;background:#10b98126}.creator-monetization-panel .verification-section .checklist-card .verification-action-box{border-top:1px solid #ffffff14;padding-top:1.5rem}.creator-monetization-panel .verification-section .checklist-card .verification-action-box .action-ready{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}@media (max-width:768px){.creator-monetization-panel .verification-section .checklist-card .verification-action-box .action-ready{flex-direction:column;align-items:flex-start}}.creator-monetization-panel .verification-section .checklist-card .verification-action-box .action-ready p{color:#a7f3d0;margin:0;font-size:.9rem}.creator-monetization-panel .verification-section .checklist-card .verification-action-box .action-ready .btn-request-verify{color:#000;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:800;transition:all .2s;display:flex}.creator-monetization-panel .verification-section .checklist-card .verification-action-box .action-ready .btn-request-verify:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.creator-monetization-panel .verification-section .checklist-card .verification-action-box .action-ready .btn-request-verify:disabled{opacity:.6;cursor:not-allowed}.creator-monetization-panel .verification-section .checklist-card .verification-action-box .action-pending{background:#f59e0b14;border:1px dashed #f59e0b40;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;display:flex}.creator-monetization-panel .verification-section .checklist-card .verification-action-box .action-pending p{color:#cbd5e1;margin:0;font-size:.875rem}.creator-monetization-panel .wallet-tab-content{flex-direction:column;gap:2rem;display:flex}.creator-monetization-panel .wallet-balances-component{flex-direction:column;gap:1.5rem;display:flex}.creator-monetization-panel .wallet-balances-component .main-balance-card{background:linear-gradient(135deg,#141420e6,#0f172ad9);border:1px solid #f59e0b40;border-radius:18px;justify-content:space-between;align-items:center;gap:2rem;padding:2.25rem;display:flex;box-shadow:0 10px 30px #00000059}@media (max-width:768px){.creator-monetization-panel .wallet-balances-component .main-balance-card{flex-direction:column;align-items:flex-start}}.creator-monetization-panel .wallet-balances-component .main-balance-card .balance-info .balance-label{text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;font-size:.85rem;font-weight:700}.creator-monetization-panel .wallet-balances-component .main-balance-card .balance-info .balance-number-row{align-items:baseline;gap:14px;margin:6px 0 8px;display:flex}.creator-monetization-panel .wallet-balances-component .main-balance-card .balance-info .balance-number-row .balance-amount{color:#fff;letter-spacing:-.02em;margin:0;font-size:2.75rem;font-weight:900}.creator-monetization-panel .wallet-balances-component .main-balance-card .balance-info .balance-number-row .balance-currency-pill{color:#34d399;background:#10b98126;border:1px solid #10b9814d;border-radius:9999px;padding:4px 10px;font-size:.8rem;font-weight:700}.creator-monetization-panel .wallet-balances-component .main-balance-card .balance-info .balance-desc{color:#94a3b8;margin:0;font-size:.875rem}.creator-monetization-panel .wallet-balances-component .main-balance-card .balance-actions .btn-primary-payout{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;align-items:center;gap:8px;padding:14px 24px;font-size:.95rem;font-weight:800;transition:all .2s;display:flex;box-shadow:0 4px 14px #10b9814d}.creator-monetization-panel .wallet-balances-component .main-balance-card .balance-actions .btn-primary-payout:hover{filter:brightness(1.1);transform:translateY(-2px)}.creator-monetization-panel .wallet-balances-component .main-balance-card .balance-actions .btn-configure-bank{color:#fbbf24;cursor:pointer;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:12px;padding:12px 20px;font-size:.875rem;font-weight:700;transition:all .2s}.creator-monetization-panel .wallet-balances-component .main-balance-card .balance-actions .btn-configure-bank:hover{background:#f59e0b40}.creator-monetization-panel .wallet-balances-component .main-balance-card .balance-actions .withdrawal-notice{color:#94a3b8;background:#ffffff0a;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;display:flex}.creator-monetization-panel .wallet-balances-component .main-balance-card .balance-actions .withdrawal-notice.warning{color:#fbbf24;background:#f59e0b1a}.creator-monetization-panel .wallet-balances-component .income-streams-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.25rem;display:grid}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card{background:#14141e99;border:1px solid #ffffff14;border-radius:16px;padding:1.5rem}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card .stream-header{align-items:center;gap:12px;margin-bottom:1rem;display:flex}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card .stream-header .stream-icon{border-radius:10px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card .stream-header .stream-icon svg{width:22px;height:22px}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card .stream-header .stream-tag{text-transform:uppercase;letter-spacing:.05em;font-size:.725rem;font-weight:800}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card .stream-header .stream-tag.active{color:#34d399}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card .stream-header .stream-tag.upcoming{color:#fbbf24}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card .stream-header h4{color:#fff;margin:0;font-size:1.05rem;font-weight:700}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card.stream-tips{border-left:3px solid #10b981}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card.stream-tips .stream-icon{color:#34d399;background:#10b98126}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card.stream-fanny-pack{border-left:3px solid #f59e0b}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card.stream-fanny-pack .stream-icon{color:#fbbf24;background:#f59e0b26}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card .stream-amount{flex-direction:column;margin-bottom:.75rem;display:flex}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card .stream-amount .amount-val{color:#fff;font-size:1.75rem;font-weight:800}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card .stream-amount .amount-sub{color:#94a3b8;font-size:.8rem}.creator-monetization-panel .wallet-balances-component .income-streams-grid .stream-card .stream-desc{color:#94a3b8;margin:0;font-size:.85rem;line-height:1.45}.creator-monetization-panel .wallet-balances-component .kpis-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.creator-monetization-panel .wallet-balances-component .kpis-row .kpi-mini-card{background:#0003;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;padding:1.2rem;display:flex}.creator-monetization-panel .wallet-balances-component .kpis-row .kpi-mini-card .kpi-title{text-transform:uppercase;color:#94a3b8;margin-bottom:6px;font-size:.775rem;font-weight:700}.creator-monetization-panel .wallet-balances-component .kpis-row .kpi-mini-card .kpi-val{color:#fff;margin-bottom:4px;font-size:1.35rem;font-weight:800}.creator-monetization-panel .wallet-balances-component .kpis-row .kpi-mini-card .kpi-note{color:#64748b;font-size:.775rem}.creator-monetization-panel .bank-details-component{background:#14141e99;border:1px solid #ffffff14;border-radius:16px;padding:2rem}.creator-monetization-panel .bank-details-component .bank-header-row{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.creator-monetization-panel .bank-details-component .bank-header-row .bank-header-title{align-items:center;gap:12px;display:flex}.creator-monetization-panel .bank-details-component .bank-header-row .bank-header-title .shield-icon{background:#10b9811f;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.creator-monetization-panel .bank-details-component .bank-header-row .bank-header-title h3{color:#fff;margin:0 0 2px;font-size:1.15rem;font-weight:700}.creator-monetization-panel .bank-details-component .bank-header-row .bank-header-title p{color:#94a3b8;margin:0;font-size:.85rem}.creator-monetization-panel .bank-details-component .bank-header-row .btn-edit-bank{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:.825rem;font-weight:600;transition:all .2s;display:flex}.creator-monetization-panel .bank-details-component .bank-header-row .btn-edit-bank:hover{color:#fff;background:#ffffff1a}.creator-monetization-panel .bank-details-component .virtual-bank-card{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);border:1px solid #ffffff26;border-radius:16px;max-width:480px;padding:1.75rem 2rem;box-shadow:0 8px 24px #0006}.creator-monetization-panel .bank-details-component .virtual-bank-card .card-top{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.creator-monetization-panel .bank-details-component .virtual-bank-card .card-top .bank-chip{background:linear-gradient(135deg,#d4af37,#aa820a);border-radius:6px;flex-direction:column;justify-content:space-between;width:40px;height:30px;padding:6px;display:flex}.creator-monetization-panel .bank-details-component .virtual-bank-card .card-top .bank-chip .chip-line{background:#0000004d;height:1px}.creator-monetization-panel .bank-details-component .virtual-bank-card .card-top .bank-network{color:#94a3b8;text-transform:uppercase;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.creator-monetization-panel .bank-details-component .virtual-bank-card .card-iban-box{margin-bottom:1.5rem}.creator-monetization-panel .bank-details-component .virtual-bank-card .card-iban-box .iban-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.725rem;display:block}.creator-monetization-panel .bank-details-component .virtual-bank-card .card-iban-box .iban-code{letter-spacing:.1em;color:#f8fafc;font-family:monospace;font-size:1.25rem;font-weight:700}.creator-monetization-panel .bank-details-component .virtual-bank-card .card-bottom{justify-content:space-between;align-items:flex-end;display:flex}.creator-monetization-panel .bank-details-component .virtual-bank-card .card-bottom .card-holder .holder-label{color:#64748b;text-transform:uppercase;font-size:.7rem;display:block}.creator-monetization-panel .bank-details-component .virtual-bank-card .card-bottom .card-holder .holder-name{color:#e2e8f0;font-size:.95rem;font-weight:700}.creator-monetization-panel .bank-details-component .virtual-bank-card .card-bottom .card-status{color:#34d399;align-items:center;gap:4px;font-size:.75rem;font-weight:700;display:flex}.creator-monetization-panel .bank-details-component .no-bank-prompt{background:#0003;border:1px dashed #ffffff1f;border-radius:14px;align-items:center;gap:1.5rem;padding:1.5rem;display:flex}@media (max-width:768px){.creator-monetization-panel .bank-details-component .no-bank-prompt{flex-direction:column;align-items:flex-start}}.creator-monetization-panel .bank-details-component .no-bank-prompt .prompt-icon{color:#94a3b8;background:#ffffff0d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.creator-monetization-panel .bank-details-component .no-bank-prompt .prompt-icon svg{width:24px;height:24px}.creator-monetization-panel .bank-details-component .no-bank-prompt .prompt-text{flex:1}.creator-monetization-panel .bank-details-component .no-bank-prompt .prompt-text h4{color:#fff;margin:0 0 4px;font-size:1rem;font-weight:700}.creator-monetization-panel .bank-details-component .no-bank-prompt .prompt-text p{color:#94a3b8;margin:0;font-size:.85rem}.creator-monetization-panel .bank-details-component .no-bank-prompt .btn-setup-bank{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;padding:10px 18px;font-size:.875rem;font-weight:700}.creator-monetization-panel .bank-details-component .no-bank-prompt .btn-setup-bank:hover{filter:brightness(1.1)}.creator-monetization-panel .bank-details-component .bank-edit-form{background:#0000004d;border:1px solid #ffffff1a;border-radius:14px;padding:1.5rem}.creator-monetization-panel .bank-details-component .bank-edit-form .form-legend{color:#94a3b8;margin-bottom:1rem;font-size:.875rem}.creator-monetization-panel .bank-details-component .bank-edit-form .form-error-alert{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1rem;padding:8px 12px;font-size:.825rem}.creator-monetization-panel .bank-details-component .bank-edit-form .form-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem;display:grid}@media (max-width:640px){.creator-monetization-panel .bank-details-component .bank-edit-form .form-grid{grid-template-columns:1fr}}.creator-monetization-panel .bank-details-component .bank-edit-form .form-grid .full-width{grid-column:1/-1}.creator-monetization-panel .bank-details-component .bank-edit-form .form-grid .form-group{flex-direction:column;gap:6px;display:flex}.creator-monetization-panel .bank-details-component .bank-edit-form .form-grid .form-group label{color:#cbd5e1;font-size:.8rem;font-weight:600}.creator-monetization-panel .bank-details-component .bank-edit-form .form-grid .form-group input{color:#fff;background:#0f172acc;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:10px 14px;font-size:.9rem}.creator-monetization-panel .bank-details-component .bank-edit-form .form-grid .form-group input:focus{border-color:#f59e0b}.creator-monetization-panel .bank-details-component .bank-edit-form .form-grid .form-group .form-hint{color:#64748b;font-size:.75rem}.creator-monetization-panel .bank-details-component .bank-edit-form .form-buttons{justify-content:flex-end;gap:10px;display:flex}.creator-monetization-panel .bank-details-component .bank-edit-form .form-buttons .btn-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;padding:8px 16px;font-size:.85rem;font-weight:600}.creator-monetization-panel .bank-details-component .bank-edit-form .form-buttons .btn-save{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 18px;font-size:.85rem;font-weight:700;display:flex}.creator-monetization-panel .bank-details-component .bank-edit-form .form-buttons .btn-save:disabled{opacity:.6;cursor:not-allowed}.creator-monetization-panel .ledger-table-component{background:#14141e99;border:1px solid #ffffff14;border-radius:16px;padding:2rem}.creator-monetization-panel .ledger-table-component .ledger-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.creator-monetization-panel .ledger-table-component .ledger-header-row h3{color:#fff;margin:0 0 2px;font-size:1.15rem;font-weight:700}.creator-monetization-panel .ledger-table-component .ledger-header-row p{color:#94a3b8;margin:0;font-size:.85rem}.creator-monetization-panel .ledger-table-component .ledger-header-row .ledger-filters{gap:6px;display:flex}.creator-monetization-panel .ledger-table-component .ledger-header-row .ledger-filters .filter-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600}.creator-monetization-panel .ledger-table-component .ledger-header-row .ledger-filters .filter-btn.active{color:#fbbf24;background:#f59e0b26;border-color:#f59e0b66}.creator-monetization-panel .ledger-table-component .ledger-empty{text-align:center;color:#64748b;padding:3rem 1rem;font-size:.9rem}.creator-monetization-panel .ledger-table-component .table-responsive{overflow-x:auto}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table{border-collapse:collapse;width:100%;font-size:.875rem}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table th{text-align:left;text-transform:uppercase;color:#64748b;border-bottom:1px solid #ffffff14;padding:10px 14px;font-size:.75rem;font-weight:700}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table td{color:#cbd5e1;border-bottom:1px solid #ffffff0a;padding:14px}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .concept-cell{align-items:center;gap:12px;display:flex}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .concept-cell .tx-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .concept-cell .tx-icon.credit{color:#34d399;background:#10b98126}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .concept-cell .tx-icon.debit{color:#60a5fa;background:#3b82f626}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .concept-cell .concept-text{flex-direction:column;display:flex}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .concept-cell .concept-text .concept-title{color:#fff;font-weight:600}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .concept-cell .concept-text .concept-sub{color:#94a3b8;font-size:.775rem}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .net-cell{font-weight:700}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .net-cell.positive{color:#34d399}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .net-cell.payout{color:#93c5fd}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .status-pill{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:700;display:inline-flex}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .status-pill.succeeded,.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .status-pill.completed{color:#34d399;background:#10b9811f}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .status-pill.pending,.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .status-pill.processing{color:#fbbf24;background:#f59e0b1f}.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .status-pill.failed,.creator-monetization-panel .ledger-table-component .table-responsive .ledger-table .status-pill.rejected{color:#fca5a5;background:#ef44441f}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card{background:#14141e99;border:1px solid #ffffff14;border-radius:16px;padding:2rem}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .card-header-clean{justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;display:flex}@media (max-width:768px){.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .card-header-clean{flex-direction:column}}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .card-header-clean .tag-upcoming{text-transform:uppercase;color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:9999px;align-items:center;gap:6px;margin-bottom:8px;padding:4px 10px;font-size:.75rem;font-weight:800;display:inline-flex}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .card-header-clean .tag-upcoming svg{flex-shrink:0;width:14px;height:14px}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .card-header-clean h2{color:#fff;margin:0 0 8px;font-size:1.6rem;font-weight:800}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .card-header-clean p{color:#94a3b8;max-width:700px;margin:0;font-size:.925rem;line-height:1.55}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .card-header-clean .link-roadmap{color:#cbd5e1;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.85rem;font-weight:600;text-decoration:none;display:flex}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .card-header-clean .link-roadmap:hover{color:#fff;background:#ffffff1a}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .criteria-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .criteria-grid .criteria-item{background:#00000040;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:14px;padding:1.25rem;display:flex}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .criteria-grid .criteria-item .criteria-icon{color:#fbbf24;background:#f59e0b26;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .criteria-grid .criteria-item .criteria-icon svg{width:22px;height:22px}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .criteria-grid .criteria-item .criteria-info{flex-direction:column;display:flex}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .criteria-grid .criteria-item .criteria-info .criteria-target{color:#fff;font-size:1.1rem;font-weight:800}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .criteria-grid .criteria-item .criteria-info .criteria-label{color:#94a3b8;font-size:.775rem}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box{background:#0003;border:1px solid #ffffff0f;border-radius:14px;padding:1.75rem}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .submitted-success{text-align:center;padding:1.5rem 0}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .submitted-success svg{color:#34d399;width:36px;height:36px;margin:0 auto .75rem}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .submitted-success h4{color:#a7f3d0;margin:0 0 6px;font-size:1.2rem}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .submitted-success p{color:#94a3b8;max-width:520px;margin:0 auto;font-size:.9rem}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .fanny-pack-form h4{color:#fff;margin:0 0 4px;font-size:1.1rem;font-weight:700}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .fanny-pack-form .form-sub{color:#94a3b8;margin:0 0 1.25rem;font-size:.85rem}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .fanny-pack-form .form-row{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}@media (max-width:640px){.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .fanny-pack-form .form-row{grid-template-columns:1fr}}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .fanny-pack-form .form-group{flex-direction:column;gap:6px;margin-bottom:1rem;display:flex}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .fanny-pack-form .form-group label{color:#cbd5e1;font-size:.8rem;font-weight:600}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .fanny-pack-form .form-group input,.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .fanny-pack-form .form-group textarea{color:#fff;background:#0f172acc;border:1px solid #ffffff1f;border-radius:10px;outline:none;padding:10px 14px;font-size:.9rem}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .fanny-pack-form .form-group input:focus,.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .fanny-pack-form .form-group textarea:focus{border-color:#f59e0b}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .fanny-pack-form .btn-submit-fanny-pack{color:#000;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 22px;font-size:.9rem;font-weight:800;transition:all .2s;display:flex}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .fanny-pack-form .btn-submit-fanny-pack:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}.creator-monetization-panel .fanny-pack-section .fanny-pack-hero-card .interest-form-box .fanny-pack-form .btn-submit-fanny-pack:disabled{opacity:.6;cursor:not-allowed}.creator-monetization-panel .payout-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.creator-monetization-panel .payout-modal-overlay .payout-modal-card{background:#13131c;border:1px solid #ffffff1f;border-radius:20px;width:100%;max-width:480px;padding:2rem;position:relative;box-shadow:0 20px 50px #0009}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;position:absolute;top:1.25rem;right:1.25rem}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-close-btn:hover{color:#fff}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-header{text-align:center;margin-bottom:1.5rem}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-header .modal-icon-badge{color:#34d399;background:#10b98126;border-radius:14px;justify-content:center;align-items:center;width:50px;height:50px;margin:0 auto 12px;display:flex}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-header .modal-icon-badge svg{width:26px;height:26px}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-header h3{color:#fff;margin:0 0 4px;font-size:1.3rem;font-weight:800}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-header p{color:#94a3b8;margin:0;font-size:.85rem}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-error-alert{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d;border-radius:8px;margin-bottom:1rem;padding:8px 12px;font-size:.825rem}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form{flex-direction:column;gap:1.25rem;display:flex}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .bank-summary-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;padding:1rem}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .bank-summary-box .bank-summary-header{color:#94a3b8;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:4px;font-size:.775rem;font-weight:700;display:flex}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .bank-summary-box .bank-summary-iban{color:#f8fafc;letter-spacing:.05em;font-family:monospace;font-size:1.05rem;font-weight:700}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .bank-summary-box .bank-summary-holder{color:#94a3b8;margin-top:2px;font-size:.8rem}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .input-group{flex-direction:column;gap:6px;display:flex}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .input-group label{color:#cbd5e1;font-size:.825rem;font-weight:600}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .input-group .amount-input-wrapper{position:relative}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .input-group .amount-input-wrapper input{color:#fff;background:#0f172ae6;border:1px solid #ffffff26;border-radius:12px;outline:none;width:100%;padding:12px 60px 12px 14px;font-size:1.25rem;font-weight:800}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .input-group .amount-input-wrapper input:focus{border-color:#10b981}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .input-group .amount-input-wrapper .currency-tag{color:#94a3b8;font-size:.85rem;font-weight:800;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .input-group .input-helper{color:#94a3b8;justify-content:space-between;font-size:.775rem;display:flex}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .input-group .input-helper .btn-max-amount{color:#34d399;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .input-group .input-helper .btn-max-amount:hover{text-decoration:underline}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .modal-info-note{color:#94a3b8;align-items:center;gap:8px;font-size:.775rem;line-height:1.4;display:flex}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .modal-footer-buttons{justify-content:flex-end;gap:10px;margin-top:.5rem;display:flex}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .modal-footer-buttons .btn-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:10px;padding:10px 18px;font-size:.85rem;font-weight:600}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .modal-footer-buttons .btn-cancel:hover{color:#fff}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .modal-footer-buttons .btn-confirm-payout{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:10px;padding:10px 20px;font-size:.9rem;font-weight:700}.creator-monetization-panel .payout-modal-overlay .payout-modal-card .modal-form .modal-footer-buttons .btn-confirm-payout:disabled{opacity:.6;cursor:not-allowed}
.live-studio{flex-direction:column;gap:1.75rem;display:flex}.live-studio__header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#101014 0%,#1a0b0d 45%,#2a090d 80%,#3b0a0f 100%);border:1px solid #ef444459;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:1.75rem 2rem;display:flex;box-shadow:0 8px 32px #ef44441f,inset 0 1px #ffffff14}.live-studio__header .live-studio__badge{color:#ef4444;letter-spacing:.05em;background:#ef444426;border:1px solid #ef444466;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.live-studio__header .live-studio__badge .icon-pulse{animation:1.5s ease-in-out infinite pulseLive}.live-studio__header h2{color:#f8fafc;margin:0 0 .4rem;font-size:1.5rem;font-weight:800}.live-studio__header p{color:#94a3b8;max-width:680px;margin:0;font-size:.9rem;line-height:1.5}.live-studio__header .btn-create-live{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:10px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.9rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #ef444459}.live-studio__header .btn-create-live:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444480}.live-studio__alert{border-radius:10px;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1.25rem;font-size:.9rem;display:flex}.live-studio__alert .alert-content{align-items:center;gap:.75rem;display:flex}.live-studio__alert .btn-dismiss-alert{color:#fca5a5;cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:.25rem;transition:background .15s;display:inline-flex}.live-studio__alert .btn-dismiss-alert:hover{background:#ef444433}.live-studio__alert.error{color:#fca5a5;background:#ef44441f;border:1px solid #ef44444d}.live-studio__grid{grid-template-columns:1fr 340px;gap:1.5rem;display:grid}@media (max-width:1024px){.live-studio__grid{grid-template-columns:1fr}}.live-studio__main-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#12121699;border:1px solid #ffffff14;border-radius:14px;padding:1.5rem}.live-studio__sidebar-list{background:#12121699;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:1rem;max-height:680px;padding:1.25rem;display:flex}.live-studio__sidebar-list .sidebar-list__header h4{color:#f1f5f9;margin:0;font-size:1rem;font-weight:700}.live-studio__sidebar-list .stream-cards{flex-direction:column;gap:.75rem;padding-right:.25rem;display:flex;overflow-y:auto}.live-studio__sidebar-list .stream-cards::-webkit-scrollbar{width:4px}.live-studio__sidebar-list .stream-cards::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}.live-studio__sidebar-list .no-streams-text{color:#64748b;text-align:center;padding:2rem 0;font-size:.85rem}.live-studio__sidebar-list .stream-mini-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:10px;padding:.75rem .85rem;transition:all .2s}.live-studio__sidebar-list .stream-mini-card:hover{background:#ffffff0f;border-color:#ffffff26}.live-studio__sidebar-list .stream-mini-card.selected{background:#ef444414;border-color:#ef444466}.live-studio__sidebar-list .stream-mini-card__main-row{align-items:center;gap:.75rem;display:flex}.live-studio__sidebar-list .stream-mini-card__thumb{object-fit:cover;background:#000;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;width:68px;height:48px}.live-studio__sidebar-list .stream-mini-card__content{flex:1;min-width:0}.live-studio__sidebar-list .stream-mini-card__top{justify-content:space-between;align-items:center;margin-bottom:.35rem;display:flex}.live-studio__sidebar-list .stream-mini-card__top .status-pill{text-transform:uppercase;font-size:.68rem;font-weight:700}.live-studio__sidebar-list .stream-mini-card__top .status-pill.live{color:#ef4444}.live-studio__sidebar-list .stream-mini-card__top .status-pill.scheduled{color:#38bdf8}.live-studio__sidebar-list .stream-mini-card__top .status-pill.ended{color:#94a3b8}.live-studio__sidebar-list .stream-mini-card__top .genre-pill{color:#cbd5e1;background:#ffffff0f;border-radius:4px;padding:.15rem .45rem;font-size:.68rem}.live-studio__sidebar-list .stream-mini-card .stream-title{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;margin:0 0 .35rem;font-size:.85rem;font-weight:600;overflow:hidden}.live-studio__sidebar-list .stream-mini-card__bottom{color:#64748b;justify-content:space-between;align-items:center;font-size:.72rem;display:flex}.live-studio__sidebar-list .stream-mini-card__bottom .access-info{color:#fbbf24;font-weight:600}.live-studio__sidebar-list .stream-mini-card__bottom .stream-mini-card__meta{align-items:center;gap:.5rem;display:flex}.live-studio__sidebar-list .stream-mini-card__bottom .stream-mini-card__meta .btn-card-delete{opacity:0;color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:all .2s;display:inline-flex}.live-studio__sidebar-list .stream-mini-card__bottom .stream-mini-card__meta .btn-card-delete:hover{color:#ef4444;background:#ef444426}.live-studio__sidebar-list .stream-mini-card:hover .stream-mini-card__bottom .btn-card-delete{opacity:1}.live-studio__empty{text-align:center;color:#94a3b8;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 1.5rem;display:flex}.live-studio__empty .icon-spin{color:#ef4444;margin-bottom:.75rem;animation:1.2s linear infinite spin}.live-studio__empty .empty-icon{color:#ef444466;filter:drop-shadow(0 4px 12px #ef444433);margin-bottom:1.25rem}.live-studio__empty svg:not(.empty-icon):not(.icon-spin){color:#475569;margin-bottom:1rem}.live-studio__empty h3{color:#f1f5f9;margin:0 0 .5rem;font-size:1.25rem;font-weight:700}.live-studio__empty p{color:#94a3b8;max-width:460px;margin:0 auto 1.75rem;font-size:.9rem;line-height:1.55}.live-studio__empty .btn-create-live-empty{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:10px;align-items:center;gap:.55rem;padding:.8rem 1.5rem;font-size:.92rem;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 4px 16px #ef444459}.live-studio__empty .btn-create-live-empty:hover{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%);transform:translateY(-2px);box-shadow:0 8px 24px #ef444480}.live-studio__empty .btn-create-live-empty:active{transform:translateY(0)}.stream-control{flex-direction:column;gap:1.5rem;display:flex}.stream-control__top{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-bottom:1.25rem;display:flex}.stream-control__top .stream-control__status-wrap{align-items:center;gap:.75rem;display:flex}.stream-control__top .stream-control__status-wrap .badge-live-now{color:#fff;letter-spacing:.05em;background:#ef4444;border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .85rem;font-size:.75rem;font-weight:800;display:inline-flex}.stream-control__top .stream-control__status-wrap .badge-live-now .dot{background:#fff;border-radius:50%;width:8px;height:8px;animation:1.2s infinite pulseDot}.stream-control__top .stream-control__status-wrap .badge-scheduled{color:#38bdf8;background:#38bdf826;border:1px solid #38bdf84d;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:700;display:inline-flex}.stream-control__top .stream-control__status-wrap .badge-ended{color:#94a3b8;background:#94a3b81f;border-radius:999px;padding:.35rem .75rem;font-size:.75rem;font-weight:600}.stream-control__top .stream-control__status-wrap .badge-access{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b40;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.stream-control__top .stream-control__actions{align-items:center;gap:.6rem;display:flex}.stream-control__top .stream-control__actions .btn-action{cursor:pointer;border-radius:8px;align-items:center;gap:.4rem;padding:.55rem .95rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.stream-control__top .stream-control__actions .btn-action.go-live{color:#fff;background:#ef4444;border:none}.stream-control__top .stream-control__actions .btn-action.go-live:hover{background:#dc2626}.stream-control__top .stream-control__actions .btn-action.stop-live{color:#ef4444;background:#ef444426;border:1px solid #ef444459}.stream-control__top .stream-control__actions .btn-action.stop-live:hover{background:#ef444440}.stream-control__top .stream-control__actions .btn-action.view-live{color:#f1f5f9;background:#ffffff14;border:1px solid #ffffff26}.stream-control__top .stream-control__actions .btn-action.view-live:hover{background:#ffffff24}.stream-control__top .stream-control__actions .btn-action.delete-live{color:#94a3b8;background:0 0;border:1px solid #ffffff1f}.stream-control__top .stream-control__actions .btn-action.delete-live:hover:not(:disabled){color:#ef4444;background:#ef444426;border-color:#ef444466}.stream-control__top .stream-control__actions .btn-action.delete-live:disabled{opacity:.5;cursor:not-allowed}.stream-control__details .stream-control__banner-wrap{background:#000;border:1px solid #ffffff1a;border-radius:12px;width:100%;height:200px;margin-bottom:1.25rem;position:relative;overflow:hidden}.stream-control__details .stream-control__banner-wrap .stream-control__banner{object-fit:cover;width:100%;height:100%}.stream-control__details .stream-control__banner-wrap .stream-control__banner-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f1f5f9;background:#000000bf;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.35rem;padding:.25rem .65rem;font-size:.72rem;font-weight:600;display:inline-flex;position:absolute;bottom:.75rem;right:.75rem}.stream-control__details h3{color:#f8fafc;margin:0 0 .5rem;font-size:1.35rem;font-weight:800}.stream-control__details .description{color:#94a3b8;margin:0 0 .75rem;font-size:.9rem;line-height:1.5}.stream-control__details .tags{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.stream-control__details .tags .tag-genre{color:#e2e8f0;background:#ffffff0f;border-radius:6px;padding:.2rem .6rem;font-size:.8rem}.stream-control__details .tags .tag-viewers{color:#ef4444;align-items:center;gap:.35rem;font-size:.8rem;font-weight:700;display:inline-flex}.stream-control__details .tags .tag-date{color:#38bdf8;background:#38bdf81a;border:1px solid #38bdf840;border-radius:6px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.8rem;font-weight:600;display:inline-flex}.live-ended-card{background:linear-gradient(145deg,#10b9810d 0%,#0f172a99 100%);border:1px solid #10b98133;border-radius:12px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.live-ended-card__header{align-items:flex-start;gap:.9rem;display:flex}.live-ended-card__header .icon-success{color:#10b981;flex-shrink:0;margin-top:2px}.live-ended-card__header h4{color:#f1f5f9;margin:0 0 .3rem;font-size:1.05rem;font-weight:700}.live-ended-card__header p{color:#94a3b8;margin:0;font-size:.85rem;line-height:1.45}.live-ended-card__grid{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;padding:1rem;display:grid}.live-ended-card__grid .ended-stat{color:#cbd5e1;flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.live-ended-card__grid .ended-stat svg{color:#38bdf8;margin-bottom:.2rem}.live-ended-card__grid .ended-stat .stat-label{color:#64748b;font-size:.75rem}.live-ended-card__grid .ended-stat .stat-value{color:#f8fafc;font-size:.95rem;font-weight:700}.live-ended-card__actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.live-ended-card__actions .btn-ended-action{cursor:pointer;border-radius:8px;align-items:center;gap:.45rem;padding:.6rem 1rem;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.live-ended-card__actions .btn-ended-action.delete{color:#ef4444;background:0 0;border:1px solid #ef44444d}.live-ended-card__actions .btn-ended-action.delete:hover:not(:disabled){background:#ef444426;border-color:#ef444480}.live-ended-card__actions .btn-ended-action.delete:disabled{opacity:.5;cursor:not-allowed}.live-ended-card__actions .btn-ended-action.create-new{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none}.live-ended-card__actions .btn-ended-action.create-new:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ef444466}.obs-box{background:#0a0a0eb3;border:1px solid #ffffff14;border-radius:12px;padding:1.25rem;transition:all .2s}.obs-box.collapsed{background:#0a0a0e66;padding:1rem 1.25rem}.obs-box.collapsed .obs-box__header{margin-bottom:0}.obs-box__header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.obs-box__header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px}.obs-box__header.clickable:hover .obs-box__title h4{color:#fff}.obs-box__header.clickable:hover .btn-toggle-obs{color:#f1f5f9;background:#ffffff1a}.obs-box__header .obs-box__title{align-items:center;gap:.75rem;display:flex}.obs-box__header .obs-box__title .obs-icon{color:#ef4444;flex-shrink:0}.obs-box__header h4{color:#f1f5f9;margin:0 0 .25rem;font-size:1rem;font-weight:700;transition:color .15s}.obs-box__header .obs-hint{color:#64748b;font-size:.8rem}.obs-box__header .btn-toggle-obs{color:#94a3b8;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:.35rem;transition:all .2s;display:inline-flex}.obs-box__content{flex-direction:column;gap:1rem;animation:.2s ease-in-out fadeIn;display:flex}.obs-box .credential-row{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.obs-box .credential-row label{color:#94a3b8;font-size:.8rem;font-weight:600}.obs-box .credential-row .credential-input-wrap{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;align-items:center;display:flex;overflow:hidden}.obs-box .credential-row .credential-input-wrap input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;padding:.6rem .85rem;font-family:monospace;font-size:.85rem}.obs-box .credential-row .credential-input-wrap button{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:.6rem .75rem;transition:color .2s}.obs-box .credential-row .credential-input-wrap button:hover{color:#f1f5f9}.obs-box .credential-row.share-row{border-top:1px dashed #ffffff14;margin-top:1.25rem;padding-top:1rem}.obs-box .credential-row.share-row label{color:#fbbf24}.obs-box .credential-row.share-row .credential-input-wrap{background:#f59e0b0a;border-color:#f59e0b4d}.obs-box .quick-guide{background:#ffffff05;border-left:3px solid #ef4444;border-radius:8px;margin-top:1.25rem;padding:.9rem 1rem}.obs-box .quick-guide h5{color:#f1f5f9;margin:0 0 .5rem;font-size:.85rem;font-weight:700}.obs-box .quick-guide ol{color:#94a3b8;margin:0;padding-left:1.25rem;font-size:.8rem;line-height:1.6}.obs-box .quick-guide ol strong{color:#e2e8f0}.live-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.live-modal{background:#121217;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;width:100%;max-width:580px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 50px #000000b3}.live-modal__header{background:linear-gradient(135deg,#101014 0%,#1c0a0c 50%,#300a0e 100%);border-bottom:1px solid #ef444440;flex-shrink:0;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.live-modal__header h3{color:#f8fafc;align-items:center;gap:.5rem;margin:0;font-size:1.15rem;font-weight:700;display:flex}.live-modal__header h3 .icon-pulse{color:#ef4444;animation:1.5s infinite pulseLive}.live-modal__header .btn-close{color:#64748b;cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.1rem}.live-modal__header .btn-close:hover{color:#f1f5f9}.live-modal__form{flex-direction:column;gap:1.1rem;padding:1.5rem;display:flex;overflow-y:auto}.live-modal__form .thumbnail-upload-group .thumbnail-dropzone{cursor:pointer;text-align:center;background:#ffffff05;border:2px dashed #ffffff26;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.35rem;padding:1.5rem 1rem;transition:all .2s;display:flex}.live-modal__form .thumbnail-upload-group .thumbnail-dropzone:hover{background:#ef44440a;border-color:#ef4444}.live-modal__form .thumbnail-upload-group .thumbnail-dropzone .dropzone-icon{color:#ef4444;margin-bottom:.25rem}.live-modal__form .thumbnail-upload-group .thumbnail-dropzone .dropzone-title{color:#f1f5f9;font-size:.88rem;font-weight:600}.live-modal__form .thumbnail-upload-group .thumbnail-dropzone .dropzone-subtitle{color:#64748b;font-size:.75rem}.live-modal__form .thumbnail-upload-group .thumbnail-preview-container{background:#000;border:1px solid #ffffff26;border-radius:10px;width:100%;height:160px;position:relative;overflow:hidden}.live-modal__form .thumbnail-upload-group .thumbnail-preview-container .thumbnail-preview-img{object-fit:cover;width:100%;height:100%}.live-modal__form .thumbnail-upload-group .thumbnail-preview-container .btn-remove-thumb{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#f87171;cursor:pointer;background:#000c;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:600;transition:all .2s;display:inline-flex;position:absolute;top:.6rem;right:.6rem}.live-modal__form .thumbnail-upload-group .thumbnail-preview-container .btn-remove-thumb:hover{color:#fff;background:#ef444440}.live-modal__form .form-group{flex-direction:column;gap:.4rem;display:flex}.live-modal__form .form-group label{color:#cbd5e1;font-size:.82rem;font-weight:600}.live-modal__form .form-group input[type=text],.live-modal__form .form-group input[type=number],.live-modal__form .form-group input[type=datetime-local],.live-modal__form .form-group select,.live-modal__form .form-group textarea{color:#f8fafc;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:.65rem .85rem;font-size:.88rem;transition:border-color .2s}.live-modal__form .form-group input[type=text]:focus,.live-modal__form .form-group input[type=number]:focus,.live-modal__form .form-group input[type=datetime-local]:focus,.live-modal__form .form-group select:focus,.live-modal__form .form-group textarea:focus{border-color:#ef4444}.live-modal__form .form-group input[type=text]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.live-modal__form .form-group input[type=number]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.live-modal__form .form-group input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.live-modal__form .form-group select::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.live-modal__form .form-group textarea::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer}.live-modal__form .form-group select option{color:#f8fafc;background:#18181f}.live-modal__form .form-group.highlight-box{background:#f59e0b0f;border:1px dashed #f59e0b4d;border-radius:10px;padding:.9rem}.live-modal__form .form-group.highlight-box .field-hint{color:#fbbf24;font-size:.75rem;line-height:1.4}.live-modal__form .form-group.highlight-box.scheduled-box{background:#38bdf80f;border-color:#38bdf859}.live-modal__form .form-group.highlight-box.scheduled-box label{color:#38bdf8}.live-modal__form .form-group.highlight-box.scheduled-box .field-hint{color:#7dd3fc}.live-modal__form .form-group.highlight-box.scheduled-box .field-hint strong{color:#e0f2fe}.live-modal__form .form-group.highlight-box.scheduled-box input[type=datetime-local]:focus{border-color:#38bdf8}.live-modal__form .form-group.checkbox-group label{cursor:pointer;color:#e2e8f0;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.live-modal__form .form-group.checkbox-group label input[type=checkbox]{accent-color:#ef4444;width:16px;height:16px}.live-modal__form .form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.live-modal__actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.live-modal__actions .btn-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;padding:.65rem 1.15rem;font-size:.85rem;font-weight:600}.live-modal__actions .btn-cancel:hover{color:#f8fafc}.live-modal__actions .btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:none;border-radius:8px;padding:.65rem 1.25rem;font-size:.85rem;font-weight:700;transition:all .2s}.live-modal__actions .btn-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.live-modal__actions .btn-submit:disabled{opacity:.5;cursor:not-allowed}@keyframes pulseLive{0%,to{opacity:1}50%{opacity:.4}}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.7)}}
.creator-analytics-studio{gap:var(--spacing-xl,1.75rem);flex-direction:column;width:100%;animation:.25s ease-out fadeIn;display:flex}.creator-analytics-studio .analytics-header{justify-content:space-between;align-items:center;gap:var(--spacing-md,1rem);padding-bottom:var(--spacing-md,1rem);border-bottom:1px solid var(--glass-border,#ffffff14);flex-wrap:wrap;display:flex}.creator-analytics-studio .analytics-header__title-group{flex-direction:column;gap:4px;display:flex}.creator-analytics-studio .analytics-header__title-group h2{color:#fff;align-items:center;gap:10px;margin:0;font-size:1.5rem;font-weight:700;display:flex}.creator-analytics-studio .analytics-header__title-group h2 .live-badge{text-transform:uppercase;letter-spacing:.05em;color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:20px;align-items:center;gap:6px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-flex}.creator-analytics-studio .analytics-header__title-group h2 .live-badge .pulse-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulse;box-shadow:0 0 8px #38bdf8}.creator-analytics-studio .analytics-header__title-group p{color:var(--text-muted,#94a3b8);margin:0;font-size:.85rem}.creator-analytics-studio .analytics-header__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.creator-analytics-studio .analytics-header .timeframe-selector{border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-lg,12px);background:#ffffff0a;gap:2px;padding:3px;display:flex}.creator-analytics-studio .analytics-header .timeframe-selector__btn{color:var(--text-secondary,#94a3b8);border-radius:var(--radius-md,8px);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 12px;font-size:.8rem;font-weight:500;transition:all .18s}.creator-analytics-studio .analytics-header .timeframe-selector__btn:hover{color:#fff;background:#ffffff0f}.creator-analytics-studio .analytics-header .timeframe-selector__btn--active{background:var(--accent-primary,#6366f1);color:#fff;font-weight:600;box-shadow:0 2px 10px #6366f159}.creator-analytics-studio .analytics-tabs{border-bottom:1px solid #ffffff0f;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.creator-analytics-studio .analytics-tabs::-webkit-scrollbar{display:none}.creator-analytics-studio .analytics-tabs__tab{color:var(--text-secondary,#94a3b8);cursor:pointer;border-radius:var(--radius-md,8px);white-space:nowrap;background:0 0;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:500;transition:all .2s;display:flex}.creator-analytics-studio .analytics-tabs__tab svg{width:17px;height:17px;transition:transform .2s}.creator-analytics-studio .analytics-tabs__tab:hover{color:#fff;background:#ffffff0a}.creator-analytics-studio .analytics-tabs__tab:hover svg{transform:translateY(-1px)}.creator-analytics-studio .analytics-tabs__tab--active{color:#fff;box-shadow:inset 0 -2px 0 var(--accent-primary,#6366f1);background:#ffffff14;font-weight:600}.creator-analytics-studio .analytics-tabs__tab--active svg{color:var(--accent-primary,#818cf8)}.creator-analytics-studio .kpi-row{gap:var(--spacing-md,1rem);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:1024px){.creator-analytics-studio .kpi-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.creator-analytics-studio .kpi-row{grid-template-columns:1fr}}.creator-analytics-studio .kpi-row .kpi-btn-card{text-align:left;border-radius:var(--radius-lg,14px);cursor:pointer;background:#12121aa6;border:1px solid #ffffff14;flex-direction:column;align-items:flex-start;width:100%;padding:16px 18px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.creator-analytics-studio .kpi-row .kpi-btn-card:after{content:"";background:0 0;height:3px;transition:background .2s;position:absolute;bottom:0;left:0;right:0}.creator-analytics-studio .kpi-row .kpi-btn-card:hover{background:#1a1a26d9;border-color:#ffffff29;transform:translateY(-2px)}.creator-analytics-studio .kpi-row .kpi-btn-card--active{background:#1a1a26f2;border-color:#ffffff38;box-shadow:0 10px 30px #0006}.creator-analytics-studio .kpi-row .kpi-btn-card--active.kpi-btn-card--views:after{background:#38bdf8;box-shadow:0 0 12px #38bdf8}.creator-analytics-studio .kpi-row .kpi-btn-card--active.kpi-btn-card--watchTime:after{background:#fbbf24;box-shadow:0 0 12px #fbbf24}.creator-analytics-studio .kpi-row .kpi-btn-card--active.kpi-btn-card--followers:after{background:#a855f7;box-shadow:0 0 12px #a855f7}.creator-analytics-studio .kpi-row .kpi-btn-card--active.kpi-btn-card--engagement:after{background:#f43f5e;box-shadow:0 0 12px #f43f5e}.creator-analytics-studio .kpi-row .kpi-btn-card__head{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.creator-analytics-studio .kpi-row .kpi-btn-card__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#94a3b8);font-size:.8rem;font-weight:600}.creator-analytics-studio .kpi-row .kpi-btn-card__icon{width:20px;height:20px;color:var(--text-muted,#94a3b8);transition:color .2s}.creator-analytics-studio .kpi-row .kpi-btn-card--views .kpi-btn-card__icon{color:#38bdf8}.creator-analytics-studio .kpi-row .kpi-btn-card--watchTime .kpi-btn-card__icon{color:#fbbf24}.creator-analytics-studio .kpi-row .kpi-btn-card--followers .kpi-btn-card__icon{color:#a855f7}.creator-analytics-studio .kpi-row .kpi-btn-card--engagement .kpi-btn-card__icon{color:#f43f5e}.creator-analytics-studio .kpi-row .kpi-btn-card__value{color:#fff;letter-spacing:-.02em;margin-bottom:6px;font-size:1.85rem;font-weight:800;line-height:1.1}.creator-analytics-studio .kpi-row .kpi-btn-card__sub{color:var(--text-muted,#94a3b8);align-items:center;gap:5px;font-size:.76rem;display:flex}.creator-analytics-studio .kpi-row .kpi-btn-card__sub .trend-up{color:#34d399;align-items:center;gap:2px;font-weight:600;display:flex}.creator-analytics-studio .kpi-row .kpi-btn-card__sub .trend-up svg{width:13px;height:13px}.creator-analytics-studio .chart-container{border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-xl,16px);background:#0e0e16cc;flex-direction:column;gap:16px;padding:22px;display:flex;position:relative;box-shadow:0 16px 40px #00000059}.creator-analytics-studio .chart-container__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.creator-analytics-studio .chart-container__header .chart-metric-title{flex-direction:column;gap:2px;display:flex}.creator-analytics-studio .chart-container__header .chart-metric-title span{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}.creator-analytics-studio .chart-container__header .chart-metric-title h3{color:#fff;margin:0;font-size:1.15rem;font-weight:700}.creator-analytics-studio .chart-container__header .chart-legend{color:var(--text-secondary,#94a3b8);align-items:center;gap:16px;font-size:.78rem;display:flex}.creator-analytics-studio .chart-container__header .chart-legend__item{align-items:center;gap:6px;display:flex}.creator-analytics-studio .chart-container__header .chart-legend__item .legend-line{border-radius:2px;width:16px;height:3px}.creator-analytics-studio .chart-container__header .chart-legend__item .legend-line--current{background:#38bdf8}.creator-analytics-studio .chart-container__header .chart-legend__item .legend-line--previous{background:#ffffff40;border-top:1px dashed #fff6}.creator-analytics-studio .chart-container__svg-wrap{width:100%;height:250px;position:relative}.creator-analytics-studio .chart-container__svg-wrap svg{width:100%;height:100%;overflow:visible}.creator-analytics-studio .chart-container__tooltip{pointer-events:none;z-index:10;white-space:nowrap;background:#0a0a0ff0;border:1px solid #ffffff26;border-radius:10px;padding:10px 14px;transition:transform 80ms ease-out;position:absolute;transform:translate(-50%,-115%);box-shadow:0 10px 25px #0009,0 0 15px #38bdf833}.creator-analytics-studio .chart-container__tooltip .tooltip-date{color:var(--text-muted,#94a3b8);margin-bottom:2px;font-size:.72rem}.creator-analytics-studio .chart-container__tooltip .tooltip-value{color:#fff;font-size:1.05rem;font-weight:700}.creator-analytics-studio .chart-container__tooltip .tooltip-delta{color:#34d399;margin-top:2px;font-size:.72rem;font-weight:600}.creator-analytics-studio .overview-details-grid{gap:var(--spacing-lg,1.5rem);grid-template-columns:1.8fr 1.2fr;display:grid}@media (max-width:1024px){.creator-analytics-studio .overview-details-grid{grid-template-columns:1fr}}.creator-analytics-studio .analytics-card-section{border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-xl,16px);background:#0e0e16bf;flex-direction:column;gap:16px;padding:20px;display:flex}.creator-analytics-studio .analytics-card-section__head{justify-content:space-between;align-items:center;display:flex}.creator-analytics-studio .analytics-card-section__head h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:700;display:flex}.creator-analytics-studio .analytics-card-section__head span{color:var(--text-muted,#94a3b8);font-size:.8rem}.creator-analytics-studio .analytics-spotlight-card{background:linear-gradient(135deg,#a855f71f,#38bdf814);border:1px solid #a855f759;border-radius:16px;align-items:center;gap:20px;padding:16px 20px;animation:.2s ease-out fadeIn;display:flex;box-shadow:0 4px 20px #00000040}@media (max-width:800px){.creator-analytics-studio .analytics-spotlight-card{flex-direction:column;align-items:flex-start}}.creator-analytics-studio .analytics-spotlight-card__thumb-wrap{background:#0f1016;border:1px solid #ffffff1a;border-radius:8px;flex-shrink:0;width:110px;height:62px;position:relative;overflow:hidden}.creator-analytics-studio .analytics-spotlight-card__thumb-wrap img{object-fit:cover;width:100%;height:100%}.creator-analytics-studio .analytics-spotlight-card__thumb-wrap .format-badge{color:#fff;background:#000000d9;border-radius:4px;padding:1px 5px;font-size:.6rem;font-weight:700;position:absolute;bottom:3px;right:3px}.creator-analytics-studio .analytics-spotlight-card__info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.creator-analytics-studio .analytics-spotlight-card__top{align-items:center;gap:8px;display:flex}.creator-analytics-studio .analytics-spotlight-card__top .tag-pill{text-transform:uppercase;letter-spacing:.05em;color:#c084fc;background:#a855f733;border:1px solid #a855f766;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:700}.creator-analytics-studio .analytics-spotlight-card__top .tag-genre{color:var(--text-muted,#94a3b8);font-size:.75rem}.creator-analytics-studio .analytics-spotlight-card__title{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:700;overflow:hidden}.creator-analytics-studio .analytics-spotlight-card__meta{color:#cbd5e1;flex-wrap:wrap;align-items:center;gap:10px;font-size:.8rem;display:flex}.creator-analytics-studio .analytics-spotlight-card__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.creator-analytics-studio .analytics-spotlight-card__actions .btn-spotlight-primary{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.creator-analytics-studio .analytics-spotlight-card__actions .btn-spotlight-primary:hover{background:#ffffff26;border-color:#ffffff4d}.creator-analytics-studio .analytics-spotlight-card__actions .btn-spotlight-secondary{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.creator-analytics-studio .analytics-spotlight-card__actions .btn-spotlight-secondary:hover{background:#38bdf833;border-color:#38bdf8}.creator-analytics-studio .top-videos-list{flex-direction:column;gap:10px;display:flex}.creator-analytics-studio .top-videos-list .top-video-item{color:inherit;text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff0a;border-radius:12px;align-items:center;gap:14px;width:100%;padding:10px 12px;font-family:inherit;text-decoration:none;transition:all .2s;display:flex}.creator-analytics-studio .top-videos-list .top-video-item:hover{background:#ffffff0f;border-color:#38bdf84d;transform:translate(3px)}.creator-analytics-studio .top-videos-list .top-video-item:hover .top-video-item__hint{opacity:1}.creator-analytics-studio .top-videos-list .top-video-item--selected{box-shadow:0 0 12px #a855f733;background:#a855f71f!important;border-color:#a855f766!important}.creator-analytics-studio .top-videos-list .top-video-item__rank{color:var(--text-muted,#94a3b8);text-align:center;width:20px;font-size:.9rem;font-weight:800}.creator-analytics-studio .top-videos-list .top-video-item__thumb-wrap{background:#0f1016;border-radius:6px;flex-shrink:0;width:72px;height:44px;position:relative;overflow:hidden}.creator-analytics-studio .top-videos-list .top-video-item__thumb-wrap img{object-fit:cover;width:100%;height:100%}.creator-analytics-studio .top-videos-list .top-video-item__thumb-wrap .format-badge{color:#fff;background:#000000bf;border-radius:3px;padding:1px 4px;font-size:.58rem;font-weight:700;position:absolute;bottom:2px;right:2px}.creator-analytics-studio .top-videos-list .top-video-item__info{flex-direction:column;flex:1;gap:3px;display:flex;overflow:hidden}.creator-analytics-studio .top-videos-list .top-video-item__title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.creator-analytics-studio .top-videos-list .top-video-item__meta{color:var(--text-muted,#94a3b8);align-items:center;gap:10px;font-size:.74rem;display:flex}.creator-analytics-studio .top-videos-list .top-video-item__meta span{align-items:center;gap:3px;display:flex}.creator-analytics-studio .top-videos-list .top-video-item__meta .top-video-item__hint{color:#38bdf8;opacity:0;margin-left:auto;font-weight:600;transition:opacity .15s}.creator-analytics-studio .top-videos-list .top-video-item__views-wrap{text-align:right;flex-direction:column;align-items:flex-end;gap:2px;display:flex}.creator-analytics-studio .top-videos-list .top-video-item__views{color:#fff;font-size:.95rem;font-weight:700}.creator-analytics-studio .top-videos-list .top-video-item__progress-bar{background:#ffffff14;border-radius:2px;width:60px;height:4px;overflow:hidden}.creator-analytics-studio .top-videos-list .top-video-item__progress-bar .fill{background:linear-gradient(90deg,#38bdf8,#818cf8);border-radius:2px;height:100%}.creator-analytics-studio .realtime-card__hero{background:linear-gradient(135deg,#38bdf814,#6366f114);border:1px solid #38bdf833;border-radius:12px;flex-direction:column;gap:4px;padding:14px;display:flex}.creator-analytics-studio .realtime-card__hero .realtime-number{color:#fff;font-size:2.2rem;font-weight:800;line-height:1}.creator-analytics-studio .realtime-card__hero .realtime-label{color:#38bdf8;font-size:.8rem;font-weight:600}.creator-analytics-studio .realtime-card__bars{border-bottom:1px solid #ffffff0f;align-items:flex-end;gap:2px;height:70px;padding:10px 0 4px;display:flex}.creator-analytics-studio .realtime-card__bars .mini-bar{cursor:pointer;background:#38bdf859;border-radius:2px 2px 0 0;flex:1;transition:all .2s}.creator-analytics-studio .realtime-card__bars .mini-bar:hover{background:#38bdf8;transform:scaleY(1.08);box-shadow:0 0 8px #38bdf8}.creator-analytics-studio .realtime-card__bars .mini-bar--highlight{background:#38bdf8}.creator-analytics-studio .realtime-card__axis{color:var(--text-muted,#94a3b8);border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:4px 2px 8px;font-size:.72rem;display:flex}.creator-analytics-studio .realtime-card__axis .axis-title{color:#cbd5e1;letter-spacing:.02em;font-weight:600}.creator-analytics-studio .realtime-card__subvideos{flex-direction:column;gap:8px;margin-top:6px;display:flex}.creator-analytics-studio .realtime-card__subvideos .subvideo-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:4px 6px;font-family:inherit;font-size:.82rem;transition:all .15s;display:flex}.creator-analytics-studio .realtime-card__subvideos .subvideo-item:hover{background:#ffffff0d}.creator-analytics-studio .realtime-card__subvideos .subvideo-item:hover .subvideo-title{color:#38bdf8}.creator-analytics-studio .realtime-card__subvideos .subvideo-item .subvideo-title{color:var(--text-secondary,#cbd5e1);white-space:nowrap;text-overflow:ellipsis;max-width:200px;transition:color .15s;overflow:hidden}.creator-analytics-studio .realtime-card__subvideos .subvideo-item .subvideo-count{color:#fff;font-weight:600}.creator-analytics-studio .reach-grid{gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:900px){.creator-analytics-studio .reach-grid{grid-template-columns:1fr}}.creator-analytics-studio .reach-grid .traffic-source-item{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.creator-analytics-studio .reach-grid .traffic-source-item__head{justify-content:space-between;font-size:.84rem;display:flex}.creator-analytics-studio .reach-grid .traffic-source-item__head .source-name{color:var(--text-secondary,#cbd5e1);font-weight:500}.creator-analytics-studio .reach-grid .traffic-source-item__head .source-pct{color:#fff;font-weight:700}.creator-analytics-studio .reach-grid .traffic-source-item__bar-bg{background:#ffffff0f;border-radius:4px;width:100%;height:8px;overflow:hidden}.creator-analytics-studio .reach-grid .traffic-source-item__bar-bg .bar-fill{border-radius:4px;height:100%;transition:width .5s}.creator-analytics-studio .audience-grid{gap:var(--spacing-lg,1.5rem);grid-template-columns:repeat(2,1fr);display:grid}@media (max-width:900px){.creator-analytics-studio .audience-grid{grid-template-columns:1fr}}.creator-analytics-studio .audience-grid .retention-hero{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:8px;padding:16px;display:flex}.creator-analytics-studio .audience-grid .retention-hero .retention-stat{color:#34d399;font-size:2.2rem;font-weight:800}.creator-analytics-studio .audience-grid .retention-hero p{color:var(--text-muted,#94a3b8);margin:0;font-size:.85rem;line-height:1.5}.creator-analytics-studio .audience-grid .country-row{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:8px 0;font-size:.85rem;display:flex}.creator-analytics-studio .audience-grid .country-row .country-info{color:var(--text-secondary,#cbd5e1);align-items:center;gap:8px;display:flex}.creator-analytics-studio .audience-grid .country-row .country-pct{color:#fff;font-weight:700}.creator-analytics-studio .authenticity-badge-box{border-radius:var(--radius-xl,16px);background:linear-gradient(135deg,#10b9811a,#064e3b26);border:1px solid #10b9814d;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;display:flex}.creator-analytics-studio .authenticity-badge-box__left{align-items:center;gap:16px;display:flex}.creator-analytics-studio .authenticity-badge-box__left .shield-icon-wrap{color:#34d399;background:#10b98133;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.creator-analytics-studio .authenticity-badge-box__left .shield-icon-wrap svg{width:26px;height:26px}.creator-analytics-studio .authenticity-badge-box__left .shield-text h4{color:#fff;margin:0 0 2px;font-size:1rem;font-weight:700}.creator-analytics-studio .authenticity-badge-box__left .shield-text p{color:#ffffffb3;margin:0;font-size:.82rem}.creator-analytics-studio .authenticity-badge-box__badge{color:#34d399;background:#10b98126;border:1px solid #10b98159;border-radius:20px;padding:6px 14px;font-size:.78rem;font-weight:700}.creator-analytics-studio .content-table-wrap{border:1px solid var(--glass-border,#ffffff14);border-radius:var(--radius-xl,16px);background:#0e0e16bf;overflow-x:auto}.creator-analytics-studio .content-table-wrap table{border-collapse:collapse;width:100%;font-size:.86rem}.creator-analytics-studio .content-table-wrap table th{text-align:left;color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.05em;background:#ffffff05;border-bottom:1px solid #ffffff14;padding:12px 16px;font-size:.75rem;font-weight:700}.creator-analytics-studio .content-table-wrap table td{color:var(--text-secondary,#cbd5e1);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:14px 16px}.creator-analytics-studio .content-table-wrap table tr:hover td{background:#ffffff08}.creator-analytics-studio .content-table-wrap table .table-video-cell{align-items:center;gap:12px;display:flex}.creator-analytics-studio .content-table-wrap table .table-video-cell img{object-fit:cover;background:#0f1016;border-radius:6px;width:60px;height:36px}.creator-analytics-studio .content-table-wrap table .table-video-cell .title-box{flex-direction:column;gap:2px;display:flex}.creator-analytics-studio .content-table-wrap table .table-video-cell .title-box .title{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:260px;font-weight:600;overflow:hidden}.creator-analytics-studio .content-table-wrap table .table-video-cell .title-box .date{color:var(--text-muted,#94a3b8);font-size:.74rem}.creator-analytics-studio .content-table-wrap table .badge-format{border-radius:4px;padding:2px 7px;font-size:.72rem;font-weight:600}.creator-analytics-studio .content-table-wrap table .badge-format--horizontal{color:#38bdf8;background:#38bdf826}.creator-analytics-studio .content-table-wrap table .badge-format--vertical{color:#c084fc;background:#a855f726}.creator-analytics-studio .content-table-wrap table .val-bold{color:#fff;font-weight:700}.creator-analytics-studio .analytics-empty-state{text-align:center;border-radius:var(--radius-xl,16px);background:#0e0e1699;border:1px dashed #ffffff1f;flex-direction:column;align-items:center;gap:16px;padding:4rem 2rem;display:flex}.creator-analytics-studio .analytics-empty-state .icon-box{color:#818cf8;background:#6366f126;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.creator-analytics-studio .analytics-empty-state .icon-box svg{width:32px;height:32px}.creator-analytics-studio .analytics-empty-state h3{color:#fff;margin:0;font-size:1.3rem;font-weight:700}.creator-analytics-studio .analytics-empty-state p{color:var(--text-muted,#94a3b8);max-width:440px;margin:0;font-size:.9rem;line-height:1.6}.creator-analytics-studio .analytics-empty-state .btn-upload-first{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#a855f7);border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 16px #6366f159}.creator-analytics-studio .analytics-empty-state .btn-upload-first:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f180}
.creator-page{padding:var(--spacing-xl,2rem) var(--spacing-lg,1.5rem);max-width:1400px;margin:0 auto}.creator-page__header{margin-bottom:var(--spacing-lg,1.5rem)}.creator-page__nav{gap:var(--spacing-xs,.5rem);border-bottom:1px solid var(--glass-border,#ffffff1a);margin-bottom:var(--spacing-xl,2rem);padding-bottom:var(--spacing-xs,.5rem);display:flex;overflow-x:auto}.creator-page__nav::-webkit-scrollbar{display:none}.creator-page__nav-item{border-radius:var(--radius-md,8px);color:var(--text-secondary,#ffffffb3);white-space:nowrap;align-items:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.creator-page__nav-item:hover{color:var(--text-primary,#fff);background:#ffffff0d}.creator-page__nav-item.active{color:var(--accent-primary,#6366f1);background:#6366f11f;font-weight:600}.creator-page__nav-item svg{width:18px;height:18px}.creator-page__unauth{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:50vh;padding:2rem;display:flex}.creator-page__unauth .icon-wrapper{width:64px;height:64px;color:var(--accent-primary,#6366f1);background:#6366f11a;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;display:flex}.creator-page__unauth .icon-wrapper svg{width:32px;height:32px}.creator-page__unauth h2{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.creator-page__unauth p{color:#fff9;max-width:440px;margin-bottom:1.5rem;line-height:1.5}.creator-page__unauth .btn-login{background:var(--accent-primary,#6366f1);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:.95rem;font-weight:600;transition:all .2s}.creator-page__unauth .btn-login:hover{background:#4f46e5;transform:translateY(-1px)}.creator-page .creator-analytics .analytics-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.creator-page .creator-analytics .analytics-card{background:var(--glass-bg,#ffffff0a);border:1px solid var(--glass-border,#ffffff1a);border-radius:12px;padding:1.5rem}.creator-page .creator-analytics .analytics-card h3{text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-bottom:.75rem;font-size:.9rem}.creator-page .creator-analytics .analytics-card .analytics-value{color:#fff;font-size:2rem;font-weight:700}.creator-page .creator-analytics .analytics-card p{color:#fff6;margin-top:.25rem;font-size:.8rem}.creator-page .creator-monetization{background:var(--glass-bg,#ffffff08);border:1px solid var(--glass-border,#ffffff1a);border-radius:16px;padding:2rem}.creator-page .creator-monetization h2{color:#fff;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.creator-page .creator-monetization p{color:#ffffffb3;margin-bottom:2rem;line-height:1.6}.creator-page .creator-monetization .monetization-pillars{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.creator-page .creator-monetization .monetization-pillars .pillar{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;padding:1.25rem}.creator-page .creator-monetization .monetization-pillars .pillar h4{color:#fff;margin-bottom:.5rem;font-size:1rem;font-weight:600}.creator-page .creator-monetization .monetization-pillars .pillar p{color:#fff9;margin-bottom:0;font-size:.85rem}