*{box-sizing:border-box;margin:0;padding:0}body,html{max-width:100vw;overflow-x:hidden}body{position:relative}:root{--primary:#ff385c;--primary-dark:#e31c5f;--primary-light:#ff5a7f;--secondary:#00a699;--background:#fff;--surface:#f7f7f7;--surface-hover:#ebebeb;--text-primary:#222;--text-secondary:#717171;--text-tertiary:#b0b0b0;--border:#ddd;--border-light:#ebebeb;--shadow-sm:0 1px 2px #00000014;--shadow-md:0 2px 8px #0000001f;--shadow-lg:0 4px 16px #00000029;--shadow-xl:0 8px 32px #0003;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}body.dark-mode{--background:#000;--surface:#1a1a1a;--surface-hover:#2a2a2a;--text-primary:#fff;--text-secondary:#b0b0b0;--text-tertiary:#717171;--border:#2a2a2a;--border-light:#1a1a1a;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #0006;--shadow-lg:0 4px 16px #00000080;--shadow-xl:0 8px 32px #0009}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background);color:#222;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f7f7f7;background:var(--surface)}::-webkit-scrollbar-thumb{background:#ddd;background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#b0b0b0;background:var(--text-tertiary)}.btn{border-radius:var(--radius-md);font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:12px 24px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);white-space:nowrap}.btn-primary{background:#ff385c;background:var(--primary);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:#e31c5f;background:var(--primary-dark);box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#f7f7f7;border:1px solid #ddd;border:1px solid var(--border);color:#222}.btn-secondary:hover{background:#ebebeb;background:var(--surface-hover);border-color:#b0b0b0;border-color:var(--text-tertiary)}.btn-ghost{background:#0000;color:#717171;color:var(--text-secondary)}.btn-ghost:hover{background:#f7f7f7;background:var(--surface);color:#222;color:var(--text-primary)}input,select,textarea{background:#fff;background:var(--background);border:1px solid #ddd;border:1px solid var(--border);border-radius:12px;border-radius:var(--radius-md);color:#222;color:var(--text-primary);font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition);width:100%}input:focus,select:focus,textarea:focus{border-color:#222;border-color:var(--text-primary);box-shadow:0 0 0 3px #2222221a;outline:none}body.dark-mode input:focus,body.dark-mode select:focus,body.dark-mode textarea:focus{box-shadow:0 0 0 3px #ffffff1a}input::placeholder,textarea::placeholder{color:#b0b0b0;color:var(--text-tertiary)}.card{background:#f7f7f7;background:var(--surface);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #00000014;box-shadow:var(--shadow-sm);transition:all .2s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.card:hover{box-shadow:0 2px 8px #0000001f;box-shadow:var(--shadow-md)}.loading{align-items:center;color:#717171;display:flex;font-size:15px;justify-content:center}.loading:after{animation:spin .6s linear infinite;border:2px solid #ddd;border-top-color:#ff385c;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary);content:"";height:20px;margin-left:12px;width:20px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}@media (max-width:768px){.btn{min-height:44px;padding:12px 20px}input,select,textarea{font-size:16px;min-height:44px}button{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}*{-webkit-overflow-scrolling:touch}::-webkit-scrollbar{display:none}.modal-overlay{padding:20px}.modal-content{max-height:90vh;overflow-y:auto}}@media (max-width:768px) and (orientation:landscape){.layout-content{margin-bottom:60px}}.sidebar{background:var(--surface);border-right:1px solid var(--border-light);display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:var(--transition);width:280px;z-index:100}@media (max-width:768px){.sidebar{display:flex}}.sidebar-header{border-bottom:1px solid var(--border-light);padding:32px 24px 24px}.sidebar-logo{color:var(--primary);font-size:24px;font-weight:800;letter-spacing:-.5px;margin:0 0 4px}.sidebar-tagline{color:var(--text-secondary);font-size:13px;font-weight:500;margin:0}.sidebar-user-profile{align-items:center;background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:12px;margin:16px 16px 0;padding:20px 24px;text-decoration:none;transition:var(--transition)}.sidebar-user-profile:hover{border-color:var(--border);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.sidebar-user-avatar{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.sidebar-user-avatar img{display:block;height:100%;object-fit:cover;width:100%}.sidebar-avatar-placeholder{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:700;height:100%;justify-content:center;width:100%}.sidebar-user-info{flex:1 1;min-width:0}.sidebar-user-info h3{color:var(--text-primary);font-size:15px;font-weight:700;margin:0 0 2px}.sidebar-user-info h3,.sidebar-user-info p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-user-info p{color:var(--text-secondary);font-size:13px;margin:0}.sidebar-credits{background:linear-gradient(135deg,var(--primary-light) 0,var(--primary) 100%);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:12px 16px;padding:16px}.credits-info{justify-content:space-between;margin-bottom:12px}.credits-label{color:#fff;opacity:.9}.credits-value{font-weight:700}.btn-buy-credits{background:#fff;border:none;border-radius:var(--radius-sm);color:var(--primary);cursor:pointer;font-size:14px;font-weight:700;padding:10px;transition:var(--transition);width:100%}.btn-buy-credits:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.credits-packages{display:flex;flex-direction:column;gap:12px;margin:20px 0}.credit-package{border:2px solid var(--border-light);border-radius:var(--radius-md);padding:20px;transition:var(--transition)}.credit-package:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.package-amount{font-weight:700}.sidebar-nav{flex:1 1;overflow-y:auto;padding:16px}.sidebar-link{align-items:center;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;margin-bottom:4px;padding:12px 16px;text-align:left;text-decoration:none;transition:var(--transition);width:100%}.sidebar-icon{flex-shrink:0;font-size:20px}.sidebar-link:hover{background:var(--background);color:var(--text-primary)}.sidebar-link.active{background:var(--background);box-shadow:var(--shadow-sm);color:var(--primary)}.sidebar-text{flex:1 1;font-weight:600}.sidebar-footer{border-top:1px solid var(--border-light);padding:16px}.sidebar-theme-toggle{align-items:center;background:var(--background);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:14px;font-weight:600;gap:12px;margin-bottom:8px;padding:12px 16px}.sidebar-toggle-switch{height:24px;margin-left:auto;position:relative;width:44px}.sidebar-toggle-switch input{height:0;opacity:0;width:0}.sidebar-toggle-slider{background:var(--border);border-radius:24px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:var(--transition)}.sidebar-toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;position:absolute;transition:var(--transition);width:18px}.sidebar-toggle-switch input:checked+.sidebar-toggle-slider{background:var(--primary)}.sidebar-toggle-switch input:checked+.sidebar-toggle-slider:before{transform:translateX(20px)}.sidebar-logout{color:var(--text-secondary)}.sidebar-logout:hover{background:#fef2f2;color:#dc2626}body.dark-mode .sidebar-logout:hover{background:#dc26261a}@media (max-width:768px){.sidebar{background:#0000;border-right:none;border-top:none;bottom:0;flex-direction:row;height:auto;left:0;padding:0;position:fixed;right:0;top:auto;width:100%;z-index:1000}.sidebar-credits,.sidebar-header,.sidebar-user-profile{display:none}.sidebar-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:20px 20px 0 0;border-top:1px solid #0000000d;box-shadow:0 -4px 20px #0000001a;display:flex;flex:1 1;flex-direction:row;gap:0;overflow-x:auto;overflow-y:hidden;padding:0}body.dark-mode .sidebar-nav{background:#1e1e23f2;border-top:1px solid #ffffff1a;box-shadow:0 -4px 20px #0000004d}.sidebar-link{background:#0000!important;border-radius:0;color:#646464cc;flex:1 1;flex-direction:column;font-size:11px;gap:4px;margin-bottom:0;margin-top:0!important;min-width:70px;padding:12px 8px;position:relative;text-align:center;transition:all .2s ease}.sidebar-link[href="/admin"]{background:linear-gradient(135deg,#fbbf2433,#f59e0b33)!important;border-top:3px solid #fbbf24}.sidebar-link[href="/admin"] .sidebar-icon,.sidebar-link[href="/admin"] .sidebar-text{color:#f59e0b!important}body.dark-mode .sidebar-link[href="/admin"]{background:linear-gradient(135deg,#fbbf2426,#f59e0b26)!important}body.dark-mode .sidebar-link[href="/admin"] .sidebar-icon,body.dark-mode .sidebar-link[href="/admin"] .sidebar-text{color:#fbbf24!important}.sidebar-credits-mobile{background:linear-gradient(135deg,#ffd70026,#ffc10726);border:2px solid #ffd70066;border-radius:12px;margin:0 4px}.sidebar-credits-mobile .sidebar-text{color:gold;font-family:Courier New,monospace;font-size:14px;font-weight:900}body.dark-mode .sidebar-link{color:#c8c8c8b3}.sidebar-icon{font-size:22px;margin:0;transition:all .2s ease}.sidebar-link.active{background:#0000;color:var(--primary);position:relative}.sidebar-link.active:before{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:0 0 3px 3px;content:"";height:3px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:40px}.sidebar-link.active .sidebar-icon{transform:scale(1.1)}body.dark-mode .sidebar-link.active{color:var(--primary-light)}.sidebar-text{font-size:10px;font-weight:600;letter-spacing:.3px}.sidebar-footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-left:none;border-radius:20px 20px 0 0;border-top:none;box-shadow:0 -4px 20px #0000001a;display:flex;padding:0}body.dark-mode .sidebar-footer{background:#1e1e23f2;box-shadow:0 -4px 20px #0000004d}.sidebar-theme-toggle{background:#0000;border:none;border-radius:0;color:#646464cc;cursor:pointer;display:flex;flex-direction:column;font-size:11px;gap:4px;margin-bottom:0;min-width:70px;padding:12px 8px;text-align:center;transition:all .2s ease}body.dark-mode .sidebar-theme-toggle{color:#c8c8c8b3}.sidebar-theme-toggle:hover{color:var(--primary)}body.dark-mode .sidebar-theme-toggle:hover{color:var(--primary-light)}.sidebar-theme-toggle .sidebar-icon{font-size:22px;margin:0 auto;transition:all .2s ease}.sidebar-theme-toggle:active .sidebar-icon{transform:scale(.9)}.sidebar-toggle-switch{display:none}.sidebar-logout{border-radius:0;color:#646464cc;flex:1 1;flex-direction:column;font-size:11px;gap:4px;margin-bottom:0;min-width:70px;padding:12px 8px;text-align:center;transition:all .2s ease}body.dark-mode .sidebar-logout{color:#c8c8c8b3}.sidebar-logout:hover{background:#0000;color:#ef4444}.sidebar-logout .sidebar-icon{font-size:22px}.sidebar-logout:active .sidebar-icon{transform:scale(.9)}.sidebar,body{padding-bottom:env(safe-area-inset-bottom,0)}}.sidebar-mood-section{padding:0 20px 16px;position:relative}.mood-display-btn{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:14px 16px;transition:all .3s ease;width:100%}.mood-display-btn:hover{box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.mood-emoji{font-size:20px;line-height:1}.mood-text{flex:1 1;text-align:left}.mood-selector-dropdown{animation:slideDown .2s ease;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0003;left:20px;margin-top:8px;overflow:hidden;position:absolute;right:20px;top:100%;z-index:1000}.mood-option{align-items:center;background:none;border:none;border-bottom:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 16px;text-align:left;transition:all .2s ease;width:100%}.mood-option:last-child{border-bottom:none}.mood-option:hover{background:var(--surface-hover)}.mood-option.active{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:700}.mood-option .mood-emoji{font-size:22px}.mood-option .mood-label{flex:1 1}@media (max-width:768px){.sidebar-mood-section{padding:0 16px 12px}.mood-selector-dropdown{left:16px;right:16px}}.sidebar-credits-display{display:none}.incoming-call-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.incoming-call-modal{-webkit-overflow-scrolling:touch;animation:slideUp .4s ease;background:var(--surface);border-radius:24px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:450px;overflow-y:auto;padding:40px;text-align:center;width:90%}.incoming-call-header{margin-bottom:32px}.caller-avatar{animation:pulse 2s ease-in-out infinite;border:4px solid #10b981;box-shadow:0 8px 32px #10b98166;height:120px;margin:0 auto 20px;overflow:hidden;width:120px}.caller-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:linear-gradient(135deg,#10b981,#059669);font-size:48px}.incoming-call-header h2{color:var(--text-primary);font-size:28px;font-weight:800;margin:0 0 8px}.call-type{color:var(--text-secondary);font-size:16px;font-weight:600;margin:0}.incoming-call-body{-webkit-overflow-scrolling:touch;flex:1 1;margin-bottom:32px;overflow-y:auto}.call-error-banner{animation:slideDown .3s ease;background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;margin-bottom:20px;padding:12px 16px}.call-error-banner p{color:#ef4444;font-size:14px;font-weight:600;margin:0;text-align:center}.call-timer{margin-bottom:24px}.timer-circle{height:140px;margin:0 auto 12px;position:relative;width:140px}.timer-svg{height:100%;transform:rotate(-90deg);width:100%}.timer-bg{fill:none;stroke:var(--border-light);stroke-width:8}.timer-progress{fill:none;stroke:#10b981;stroke-width:8;stroke-linecap:round;transition:stroke-dasharray 1s linear}.timer-text{color:var(--text-primary);font-size:36px;font-weight:800;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.timer-label{color:var(--text-secondary);font-size:14px;font-weight:600;margin:0}.call-info{background:var(--background);border:2px solid var(--border-light);border-radius:16px;display:flex;flex-direction:column;gap:12px;padding:20px}.info-item{color:var(--text-primary);font-weight:600;gap:10px;justify-content:center}.info-icon{flex-shrink:0}.incoming-call-actions{background:var(--surface);bottom:0;display:flex;flex-shrink:0;gap:16px;padding-top:16px;position:-webkit-sticky;position:sticky}.btn-answer,.btn-decline{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;flex:1 1;font-size:17px;font-weight:700;gap:10px;justify-content:center;overflow:hidden;padding:18px 24px;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-answer svg,.btn-decline svg{flex-shrink:0}.btn-answer:before,.btn-decline:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-answer:active:before,.btn-decline:active:before{height:300px;width:300px}.btn-decline{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 20px #ef444466;color:#fff}.btn-decline:hover:not(:disabled){box-shadow:0 8px 30px #ef444480;transform:translateY(-3px)}.btn-answer{animation:answerPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b98166;color:#fff}@keyframes answerPulse{0%,to{box-shadow:0 4px 20px #10b98166}50%{box-shadow:0 8px 35px #10b98199}}.btn-answer:hover:not(:disabled){animation:none;box-shadow:0 8px 30px #10b98180;transform:translateY(-3px)}.btn-answer:active,.btn-decline:active{transform:translateY(-1px)}.btn-answer:disabled,.btn-decline:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.incoming-call-modal{max-height:85vh;padding:32px 24px;width:95%}.caller-avatar{height:100px;width:100px}.avatar-placeholder{font-size:40px}.incoming-call-header h2{font-size:24px}.call-type{font-size:14px}.timer-circle{height:120px;width:120px}.timer-text{font-size:32px}.info-item{font-size:14px}.btn-answer,.btn-decline{font-size:15px;padding:16px 20px}}@media (max-width:480px){.incoming-call-modal{border-radius:16px;max-height:80vh;padding:24px 20px}.incoming-call-header{margin-bottom:20px}.caller-avatar{height:80px;margin-bottom:16px;width:80px}.avatar-placeholder{font-size:32px}.incoming-call-header h2{font-size:20px;margin-bottom:6px}.call-type{font-size:13px}.incoming-call-body{margin-bottom:20px}.call-timer{margin-bottom:16px}.timer-circle{height:100px;margin-bottom:8px;width:100px}.timer-text{font-size:28px}.timer-label{font-size:12px}.call-info{gap:10px;padding:16px}.info-item{font-size:13px}.info-icon{font-size:18px}.incoming-call-actions{flex-direction:column;gap:12px;padding-top:12px}.btn-answer,.btn-decline{font-size:14px;padding:14px;width:100%}}.low-balance-warning{align-items:center;animation:warningPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff98001a,#ffc1071a);border:2px solid #ff980066;border-radius:12px;display:flex;gap:16px;margin:16px 20px;padding:16px 20px}@keyframes warningPulse{0%,to{box-shadow:0 4px 16px #ff980033}50%{box-shadow:0 6px 24px #ff980066}}.warning-icon{flex-shrink:0;font-size:32px}.warning-content{flex:1 1}.warning-content h4{color:#ff9800;font-size:15px;font-weight:700;margin:0 0 4px}.warning-content p{color:var(--text-secondary);font-size:13px;margin:0}.warning-btn{background:linear-gradient(135deg,#ff9800,#ffc107);border:none;border-radius:8px;box-shadow:0 4px 12px #ff98004d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;text-decoration:none;transition:all .2s ease;white-space:nowrap}.warning-btn:hover{box-shadow:0 6px 16px #ff980080;transform:translateY(-2px)}@media (max-width:768px){.low-balance-warning{flex-direction:column;margin:16px;padding:16px;text-align:center}.warning-btn{width:100%}}.layout{background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);display:flex;flex-direction:column;min-height:100vh}.layout-content{flex:1 1;margin-left:280px;min-height:100vh;transition:margin-left .3s ease}@media (max-width:768px){.layout{flex-direction:column}.layout-content{margin-bottom:70px;margin-left:0;padding-bottom:20px}}.email-reminder-banner{animation:slideDown .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1a2ef2;border-bottom:1px solid #ff149333;box-shadow:0 2px 8px #0000001a}.email-reminder-content{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:1200px;padding:12px 24px}.email-reminder-icon{align-items:center;background:#ff14931a;border-radius:50%;display:flex;flex-shrink:0;font-size:20px;height:40px;justify-content:center;width:40px}.email-reminder-text{flex:1 1}.email-reminder-text h4{color:#fff;font-size:14px;font-weight:600;margin:0 0 2px}.email-reminder-text p{color:#fff9;font-size:13px;margin:0}.email-reminder-actions{display:flex;flex-shrink:0;gap:10px}.btn-remind-later,.btn-verify-now{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-verify-now{background:linear-gradient(135deg,#ff1493,#ff6b9d);color:#fff}.btn-verify-now:hover{box-shadow:0 4px 12px #ff14934d;transform:translateY(-1px)}.btn-verify-now:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-remind-later{background:#0000;border:1px solid #fff3;color:#ffffffb3}.btn-remind-later:hover{background:#ffffff0d;border-color:#ffffff4d;color:#ffffffe6}@media (max-width:768px){.email-reminder-content{gap:12px;padding:12px 16px}.email-reminder-icon{font-size:18px;height:36px;width:36px}.email-reminder-text h4{font-size:13px}.email-reminder-text p{font-size:12px}.email-reminder-actions{gap:8px}.btn-remind-later,.btn-verify-now{font-size:12px;padding:7px 14px}}@media (max-width:480px){.email-reminder-content{flex-wrap:wrap;padding:10px 12px}.email-reminder-icon{font-size:16px;height:32px;width:32px}.email-reminder-text{flex:1 1 100%;order:2}.email-reminder-actions{flex:1 1 100%;order:3;width:100%}.btn-remind-later,.btn-verify-now{flex:1 1}}.age-verification-overlay{align-items:center;animation:fadeIn .4s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#000000f2,#14141efa);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.age-verification-modal{animation:modalSlideUp .5s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#fff,#f8f9fa);border-radius:32px;box-shadow:0 40px 100px #0006,inset 0 0 0 1px #ffffff1a;max-width:560px;overflow:hidden;padding:56px 48px;position:relative;text-align:center;width:90%}.age-verification-modal:before{animation:gradientShift 3s ease infinite;background:linear-gradient(90deg,#ff6b6b,#ee5a6f 25%,#8b5cf6 50%,#6366f1 75%,#ff6b6b);background-size:200% 100%;content:"";height:6px;left:0;position:absolute;right:0;top:0}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.age-verification-icon{align-items:center;animation:iconPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:50%;box-shadow:0 20px 60px #ff6b6b66,0 0 0 12px #ff6b6b1a;display:flex;font-size:64px;height:120px;justify-content:center;margin:0 auto 32px;width:120px}@keyframes iconPulse{0%,to{box-shadow:0 20px 60px #ff6b6b66,0 0 0 12px #ff6b6b1a;transform:scale(1)}50%{box-shadow:0 25px 70px #ff6b6b80,0 0 0 16px #ff6b6b26;transform:scale(1.05)}}.age-verification-modal h1{color:#1a1a1a;font-size:32px;font-weight:900;letter-spacing:-.5px;line-height:1.2;margin-bottom:16px}.age-verification-text{color:#6b7280;font-size:17px;font-weight:500;line-height:1.7;margin-bottom:12px}.age-verification-question{background:linear-gradient(135deg,#ff6b6b14,#8b5cf614);border:2px solid #ff6b6b33;border-radius:16px;color:#1a1a1a;font-size:22px;font-weight:800;margin:36px 0 32px;padding:24px}.age-verification-buttons{display:flex;gap:16px;margin-bottom:32px}.age-verification-buttons button{border:none;border-radius:16px;cursor:pointer;flex:1 1;font-size:17px;font-weight:800;letter-spacing:.3px;overflow:hidden;padding:18px 32px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.age-verification-buttons button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.age-verification-buttons button:active:before{height:300px;width:300px}.btn-confirm{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 8px 24px #ff6b6b66;color:#fff}.btn-confirm:hover{box-shadow:0 16px 40px #ff6b6b80;transform:translateY(-3px) scale(1.02)}.btn-confirm:active{transform:translateY(-1px) scale(.98)}.btn-decline{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 4px 12px #0000001a;color:#4b5563}.btn-decline:hover{background:linear-gradient(135deg,#d1d5db,#c0c4c9);box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.btn-decline:active{transform:translateY(0)}.age-verification-disclaimer{background:#00000005;border:1px solid #0000000d;border-radius:12px;color:#9ca3af;font-size:13px;font-weight:500;line-height:1.6;padding:20px}.age-verification-disclaimer a{color:#ff6b6b;font-weight:700;text-decoration:none;transition:color .2s ease}.age-verification-disclaimer a:hover{color:#ee5a6f;text-decoration:underline}body.dark-mode .age-verification-overlay{background:linear-gradient(135deg,#000000fa,#0a0a14fa)}body.dark-mode .age-verification-modal{background:linear-gradient(135deg,#1e1e2e,#252535);box-shadow:0 40px 100px #000c,inset 0 0 0 1px #ffffff0d}body.dark-mode .age-verification-modal h1,body.dark-mode .age-verification-question{color:#fff}body.dark-mode .age-verification-text{color:#9ca3af}body.dark-mode .age-verification-question{background:linear-gradient(135deg,#ff6b6b1f,#8b5cf61f);border-color:#ff6b6b4d}body.dark-mode .age-verification-disclaimer{background:#ffffff08;border-color:#ffffff14;color:#6b7280}body.dark-mode .btn-decline{background:linear-gradient(135deg,#374151,#2d3748);color:#d1d5db}body.dark-mode .btn-decline:hover{background:linear-gradient(135deg,#4b5563,#374151)}@media (max-width:640px){.age-verification-modal{border-radius:24px;padding:40px 28px}.age-verification-icon{font-size:52px;height:100px;margin-bottom:24px;width:100px}.age-verification-modal h1{font-size:26px}.age-verification-text{font-size:15px}.age-verification-question{font-size:19px;margin:28px 0 24px;padding:20px}.age-verification-buttons{flex-direction:column;gap:12px}.age-verification-buttons button{font-size:16px;padding:16px 24px}.age-verification-disclaimer{font-size:12px;padding:16px}}.pwa-banner{animation:slideUp .4s ease;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:2px solid #ff1493;border-radius:16px;bottom:20px;box-shadow:0 8px 32px #ff149366;gap:16px;left:50%;max-width:90%;padding:16px 20px;position:fixed;transform:translateX(-50%);width:400px;z-index:9999}.pwa-banner,.pwa-content{align-items:center;display:flex}.pwa-content{flex:1 1;gap:12px}.pwa-icon-small{font-size:32px;line-height:1}.pwa-text{flex:1 1}.pwa-text strong{color:#fff;display:block;font-size:15px;margin-bottom:4px}.pwa-text p{color:#ffffffb3;font-size:13px;margin:0}.pwa-actions{align-items:center;display:flex;gap:12px}.pwa-button{background:linear-gradient(135deg,#ff1493,#ff6b9d);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.pwa-button:hover{box-shadow:0 4px 12px #ff149366;transform:translateY(-2px)}.pwa-dismiss{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.pwa-dismiss:hover{background:#ffffff1a;color:#fffc}.pwa-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.pwa-modal{animation:slideUpModal .3s ease;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:2px solid #ff1493;border-radius:24px;box-shadow:0 20px 60px #ff149366;max-width:500px;padding:32px;position:relative;width:100%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pwa-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;padding:0;position:absolute;right:16px;top:16px;transition:all .2s ease;width:40px}.pwa-close:hover{background:#ffffff1a;color:#fffc}.pwa-icon{font-size:64px;margin-bottom:16px;text-align:center}.pwa-modal h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 24px;text-align:center}.ios-instructions{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:24px;padding:20px}.ios-instructions p{color:#ffffffe6;font-size:15px;margin:0 0 16px}.ios-instructions ol{color:#ffffffe6;font-size:14px;line-height:1.8;margin:0;padding-left:24px}.ios-instructions li{margin-bottom:12px}.ios-instructions strong{color:#ff1493;font-weight:700}.pwa-button-secondary{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 24px;transition:all .3s ease;width:100%}.pwa-button-secondary:hover{background:#ffffff26;border-color:#ffffff4d}@media (max-width:768px){.pwa-banner{bottom:80px;padding:14px 16px;width:calc(100% - 40px)}.pwa-text strong{font-size:14px}.pwa-text p{font-size:12px}.pwa-button{font-size:13px;padding:8px 16px}.pwa-modal{padding:24px}.pwa-modal h3{font-size:20px}.ios-instructions{padding:16px}.ios-instructions p{font-size:14px}.ios-instructions ol{font-size:13px}}.notification-prompt{align-items:center;animation:slideUp .4s ease;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:2px solid #3b82f6;border-radius:16px;bottom:20px;box-shadow:0 8px 32px #3b82f666;display:flex;gap:16px;left:50%;max-width:90%;padding:16px 20px;position:fixed;transform:translateX(-50%);width:450px;z-index:9998}.notification-prompt-content{align-items:center;display:flex;flex:1 1;gap:12px}.notification-prompt-icon{font-size:32px;line-height:1}.notification-prompt-text{flex:1 1}.notification-prompt-text strong{color:#fff;display:block;font-size:15px;margin-bottom:4px}.notification-prompt-text p{color:#ffffffb3;font-size:13px;margin:0}.notification-prompt-actions{align-items:center;display:flex;gap:12px}.notification-prompt-enable{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.notification-prompt-enable:hover:not(:disabled){box-shadow:0 4px 12px #3b82f666;transform:translateY(-2px)}.notification-prompt-enable:disabled{cursor:not-allowed;opacity:.6}.notification-prompt-dismiss{align-items:center;background:#0000;border:none;border-radius:50%;color:#ffffff80;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.notification-prompt-dismiss:hover{background:#ffffff1a;color:#fffc}.notification-settings{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:24px;padding:20px}.notification-settings-header{align-items:center;display:flex;gap:16px;margin-bottom:16px}.notification-settings-icon{font-size:40px;line-height:1}.notification-settings-info h4{color:#fff;font-size:18px;font-weight:700;margin:0 0 4px}.notification-settings-info p{color:#ffffffb3;font-size:14px;margin:0}.notification-blocked{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:12px;margin-bottom:16px;padding:12px 16px}.notification-blocked p{color:#fbbf24;font-size:14px;margin:0}.notification-disable-btn,.notification-enable-btn{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;padding:14px 24px;transition:all .3s ease;width:100%}.notification-enable-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.notification-enable-btn:hover:not(:disabled){box-shadow:0 6px 20px #3b82f666;transform:translateY(-2px)}.notification-enable-btn:disabled{cursor:not-allowed;opacity:.6}.notification-disable-btn{background:#ffffff1a;border:1px solid #fff3;color:#fff;margin-top:12px}.notification-disable-btn:hover:not(:disabled){background:#ffffff26}.notification-status{display:flex;flex-direction:column}.notification-enabled{background:#22c55e1a;border:1px solid #22c55e4d;border-radius:12px;color:#22c55e;font-size:15px;font-weight:600;margin-bottom:12px;padding:12px 16px;text-align:center}@media (max-width:768px){.notification-prompt{bottom:80px;padding:14px 16px;width:calc(100% - 40px)}.notification-prompt-text strong{font-size:14px}.notification-prompt-text p{font-size:12px}.notification-prompt-enable{font-size:13px;padding:8px 16px}.notification-settings{padding:16px}.notification-settings-info h4{font-size:16px}.notification-settings-info p{font-size:13px}}.photo-guard-loading{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh}.loading-spinner{border:4px solid var(--border);border-top-color:var(--primary);height:40px;width:40px}.photo-guard-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.photo-guard-modal{animation:slideUp .3s ease;background:var(--surface);border:1px solid var(--border-light);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:48px 40px;text-align:center;width:100%}.photo-guard-icon{align-items:center;background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 24px;width:120px}.photo-guard-icon svg{color:var(--primary)}body.dark-mode .photo-guard-icon{background:linear-gradient(135deg,#818cf833,#a78bfa33)}.photo-guard-modal h2{color:var(--text-primary);font-size:28px;font-weight:800;line-height:1.2;margin-bottom:16px}.photo-guard-message{color:var(--text-secondary);font-size:16px;line-height:1.6;margin-bottom:32px}.photo-guard-benefits{background:var(--background);border:1px solid var(--border-light);border-radius:16px;margin-bottom:32px;padding:24px;text-align:left}.benefit-item{color:var(--text-primary);font-size:15px;font-weight:500;margin-bottom:16px}.benefit-item:last-child{margin-bottom:0}.benefit-item svg{color:#22c55e}.btn-upload-photo{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 8px 24px #667eea4d;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:12px;justify-content:center;padding:16px 32px;transition:all .3s ease;width:100%}.btn-upload-photo:hover{box-shadow:0 12px 32px #667eea66;transform:translateY(-2px)}.btn-upload-photo:active{transform:translateY(0)}.photo-guard-note{color:var(--text-tertiary);font-size:13px;font-style:italic;margin-top:16px}@media (max-width:768px){.photo-guard-modal{border-radius:20px;padding:32px 24px}.photo-guard-icon{height:100px;margin-bottom:20px;width:100px}.photo-guard-icon svg{height:64px;width:64px}.photo-guard-modal h2{font-size:24px;margin-bottom:12px}.photo-guard-message{font-size:15px;margin-bottom:24px}.photo-guard-benefits{margin-bottom:24px;padding:20px}.benefit-item{font-size:14px;margin-bottom:12px}.benefit-item svg{height:20px;width:20px}.btn-upload-photo{font-size:15px;padding:14px 24px}.btn-upload-photo svg{height:18px;width:18px}}.landing{background:#0a0a0a;min-height:100vh;overflow-x:hidden}.landing-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0af2;border-bottom:1px solid #ffffff0d;left:0;position:fixed;right:0;top:0;z-index:1000}.nav-content{justify-content:space-between;margin:0 auto;max-width:1400px;padding:16px 20px}.nav-content,.nav-logo{align-items:center;display:flex}.nav-logo{color:#fff;font-size:24px;font-weight:800;gap:8px;text-decoration:none}.logo-icon{font-size:28px}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff5a5f,#e31c5f);-webkit-background-clip:text;background-clip:text}.nav-links{align-items:center;display:flex;gap:8px}.nav-link{border:2px solid #0000;border-radius:50px;color:#fffc;font-size:14px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#ffffff0d;color:#fff}.nav-link-signin{background:#ffffff1a;border-color:#fff3;color:#fff}.nav-link-signin:hover{background:#ffffff26;border-color:#ffffff4d}.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 20px 60px;position:relative}.hero-background{background:linear-gradient(135deg,#0a0a0a,#1a0a0f);bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}.vibe-collage{height:100%;position:absolute;width:100%}.vibe-photo{border-radius:20px;box-shadow:0 20px 60px #00000080;opacity:.4;overflow:hidden;position:absolute}.vibe-image{filter:saturate(1.2) contrast(1.1);height:100%;object-fit:cover;width:100%}.vibe-overlay{background:linear-gradient(135deg,#ff5a5f4d,#e31c5f4d);bottom:0;left:0;mix-blend-mode:multiply;position:absolute;right:0;top:0}.vibe-photo-1{height:380px;left:5%;top:10%;transform:rotate(-8deg);width:280px}.vibe-photo-2{height:420px;right:8%;top:15%;transform:rotate(5deg);width:320px}.vibe-photo-3{bottom:15%;height:350px;left:12%;transform:rotate(6deg);width:260px}.vibe-photo-4{bottom:10%;height:400px;right:10%;transform:rotate(-7deg);width:300px}.vibe-photo-5{height:320px;left:35%;top:40%;transform:rotate(3deg);width:240px}.vibe-photo-6{height:360px;right:30%;top:35%;transform:rotate(-4deg);width:270px}.hero-content-overlay{max-width:700px;padding:40px 20px;position:relative;text-align:center;width:100%;z-index:10}.hero-title{color:#fff;font-size:48px;font-weight:900;letter-spacing:-2px;line-height:1.1;margin:0 0 20px}.hero-subtitle{color:#fffc;font-size:20px;font-weight:500;line-height:1.5;margin:0 0 40px}.hero-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:50px}.hero-btn{align-items:center;border-radius:50px;display:inline-flex;font-size:17px;font-weight:700;gap:10px;justify-content:center;padding:18px 48px;text-decoration:none;transition:all .3s ease;width:100%}.hero-btn.primary{background:linear-gradient(135deg,#ff5a5f,#e31c5f);box-shadow:0 10px 40px #ff5a5f66;color:#fff}.hero-btn.primary:hover{box-shadow:0 15px 50px #ff5a5f99;transform:translateY(-3px)}.hero-btn.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #fff3;color:#fff}.hero-btn.secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.hero-features{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.feature-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;display:flex;gap:8px;padding:10px 20px}.badge-icon{font-size:18px}.badge-text{color:#ffffffe6;font-size:13px;font-weight:600}.age-notice{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;display:inline-block;margin-top:16px;padding:12px 24px}.age-notice p{color:#ffffffe6;font-size:13px;font-weight:600;letter-spacing:.5px;margin:0}.features-section{background:#0f0f0f;border-top:1px solid #ffffff0d;padding:80px 20px}.features-container{margin:0 auto;max-width:1200px}.section-title{font-size:36px;font-weight:900;margin:0 0 50px;text-align:center}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr}.feature-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:24px;padding:40px 24px;text-align:center}.feature-card:hover{background:#ffffff0d;border-color:#ff5a5f4d;box-shadow:0 20px 60px #ff5a5f33;transform:translateY(-8px)}.feature-icon{display:inline-block;font-size:56px;margin-bottom:20px}.feature-card h3{color:#fff;font-size:22px;font-weight:700;margin:0 0 12px}.feature-card p{color:#fff9;font-size:16px;line-height:1.6}.cta-section{background:linear-gradient(135deg,#ff5a5f,#e31c5f);overflow:hidden;padding:50px 20px;position:relative;text-align:center}.cta-section:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='50' cy='50' r='2' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.cta-content{position:relative;z-index:1}.cta-content h2{color:#fff;font-size:28px;font-weight:900;line-height:1.2;margin:0 0 12px}.cta-content p{color:#fff;font-size:16px;margin:0 0 28px;opacity:.95}.cta-button{background:#fff;border-radius:50px;box-shadow:0 10px 40px #0003;color:#ff5a5f;display:inline-block;font-size:16px;font-weight:700;padding:16px 48px;text-decoration:none;transition:all .3s ease}.cta-button:hover{box-shadow:0 15px 50px #0000004d;transform:translateY(-4px) scale(1.05)}.landing-footer{background:#0a0a0a;border-top:1px solid #ffffff0d;color:#fff;padding:60px 20px 24px}.footer-content{grid-gap:32px;display:grid;gap:32px;grid-template-columns:1fr;margin:0 auto 40px;max-width:1200px}.footer-section h3{color:#ff5a5f;font-size:22px;font-weight:800;margin:0 0 12px}.footer-section h4{color:#fff;font-size:15px;font-weight:700;letter-spacing:1px;margin:0 0 16px;text-transform:uppercase}.footer-section p{color:#fff9;font-size:14px;line-height:1.6;margin:0}.footer-section a{color:#fff9;display:block;font-size:14px;margin-bottom:12px;text-decoration:none;transition:all .3s ease}.footer-section a:hover{color:#ff5a5f;transform:translateX(4px)}.footer-bottom{border-top:1px solid #ffffff0d;margin:0 auto;max-width:1200px;padding-top:32px;text-align:center}.footer-bottom p{color:#fff6;font-size:13px;margin:6px 0}@media (min-width:768px){.hero-title{font-size:64px}.hero-subtitle{font-size:24px}.hero-buttons{flex-direction:row;justify-content:center}.hero-btn{min-width:200px;width:auto}.features-grid{gap:32px}.features-grid,.footer-content{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.hero-title{font-size:80px}.hero-subtitle{font-size:26px}.features-grid,.footer-content{grid-template-columns:repeat(4,1fr)}.footer-content{gap:40px}}@media (max-width:767px){.nav-content{padding:12px 16px}.nav-logo{font-size:20px}.nav-links{gap:4px}.nav-link{font-size:11px;padding:6px 10px}.nav-link:not(.nav-link-signin){display:inline-block}.nav-link-signin{background:linear-gradient(135deg,#ff5a5f,#e31c5f);border-color:#0000;box-shadow:0 2px 8px #ff5a5f4d;font-size:13px;font-weight:700;padding:8px 16px}.nav-link-signin:hover{background:linear-gradient(135deg,#ff6b70,#f02d6f);box-shadow:0 4px 12px #ff5a5f66;transform:translateY(-1px)}.hero-section{padding:80px 20px 40px}.hero-title{font-size:40px;letter-spacing:-1px}.hero-subtitle{font-size:18px}.hero-features{gap:12px}.feature-badge{padding:8px 16px}.badge-icon{font-size:16px}.badge-text{font-size:12px}.vibe-photo{opacity:.25}.vibe-photo-1{height:190px;left:2%;top:8%;width:140px}.vibe-photo-2{height:210px;right:2%;top:12%;width:160px}.vibe-photo-3{bottom:12%;height:175px;left:5%;width:130px}.vibe-photo-4{bottom:8%;height:200px;right:5%;width:150px}.vibe-photo-5{height:160px;left:50%;top:45%;transform:translateX(-50%) rotate(3deg);width:120px}.vibe-photo-6{display:none}}.auth-container{align-items:center;background:radial-gradient(circle at 30% 50%,#ff14931a 0,#0000 50%);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid #ff149333;border-radius:24px;box-shadow:0 20px 60px #ff14934d;max-width:450px;padding:48px;width:100%}.auth-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff1493,#ff6b9d);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:800;margin-bottom:32px;text-align:center}.auth-link{color:#fff9;font-size:14px;margin-top:24px;text-align:center}.auth-link a{color:#ff1493;font-weight:700;text-decoration:none;transition:all .3s ease}.auth-link a:hover{color:#ff6b9d;text-decoration:underline}@media (max-width:768px){.auth-card{padding:32px 24px}.auth-card h2{font-size:28px}}.spinner{border:3px solid #ff14931a;border-radius:50%;border-top-color:#ff1493;height:40px;margin:0 auto;width:40px}.alert{border-radius:12px;font-size:14px;line-height:1.5;margin-bottom:24px;padding:16px}.alert-error{background:#ef44441a;border:1px solid #ef44444d;color:#fca5a5}.alert-success{background:#22c55e1a;border:1px solid #22c55e4d;color:#86efac}.auth-header{margin-bottom:32px;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff1493,#ff6b9d);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:32px;font-weight:800;margin-bottom:12px}.auth-header p{color:#fff9;font-size:14px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group label{color:#ffffffe6}.form-group input{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:15px;padding:14px 16px;transition:all .3s ease}.form-group input:focus{background:#ffffff14;border-color:#ff1493;box-shadow:0 0 0 3px #ff14931a;outline:none}.form-group input:disabled{cursor:not-allowed;opacity:.5}.form-group small{color:#ffffff80;font-size:12px}.auth-footer{border-top:1px solid #ffffff1a;margin-top:24px;padding-top:24px;text-align:center}.auth-footer p{color:#fff9;font-size:14px}.auth-footer .link{color:#ff1493;cursor:pointer;font-weight:600;transition:all .3s ease}.auth-footer .link:hover{color:#ff6b9d;text-decoration:underline}.btn-primary{box-shadow:0 4px 15px #ff14934d;font-size:16px;padding:14px 24px;transition:all .3s ease}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #ff149366}.btn-primary:active:not(:disabled){transform:translateY(0)}.phone-login-icon{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:50%;box-shadow:0 8px 24px #ff6b6b4d;display:flex;font-size:40px;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.phone-login-header{margin-bottom:32px;text-align:center}.phone-login-header h2{margin-bottom:8px}.phone-login-subtitle{color:#fff9;font-size:14px;margin:0}.phone-input-group{margin-bottom:24px}.phone-input-label{color:#ffffffe6;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.phone-input{background:#ffffff0d;border:2px solid #ff6b6b4d;border-radius:12px;color:#fff;font-size:18px;font-weight:600;letter-spacing:1px;padding:16px;transition:all .3s ease;width:100%}.phone-input:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.phone-input:disabled{cursor:not-allowed;opacity:.6}.phone-input-hint{color:#ffffff80;display:block;font-size:13px;margin-top:8px}.otp-input{background:#ffffff0d;border:2px solid #ff6b6b4d;border-radius:12px;color:#fff;font-size:32px;font-weight:700;letter-spacing:12px;padding:20px;text-align:center;transition:all .3s ease;width:100%}.otp-input:focus{border-color:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.otp-input:disabled{cursor:not-allowed;opacity:.6}.otp-input::placeholder{color:#fff3}.phone-number-display{background:#fbbf241a;border:1px solid #fbbf244d;border-radius:12px;margin-bottom:24px;padding:16px;text-align:center}.phone-number-display p{color:#fffc;font-size:14px;line-height:1.5;margin:0}.phone-number-display strong{color:#fbbf24;font-size:16px}.error-box{align-items:center;background-color:#ef444426;border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;display:flex;font-size:14px;gap:8px;margin-bottom:20px;padding:14px 16px}.btn-send-code{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:12px;box-shadow:0 4px 16px #ff6b6b66;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px;transition:all .3s ease;width:100%}.btn-send-code:hover:not(:disabled){box-shadow:0 6px 20px #ff6b6b80;transform:translateY(-2px)}.btn-send-code:active:not(:disabled){transform:translateY(0)}.btn-send-code:disabled{background:#ffffff1a;box-shadow:none;color:#fff6;cursor:not-allowed}.btn-verify{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 16px #10b98166;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:16px;padding:16px;transition:all .3s ease;width:100%}.btn-verify:hover:not(:disabled){box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.btn-verify:active:not(:disabled){transform:translateY(0)}.btn-verify:disabled{background:#ffffff1a;box-shadow:none;color:#fff6;cursor:not-allowed}.resend-container{background:#ffffff08;border-radius:12px;margin-bottom:12px;padding:16px;text-align:center}.resend-timer{color:#ffffff80;font-size:14px;margin:0}.resend-timer strong{color:#fbbf24}.btn-resend{background:none;border:none;border-radius:8px;color:#ff6b6b;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .3s ease}.btn-resend:hover:not(:disabled){background:#ff6b6b1a}.btn-resend:disabled{cursor:not-allowed;opacity:.5}.btn-change-number{background:none;border:1px solid #ffffff1a;border-radius:12px;color:#fff9;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.btn-change-number:hover{background:#ffffff08;border-color:#ffffff4d;color:#ffffffe6}.phone-login-footer{border-top:1px solid #ffffff1a;margin-top:32px;padding-top:24px;text-align:center}.phone-login-footer a{color:#fff9;font-size:14px;font-weight:600;text-decoration:none;transition:all .3s ease}.phone-login-footer a:hover{color:#ff6b6b}.otp-label-center{color:#ffffffe6;display:block;font-size:14px;font-weight:600;margin-bottom:12px;text-align:center}@media (max-width:768px){.phone-login-icon{font-size:32px;height:64px;width:64px}.otp-input{font-size:24px;letter-spacing:8px;padding:16px}.phone-input{font-size:16px}}.profile-setup-container{align-items:center;background:linear-gradient(135deg,#0f0f1e,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:100vh;padding:20px}.profile-setup-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e2ef2;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000080;max-width:500px;padding:40px;width:100%}.profile-setup-card h2{color:#fff;font-size:28px;font-weight:700;margin-bottom:24px;text-align:center}.profile-setup-card .input-group{margin-bottom:20px}.profile-setup-card .input-group label{color:#ffffffe6;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.profile-setup-card input,.profile-setup-card select,.profile-setup-card textarea{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.profile-setup-card input:focus,.profile-setup-card select:focus,.profile-setup-card textarea:focus{background:#ffffff14;border-color:#ff1493;box-shadow:0 0 0 3px #ff14931a;outline:none}.profile-setup-card input::placeholder,.profile-setup-card textarea::placeholder{color:#fff6}.profile-setup-card input:disabled,.profile-setup-card select:disabled,.profile-setup-card textarea:disabled{cursor:not-allowed;opacity:.6}.profile-setup-card select{cursor:pointer}.profile-setup-card select option{background:#1a1a2e;color:#fff}.profile-setup-card .btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:700;padding:14px 24px;transition:all .3s ease}.profile-setup-card .btn-primary{background:linear-gradient(135deg,#ff1493,#ff6b9d);box-shadow:0 4px 15px #ff14934d;color:#fff}.profile-setup-card .btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #ff149380;transform:translateY(-2px)}.profile-setup-card .btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.profile-setup-card .btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.profile-setup-card .btn-secondary:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.profile-setup-card .btn-secondary:disabled{cursor:not-allowed;opacity:.5}.profile-setup-card .error{background:#ef444433;border:1px solid #ef444466;border-radius:8px;color:#fca5a5;margin-bottom:16px;padding:12px}.profile-setup-card small{color:#fff9;display:block;font-size:12px;margin-top:8px}.profile-setup-card>div[style*=backgroundColor]{background:#3b82f633!important;border:1px solid #3b82f666;color:#93c5fd!important}@media (max-width:768px){.profile-setup-card{padding:24px}.profile-setup-card h2{font-size:24px}}.required{color:#f50057;font-weight:700;margin-left:4px}.profile-preview-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e6;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:10000}.profile-preview-modal{animation:slideUp .3s ease;background:var(--background);border-radius:24px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:800px;overflow:hidden;width:100%}.preview-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.preview-banner{align-items:center;color:#fff;display:flex;font-size:15px;font-weight:600;gap:12px}.preview-banner svg{flex-shrink:0}.preview-actions{align-items:center;display:flex;gap:12px}.btn-edit-profile{align-items:center;background:#fff;border:none;border-radius:8px;color:var(--primary);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-edit-profile:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-close-preview{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-close-preview:hover{background:#ffffff4d}.preview-content{flex:1 1;overflow-y:auto;padding:24px}.preview-cover{border-radius:16px;height:200px;margin-bottom:24px;overflow:hidden;width:100%}.preview-cover img{height:100%;object-fit:cover;width:100%}.preview-profile-header{align-items:flex-start;display:flex;gap:20px;margin-bottom:32px}.preview-avatar{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:4px solid var(--border-light);border-radius:50%;flex-shrink:0;height:120px;overflow:hidden;width:120px}.preview-avatar img{height:100%;object-fit:cover;width:100%}.preview-avatar-placeholder{align-items:center;color:var(--primary);display:flex;font-size:48px;font-weight:700;height:100%;justify-content:center;width:100%}.preview-profile-info h1{align-items:center;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:28px;font-weight:800;gap:8px;margin-bottom:8px}.preview-age{color:var(--text-secondary);font-weight:600}.preview-location{align-items:center;color:var(--text-secondary);display:flex;font-size:15px;gap:8px}.preview-location svg{color:var(--primary)}.preview-section{margin-bottom:32px}.preview-section h3{color:var(--text-primary);font-size:20px;font-weight:700;margin-bottom:16px}.preview-bio{color:var(--text-primary);font-size:15px;line-height:1.7;white-space:pre-wrap}.preview-photos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.preview-photo{aspect-ratio:3/4;background:var(--surface);border-radius:12px;overflow:hidden}.preview-photo img{height:100%;object-fit:cover;width:100%}.preview-details{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.detail-item{flex-direction:column;gap:4px}.detail-label{color:var(--text-secondary);font-weight:600;letter-spacing:.5px;text-transform:uppercase}.detail-value,.preview-interests{color:var(--text-primary);font-size:15px}.preview-interests{line-height:1.7}@media (max-width:768px){.profile-preview-overlay{padding:0}.profile-preview-modal{border-radius:0;max-height:100vh;max-width:100%}.preview-header{align-items:stretch;flex-direction:column;gap:12px;padding:16px}.preview-banner{font-size:13px}.preview-banner svg{height:20px;width:20px}.preview-actions{justify-content:space-between}.btn-edit-profile{flex:1 1;justify-content:center;padding:12px 16px}.preview-content{padding:16px}.preview-cover{height:150px;margin-bottom:20px}.preview-profile-header{align-items:center;flex-direction:column;gap:16px;text-align:center}.preview-avatar{height:100px;width:100px}.preview-profile-info h1{font-size:24px;justify-content:center}.preview-location{justify-content:center}.preview-section{margin-bottom:24px}.preview-section h3{font-size:18px}.preview-photos-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.preview-details{gap:12px;grid-template-columns:1fr}}.profile-container{margin:0 auto;max-width:900px;padding:20px}body.dark-mode .profile-container{background:#0000}.profile-card{background:#fff;border-radius:20px;box-shadow:0 2px 20px #00000014;margin-bottom:20px;overflow:hidden}body.dark-mode .profile-card{background:#1a1a1a;box-shadow:0 2px 20px #0000004d}.profile-tabs{-webkit-overflow-scrolling:touch;background:#fff;border-bottom:2px solid #e8e8e8;display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}body.dark-mode .profile-tabs{background:#1a1a1a;border-bottom-color:#2d2d2d}.profile-tab{background:none;border:none;color:#666;cursor:pointer;flex:1 1;font-size:15px;font-weight:600;min-width:-webkit-fit-content;min-width:fit-content;padding:16px 24px;position:relative;transition:all .2s ease;white-space:nowrap}body.dark-mode .profile-tab{color:#999}.profile-tab:hover{background:#1877f20d;color:#1877f2}body.dark-mode .profile-tab:hover{background:#4a9eff1a;color:#4a9eff}.profile-tab.active{color:#1877f2}body.dark-mode .profile-tab.active{color:#4a9eff}.profile-tab.active:after{background:#1877f2;border-radius:3px 3px 0 0;bottom:-2px;content:"";height:3px;left:0;position:absolute;right:0}body.dark-mode .profile-tab.active:after{background:#4a9eff}.profile-cover{height:300px}.cover-photo-upload-btn{background:#fffffff2;border:none;border-radius:25px;bottom:16px;box-shadow:0 4px 12px #0003;color:#333;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;position:absolute;right:16px;transition:all .2s ease}.cover-photo-upload-btn:hover{box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.profile-header-content{padding:0 32px 32px;position:relative}.profile-picture-section{margin-bottom:20px;margin-top:-80px;text-align:center}.profile-picture-wrapper{height:160px;margin:0 auto;position:relative;width:160px}.profile-picture{border:6px solid #fff;border-radius:50%;box-shadow:0 8px 24px #00000026;height:160px;object-fit:cover;width:160px}body.dark-mode .profile-picture{border-color:#1a1a1a}.profile-picture-placeholder{align-items:center;background:linear-gradient(135deg,#fd297b,#ff655b);border:6px solid #fff;border-radius:50%;box-shadow:0 8px 24px #00000026;color:#fff;display:flex;font-size:56px;font-weight:700;height:160px;justify-content:center;width:160px}body.dark-mode .profile-picture-placeholder{border-color:#1a1a1a}.profile-picture-upload{align-items:center;background:linear-gradient(135deg,#fd297b,#ff655b);border:3px solid #fff;border-radius:50%;bottom:8px;box-shadow:0 4px 12px #fd297b66;cursor:pointer;display:flex;height:44px;justify-content:center;position:absolute;right:8px;transition:all .2s ease;width:44px}body.dark-mode .profile-picture-upload{border-color:#1a1a1a}.profile-picture-upload:hover{transform:scale(1.1)}.upload-icon{color:#fff;font-size:20px}.profile-header-info{margin-bottom:24px;text-align:center}.profile-header-info h1{align-items:center;color:#333;display:flex;font-size:32px;font-weight:800;gap:8px;justify-content:center;margin:0 0 8px}body.dark-mode .profile-header-info h1{color:#fff}.profile-meta{color:#666;font-size:16px;font-weight:500;margin:0 0 20px}body.dark-mode .profile-meta{color:#999}.profile-actions{flex-wrap:wrap;gap:12px;justify-content:center}.profile-section{padding:32px}.info-card{background:#f8f8f8;margin-bottom:20px;padding:24px}body.dark-mode .info-card{background:#2d2d2d}.info-card h3{align-items:center;color:#333;display:flex;font-size:20px;font-weight:800;gap:8px;margin:0 0 20px}body.dark-mode .info-card h3{color:#fff}.info-grid{grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;padding:16px}body.dark-mode .info-item{background:#1a1a1a}.info-label{color:#999;font-size:12px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.info-value{color:#333;font-size:16px;font-weight:700}body.dark-mode .info-value{color:#fff}.info-card p{color:#666;font-size:15px;line-height:1.6;margin:0}body.dark-mode .info-card p{color:#999}.message{align-items:center;border-radius:12px;font-size:15px;font-weight:600;gap:12px;margin:0 0 20px;padding:16px 24px}.error-message{background:#ffe5e5;border-left:4px solid #d32f2f;color:#d32f2f}.success-message{background:#e8f5e9;border-left:4px solid #2e7d32;color:#2e7d32}.btn{border-radius:25px;box-shadow:0 4px 12px #0000001a}.btn:hover{box-shadow:0 6px 16px #00000026}.btn-primary{background:linear-gradient(135deg,#fd297b,#ff655b)}.btn-secondary{background:var(--surface);border:2px solid var(--primary);color:var(--primary)}.btn-secondary:hover{background:var(--primary);box-shadow:0 4px 12px #fd297b4d;color:#fff;transform:translateY(-2px)}body.dark-mode .btn-secondary{background:var(--surface);border-color:var(--primary-light);color:var(--primary-light)}body.dark-mode .btn-secondary:hover{background:var(--primary-light);color:#fff}.form-group label{font-weight:700}body.dark-mode .form-group label{color:#fff}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e8e8e8;border-radius:12px;color:#333;font-size:15px;padding:14px 16px;transition:all .2s ease;width:100%}body.dark-mode .form-group input,body.dark-mode .form-group select,body.dark-mode .form-group textarea{background:#2d2d2d;border-color:#3d3d3d;color:#fff}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#fd297b;box-shadow:0 0 0 3px #fd297b1a}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-actions{gap:12px;margin-top:24px}.photos-grid{grid-template-columns:repeat(3,1fr)}.photo-item{aspect-ratio:1;border-radius:16px;box-shadow:0 4px 12px #0000001a;cursor:pointer;overflow:hidden;position:relative;transition:all .2s ease}.photo-item:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-4px)}.photo-item img{height:100%;object-fit:cover;width:100%}.primary-badge{background:linear-gradient(135deg,#fd297b,#ff655b);border-radius:20px;box-shadow:0 2px 8px #fd297b66;font-size:12px;font-weight:700;left:12px;padding:6px 12px}.delete-photo-btn,.primary-badge{color:#fff;position:absolute;top:12px}.delete-photo-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;opacity:0;right:12px;transition:opacity .2s;width:36px}.photo-item:hover .delete-photo-btn{opacity:1}.set-primary-btn{background:linear-gradient(135deg,#fd297b,#ff655b);border:none;border-radius:20px;bottom:12px;box-shadow:0 4px 12px #fd297b66;color:#fff;cursor:pointer;font-size:13px;font-weight:700;left:12px;opacity:0;padding:10px;position:absolute;right:12px;transition:opacity .2s}.photo-item:hover .set-primary-btn{opacity:1}.upload-photo-btn{align-items:center;background:linear-gradient(135deg,#fd297b,#ff655b);border:none;border-radius:25px;box-shadow:0 4px 12px #fd297b4d;color:#fff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;padding:14px 32px;transition:all .3s ease}.upload-photo-btn:hover:not(.uploading){box-shadow:0 6px 16px #fd297b66;transform:translateY(-2px)}.upload-photo-btn.uploading{cursor:not-allowed;opacity:.7}.upload-spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.interests-tags{display:flex;flex-wrap:wrap;gap:10px}.interest-tag{background:linear-gradient(135deg,#fd297b1a,#ff655b1a);border:2px solid #fd297b33;border-radius:20px;color:#fd297b;font-size:14px;font-weight:700;padding:10px 20px}body.dark-mode .interest-tag{background:#ff655b1a;border-color:#ff655b33;color:#ff655b}.blocked-users-list{display:flex;flex-direction:column;gap:12px}.blocked-user-item{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;display:flex;justify-content:space-between;padding:16px}body.dark-mode .blocked-user-item{background:#2d2d2d}.blocked-user-info{align-items:center;display:flex;flex:1 1;gap:12px}.blocked-user-avatar{background:#ddd;border-radius:50%;height:48px;object-fit:cover;width:48px}.blocked-user-info h4{color:#333;font-size:15px;font-weight:700;margin:0 0 4px}body.dark-mode .blocked-user-info h4{color:#fff}.blocked-user-info p{color:#666;font-size:13px;margin:0}body.dark-mode .blocked-user-info p{color:#999}body.dark-mode .modal-content{background:#1a1a1a}.modal-content h2{color:#333;margin:0 0 16px}body.dark-mode .modal-content h2{color:#fff}.verification-banner-card{align-items:center;background:linear-gradient(135deg,#fd297b1a,#ff655b1a);border:2px solid #fd297b4d;border-radius:16px;cursor:pointer;display:flex;justify-content:space-between;margin:0 0 20px;padding:24px;transition:all .2s ease}.verification-banner-card:hover{box-shadow:0 8px 24px #fd297b33;transform:translateY(-2px)}.verification-banner-content{flex:1 1;gap:16px}.verification-icon{align-items:center;background:linear-gradient(135deg,#fd297b,#ff655b);border-radius:50%;box-shadow:0 4px 12px #fd297b4d;color:#fff;display:flex;font-size:28px;height:56px;justify-content:center;width:56px}.verification-text h3{color:#333;font-size:18px;font-weight:800;margin:0 0 4px}body.dark-mode .verification-text h3{color:#fff}.verification-text p{color:#666;font-size:14px;margin:0}body.dark-mode .verification-text p{color:#999}.verification-btn{background:linear-gradient(135deg,#fd297b,#ff655b);border:none;border-radius:25px;box-shadow:0 4px 12px #fd297b4d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px}@media (max-width:1024px){.profile-container{padding:16px}}@media (max-width:768px){.profile-container{padding:12px}.profile-cover{height:200px}.profile-picture-section{margin-top:-60px}.profile-picture,.profile-picture-placeholder,.profile-picture-wrapper{height:120px;width:120px}.profile-picture-placeholder{font-size:40px}.profile-header-info h1{font-size:24px}.profile-section{padding:20px}.form-row,.info-grid{grid-template-columns:1fr}.photos-grid{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column}.form-actions button{width:100%}.blocked-user-item{align-items:stretch;flex-direction:column}.blocked-user-item .btn{width:100%}.profile-tabs{gap:0}.profile-tab{font-size:14px;padding:14px 16px}}@media (max-width:480px){.profile-container{padding:8px}.profile-card{border-radius:16px}.profile-cover{height:160px}.profile-picture-section{margin-top:-50px}.profile-picture,.profile-picture-placeholder,.profile-picture-wrapper{height:100px;width:100px}.profile-picture-placeholder{font-size:36px}.profile-header-info h1{font-size:20px}.photos-grid{grid-template-columns:1fr}.profile-tab{font-size:13px;padding:12px}.profile-section{padding:16px}}.availability-info-box{background:#1a1a1a;background:var(--card-bg,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:12px;margin-top:16px;padding:20px}.info-row{align-items:flex-start;border-bottom:1px solid #333;border-bottom:1px solid var(--border-color,#333);display:flex;gap:12px;padding:12px 0}.info-row:last-child{border-bottom:none;padding-bottom:0}.info-row:first-child{padding-top:0}.info-row-icon{align-items:center;background:#ff4458;background:var(--primary-color,#ff4458);border-radius:8px;color:#fff;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.info-row-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.info-row-label{color:#999;color:var(--text-secondary,#999);font-size:13px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.info-row-value{color:#fff;color:var(--text-primary,#fff);font-size:16px;font-weight:600}.availability-benefits{background:#1a1a1a;background:var(--card-bg,#1a1a1a);border:1px solid #333;border:1px solid var(--border-color,#333);border-radius:12px;margin-top:16px;padding:20px}.benefits-title{color:#fff;color:var(--text-primary,#fff);font-size:15px;font-weight:600;margin-bottom:16px}.benefit-item{align-items:flex-start;padding:8px 0}.benefit-item svg{color:#ff4458;color:var(--primary-color,#ff4458);flex-shrink:0;margin-top:2px}.benefit-item span{color:#ccc;color:var(--text-secondary,#ccc);font-size:14px;line-height:1.5}@media (max-width:768px){.availability-benefits,.availability-info-box{padding:16px}.info-row{gap:10px}.info-row-icon{height:36px;width:36px}.info-row-icon svg{height:18px;width:18px}.info-row-label{font-size:12px}.info-row-value{font-size:15px}}.toggle-switch{display:inline-block;flex-shrink:0;height:32px;position:relative;width:60px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#444;border:2px solid #555;border-radius:32px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:all .3s ease}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;box-shadow:0 2px 4px #0000004d;content:"";height:24px;left:3px;width:24px}.toggle-switch input:checked+.toggle-slider{background-color:#4caf50;border-color:#4caf50}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(28px)}.toggle-switch input:disabled+.toggle-slider{cursor:not-allowed;opacity:.5}.availability-header{align-items:center;background:var(--surface);border:2px solid var(--border);border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:20px}.availability-header-left{align-items:center;display:flex;flex:1 1;gap:16px}.availability-icon-wrapper{flex-shrink:0}.availability-icon{align-items:center;background:#333;border-radius:12px;color:#999;display:flex;height:48px;justify-content:center;transition:all .3s ease;width:48px}.availability-icon.active{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 4px 12px #4caf504d;color:#fff}.availability-content{flex:1 1}.availability-title{color:var(--text-primary);font-size:18px;font-weight:600;margin-bottom:4px}.availability-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.video-call-availability-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:24px;overflow:hidden;padding:0}@media (max-width:768px){.availability-header{padding:16px}.availability-header-left{gap:12px}.availability-icon{height:40px;width:40px}.availability-icon svg{height:20px;width:20px}.availability-title{font-size:16px}.availability-subtitle{font-size:13px}.toggle-switch{height:28px;width:52px}.toggle-slider:before{height:20px;width:20px}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(24px)}}.checkbox-label{border-radius:8px;gap:12px;padding:12px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.checkbox-label:hover{background:#00000005}body.dark-mode .checkbox-label:hover{background:#ffffff0d}.checkbox-label input[type=checkbox]{accent-color:#ff1493;height:20px;width:20px}.checkbox-label span{color:var(--text-primary);font-size:15px;font-weight:500}.photo-upload-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}body.dark-mode .photo-upload-overlay{background:#000000d9}.photo-upload-content{animation:slideUp .3s ease;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:400px;padding:48px 40px;text-align:center}body.dark-mode .photo-upload-content{background:#1a1a1a;box-shadow:0 20px 60px #0009}.upload-loader{height:80px;margin:0 auto 24px;position:relative;width:80px}.upload-loader-circle{animation:spin 1s linear infinite;border:4px solid #fd297b1a;border-radius:50%;border-top-color:#fd297b;height:80px;width:80px}body.dark-mode .upload-loader-circle{border-color:#fd297b #fd297b33 #fd297b33}.upload-loader-icon{animation:pulse 1.5s ease-in-out infinite;font-size:32px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.upload-loader-text{color:#1a1a1a;font-size:20px;font-weight:700;margin-bottom:8px}body.dark-mode .upload-loader-text{color:#fff}.upload-loader-subtext{color:#666;font-size:14px;line-height:1.5}body.dark-mode .upload-loader-subtext{color:#999}.upload-progress-bar{background:#fd297b1a;border-radius:3px;height:6px;margin-top:20px;overflow:hidden;width:100%}body.dark-mode .upload-progress-bar{background:#fd297b33}.upload-progress-fill{animation:progressIndeterminate 1.5s ease-in-out infinite;background:linear-gradient(90deg,#fd297b,#ff655b);border-radius:3px;height:100%;width:40%}@keyframes progressIndeterminate{0%{transform:translateX(-100%)}to{transform:translateX(350%)}}.creator-tab{align-items:center!important;background:linear-gradient(135deg,#fd297b1a,#ff655b1a)!important;border:2px solid #fd297b33!important;border-radius:12px!important;color:#fd297b!important;display:flex!important;font-weight:700!important;justify-content:center!important;margin:4px!important}body.dark-mode .creator-tab{background:linear-gradient(135deg,#fd297b26,#ff655b26)!important;border-color:#fd297b4d!important}.creator-tab:hover{background:linear-gradient(135deg,#fd297b33,#ff655b33)!important;box-shadow:0 4px 12px #fd297b4d;transform:translateY(-2px)}.earnings-banner{background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;box-shadow:0 8px 24px #10b9814d;margin-bottom:24px;overflow:hidden;padding:32px;position:relative}body.dark-mode .earnings-banner{box-shadow:0 8px 24px #10b98166}.earnings-banner:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:300px;position:absolute;right:-10%;top:-50%;width:300px}.earnings-banner-header{align-items:center;display:flex;gap:20px;margin-bottom:28px;position:relative;z-index:1}.earnings-icon{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:18px;box-shadow:0 4px 12px #0000001a;display:flex;flex-shrink:0;height:72px;justify-content:center;width:72px}.earnings-icon svg{color:#fff}.earnings-header-text h3{color:#fff;font-size:26px;font-weight:800;margin:0 0 6px;text-shadow:0 2px 4px #0000001a}.earnings-header-text p{color:#fffffff2;font-size:15px;margin:0}.earning-methods{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-bottom:24px;position:relative;z-index:1}.earning-method{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:16px;display:flex;gap:16px;padding:20px;transition:all .3s ease}.earning-method:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-2px)}.method-icon{border-radius:12px;height:56px;width:56px}.method-icon svg{color:#fff}.method-content{flex:1 1}.method-content h4{color:#fff;font-size:18px;font-weight:800;margin:0 0 6px;text-shadow:0 2px 4px #0000001a}.method-description{color:#ffffffe6;font-size:13px;line-height:1.4;margin:0 0 12px}.method-earnings{display:flex;flex-direction:column;gap:2px}.earnings-amount{color:#fff;font-size:20px;font-weight:800;text-shadow:0 2px 4px #0000001a}.earnings-note{color:#fffc;font-size:12px;font-weight:600}.earnings-benefits{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:24px;position:relative;z-index:1}.benefit-point{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px}.benefit-point svg{stroke:#fff;flex-shrink:0}.earnings-cta{align-items:center;background:#fff;border:none;border-radius:14px;box-shadow:0 4px 12px #00000026;color:#10b981;cursor:pointer;display:flex;font-size:16px;font-weight:800;justify-content:center;padding:18px 32px;position:relative;transition:all .3s ease;width:100%;z-index:1}.earnings-cta:hover{background:#f0fdf4;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}.earnings-cta:active{transform:translateY(0)}.earnings-cta:disabled{cursor:not-allowed;opacity:.7}.earnings-cta svg{stroke:#10b981}@media (max-width:768px){.earnings-banner{padding:24px}.earnings-banner-header{flex-direction:column;gap:16px;text-align:center}.earnings-icon{height:64px;width:64px}.earnings-header-text h3{font-size:22px}.earnings-header-text p{font-size:14px}.earning-methods{gap:12px;grid-template-columns:1fr}.earning-method{padding:16px}.method-icon{height:48px;width:48px}.method-content h4{font-size:16px}.earnings-amount{font-size:18px}.earnings-benefits{flex-direction:column;gap:12px}.earnings-cta{font-size:15px;padding:16px 24px}}.loading-container{padding:60px 20px}.loading-content{animation:fadeIn .4s ease;background:#fff;background:var(--card-bg,#fff);border:1px solid #00000014;border:1px solid var(--border-color,#00000014);border-radius:24px;box-shadow:0 4px 24px #0000000f,inset 0 0 0 1px #ffffff80;max-width:400px;padding:48px 40px;text-align:center;width:100%}.model-image-wrapper{animation:float 3s ease-in-out infinite;height:180px;margin:0 auto 32px;position:relative;width:180px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.model-image{animation:imageGlow 3s ease-in-out infinite;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff6b6b,#ee5a6f 50%,#8b5cf6) border-box;border:4px solid #0000;border-radius:50%;box-shadow:0 12px 40px #ff6b6b40,0 0 0 8px #ff6b6b14;height:100%;object-fit:cover;width:100%}@keyframes imageGlow{0%,to{box-shadow:0 12px 40px #ff6b6b40,0 0 0 8px #ff6b6b14}50%{box-shadow:0 16px 50px #ff6b6b59,0 0 0 12px #ff6b6b1f}}.sparkle{animation:sparkle 2s ease-in-out infinite;background:linear-gradient(135deg,gold,#ffed4e);border-radius:50%;box-shadow:0 0 16px #ffd700cc;height:12px;position:absolute;width:12px}.sparkle-1{animation-delay:0s;left:10px;top:10px}.sparkle-2{animation-delay:.7s;right:15px;top:20px}.sparkle-3{animation-delay:1.4s;bottom:25px;left:20px}.loading-pill{align-items:center;animation:pillPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:50px;box-shadow:0 8px 24px #ff6b6b59;color:#fff;display:inline-flex;font-size:16px;font-weight:700;gap:8px;letter-spacing:1.5px;overflow:hidden;padding:14px 36px;position:relative;text-transform:uppercase}@keyframes pillPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.loading-pill:before{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes shimmer{0%{left:-100%}to{left:100%}}.loading-pill:after{animation:dotPulse 1.5s ease-in-out infinite;background:currentColor;border-radius:50%;content:"";display:inline-block;height:6px;width:6px}@keyframes dotPulse{0%,to{opacity:.4}50%{opacity:1}}body.dark-mode .loading-content{background:#1e1e2e;background:var(--card-bg,#1e1e2e);border-color:#ffffff1a;border-color:var(--border-color,#ffffff1a);box-shadow:0 4px 24px #0000004d,inset 0 0 0 1px #ffffff0d}body.dark-mode .model-image{background:linear-gradient(#1e1e2e,#1e1e2e) padding-box,linear-gradient(135deg,#ff6b6b,#ee5a6f 50%,#8b5cf6) border-box}@media (max-width:640px){.loading-container{min-height:350px;padding:40px 16px}.loading-content{padding:40px 32px}.model-image-wrapper{height:150px;margin-bottom:28px;width:150px}.loading-pill{font-size:14px;letter-spacing:1px;padding:12px 28px}.sparkle{height:10px;width:10px}}@media (max-width:480px){.loading-content{padding:36px 24px}.model-image-wrapper{height:130px;margin-bottom:24px;width:130px}.loading-pill{font-size:13px;padding:10px 24px}}.verification-banner{border-radius:12px;margin-bottom:20px}.blur-overlay-badge{pointer-events:none}.blur-overlay-badge-small{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:50%;display:flex;justify-content:center;left:50%;padding:12px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.blur-overlay-badge-small span{font-size:24px}.btn-locked{background:linear-gradient(135deg,#6b7280,#4b5563)!important;cursor:pointer!important}.btn-locked:hover{background:linear-gradient(135deg,#4b5563,#374151)!important}.public-profile-container{background:var(--background);margin:0 auto;max-width:100%;min-height:100vh;padding:0}.back-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #fff3;border-radius:24px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;left:20px;padding:10px 20px;position:fixed;top:20px;z-index:100}.back-button:hover{background:#000000e6;border-color:#fff6;transform:translateX(-4px)}.profile-hero-gallery{background:#000;position:relative;width:100%}.unlock-banner-floating{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border:2px solid #fbbf2466;border-radius:24px;display:flex;gap:12px;padding:10px 16px;position:absolute;right:20px;top:20px;z-index:50}.unlock-banner-content-floating{align-items:center;display:flex;gap:8px}.unlock-icon-small{font-size:16px}.unlock-text-small{color:#fff;font-size:13px;font-weight:600}.btn-unlock-floating{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:16px;color:#000;cursor:pointer;font-size:13px;font-weight:700;padding:8px 16px;transition:all .3s ease}.btn-unlock-floating:hover{box-shadow:0 4px 16px #fbbf2480;transform:scale(1.05)}.hero-photos-grid{-webkit-overflow-scrolling:touch;display:flex;gap:8px;height:70vh;overflow-x:auto;overflow-y:hidden;padding:0 4px;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%}.hero-photos-grid::-webkit-scrollbar{display:none}.hero-photo-item{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-radius:8px;cursor:pointer;flex-basis:calc(100% - 40px);flex-grow:0;flex-shrink:0;height:70vh;overflow:hidden;position:relative;scroll-snap-align:center;transition:transform .3s ease;width:calc(100% - 40px)}.hero-photo-item:first-child{margin-left:20px}.hero-photo-item:last-child{margin-right:20px}.hero-photo-item img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.hero-photo-item:active img{transform:scale(.98)}.hero-badge{background:linear-gradient(135deg,#ff1493,#ff6b9d);border-radius:20px;box-shadow:0 4px 12px #ff149380;font-size:12px;font-weight:800;left:16px;letter-spacing:1px;padding:8px 16px;top:16px;z-index:2}.hero-badge,.scroll-hint{color:#fff;position:absolute}.scroll-hint{align-items:center;animation:pulse-hint-right 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:24px;height:48px;justify-content:center;pointer-events:none;right:20px;top:50%;transform:translateY(-50%);width:48px;z-index:40}@keyframes pulse-hint-right{0%,to{opacity:.7;transform:translateY(-50%) translateX(0)}50%{opacity:1;transform:translateY(-50%) translateX(-5px)}}.scroll-hint.hidden{display:none}.scroll-hint-left{align-items:center;animation:pulse-hint-left 2s infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:2px solid #ffffff4d;border-radius:50%;color:#fff;display:flex;font-size:24px;height:48px;justify-content:center;left:20px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:48px;z-index:40}@keyframes pulse-hint-left{0%,to{opacity:.7;transform:translateY(-50%) translateX(0)}50%{opacity:1;transform:translateY(-50%) translateX(5px)}}.scroll-hint-left.hidden{display:none}.photo-counter-dots{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #fff3;border-radius:20px;bottom:20px;display:flex;gap:8px;left:50%;padding:8px 16px;position:absolute;transform:translateX(-50%);z-index:10}.photo-dot{background:#fff6;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.photo-dot:hover{background:#ffffffb3}.photo-dot.active{background:#fff;border-radius:4px;width:24px}.profile-info-compact{margin:0 auto;max-width:800px;padding:24px 20px}.profile-header-compact{margin-bottom:20px}.profile-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.profile-name-row h1{align-items:center;color:var(--text-primary);display:flex;font-size:28px;font-weight:800;gap:8px;margin:0}.creator-badge-inline{align-items:center;animation:sparkle 2s ease-in-out infinite;display:inline-flex;font-size:20px;justify-content:center;margin-left:4px}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.online-badge-compact{align-items:center;background:#10b9811f;border:1.5px solid #10b9814d;border-radius:20px;color:#10b981;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:6px 14px}.creator-info-banner{align-items:center;background:#f59e0b14;border:2px solid #f59e0b40;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:16px 0;padding:16px 20px}.creator-banner-content{align-items:center;display:flex;flex:1 1;gap:12px}.creator-icon{flex-shrink:0;font-size:24px}.creator-text{flex:1 1}.creator-text strong{color:#f59e0b;display:block;font-size:14px;font-weight:700;margin-bottom:2px}.creator-text p{color:#ffffffb3;font-size:13px;line-height:1.4;margin:0}.btn-subscribe-banner{background:#f59e0b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-subscribe-banner:hover{background:#d97706;transform:translateY(-1px)}.profile-meta-row{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.meta-item{align-items:center;color:var(--text-secondary);display:flex;font-size:14px;font-weight:500;gap:4px}.meta-item svg{flex-shrink:0}.meta-item.distance{color:#ff6b9d;font-weight:700}.mood-badge-compact{background:linear-gradient(135deg,#8b5cf61f,#a855f71f);border:2px solid #8b5cf640;border-radius:16px;display:inline-flex;margin-bottom:16px;padding:8px 16px}.mood-label-compact{color:#8b5cf6;font-size:14px;font-weight:700;letter-spacing:.3px}body.dark-mode .mood-label-compact{color:#a78bfa}.profile-actions-compact{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.btn-action-compact{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:700;gap:8px;justify-content:center;min-width:140px;padding:14px 20px;transition:all .3s ease}.btn-action-compact svg{flex-shrink:0}.btn-message-compact{background:linear-gradient(135deg,#ff1493,#ff6b9d);box-shadow:0 4px 16px #ff14934d;color:#fff}.btn-message-compact:hover{box-shadow:0 6px 24px #ff149366;transform:translateY(-2px)}.btn-message-compact:disabled{cursor:not-allowed;opacity:.8}.spinner{animation:spin 1s linear infinite}.btn-call-compact{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 16px #10b9814d;color:#fff;flex-direction:column;gap:2px;padding:10px 16px}.btn-call-compact:hover{box-shadow:0 6px 24px #10b98166;transform:translateY(-2px)}.btn-subscribe-compact{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 16px #f59e0b4d;color:#fff;flex-direction:column;gap:2px;padding:10px 16px}.btn-subscribe-compact:hover{box-shadow:0 6px 24px #f59e0b66;transform:translateY(-2px)}.btn-call-compact span,.btn-subscribe-compact span{align-items:center;display:flex;flex-direction:column;gap:2px}.btn-label-compact{font-size:14px;font-weight:700;line-height:1}.btn-rate-compact{font-size:11px;font-weight:600;line-height:1;opacity:.9}.btn-block-compact{align-items:center;background:#ffffff0d;border:2px solid #ffffff26;box-shadow:none;color:#ffffffb3;display:flex;flex:0 0 auto;gap:8px;min-width:100px;padding:12px 20px}.btn-block-compact .btn-label-compact{font-size:15px;font-weight:600}.btn-block-compact:hover{background:#ef444426;border-color:#ef444466;color:#ef4444;transform:translateY(-2px)}.btn-block-compact:disabled{cursor:not-allowed;opacity:.5;transform:none}.travel-hosting-info{background:linear-gradient(135deg,#10b98114,#05966914);border:2px solid #10b98133;border-radius:16px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:16px}.info-badge{align-items:center;background:#fff;border-radius:12px;display:flex;flex:1 1;font-size:14px;font-weight:700;gap:8px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 16px;transition:all .3s ease}body.dark-mode .info-badge{background:#ffffff1a}.info-badge svg{flex-shrink:0}.travel-badge{border:2px solid #10b9814d;color:#10b981}.travel-badge:hover{background:#10b9811a;box-shadow:0 4px 12px #10b98133;transform:translateY(-2px)}.host-badge{border:2px solid #8b5cf64d;color:#8b5cf6}.host-badge:hover{background:#8b5cf61a;box-shadow:0 4px 12px #8b5cf633;transform:translateY(-2px)}.parking-badge{border:2px solid #3b82f64d;color:#3b82f6}.parking-badge:hover{background:#3b82f61a;box-shadow:0 4px 12px #3b82f633;transform:translateY(-2px)}.quick-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.stat-chip{align-items:center;background:var(--surface);border:1px solid var(--border-light);border-radius:16px;display:flex;flex-direction:column;padding:12px 20px;transition:all .3s ease}.stat-chip:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-chip .stat-label{color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.stat-chip .stat-value{color:var(--text-primary);font-size:15px;font-weight:800}.profile-bio,.profile-section{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;margin-bottom:24px;padding:20px}.profile-bio h3,.profile-section h3{color:var(--text-primary);font-size:18px;font-weight:800;margin:0 0 12px}.profile-bio p,.profile-section p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin:0}.interests-tags-compact{display:flex;flex-wrap:wrap;gap:8px}.interest-tag-compact{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:20px;box-shadow:0 2px 8px #ff6b6b4d;color:#fff;font-size:13px;font-weight:700;padding:8px 16px}.details-grid-compact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.detail-item-compact{background:var(--background);border:1px solid var(--border-light);border-radius:12px;display:flex;flex-direction:column;gap:4px;padding:12px}.detail-label-compact{color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.detail-value-compact{color:var(--text-primary);font-size:14px;font-weight:700}.btn-action{align-items:center;border:none;border-radius:16px;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:700;gap:10px;justify-content:center;min-width:160px;overflow:hidden;padding:16px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-action svg{flex-shrink:0;transition:transform .3s ease}.btn-action:hover svg{transform:scale(1.1)}.btn-action:active{transform:scale(.98)}.btn-message{background:linear-gradient(135deg,#ff1493,#ff6b9d);box-shadow:0 4px 20px #ff149366;color:#fff}.btn-message:hover{box-shadow:0 8px 30px #ff149380;transform:translateY(-3px)}.btn-video-call{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #10b98166;color:#fff;flex-direction:column;gap:4px;padding:14px 20px}.btn-video-call:hover{box-shadow:0 8px 30px #10b98180;transform:translateY(-3px)}.btn-text{align-items:center;display:flex;flex-direction:column;gap:2px}.btn-label{font-size:15px;font-weight:700;line-height:1}.btn-sublabel{font-size:12px;font-weight:600;line-height:1;opacity:.9}.btn-block{background:#ffffff0d;border:2px solid #ffffff26;box-shadow:none;color:#ffffffb3;flex:0 0 auto;min-width:120px}.btn-block:hover{background:#ef444426;border-color:#ef444466;box-shadow:0 4px 16px #ef444433;color:#ef4444;transform:translateY(-2px)}.btn-block:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-action:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.btn-action:active:before{height:300px;width:300px}.action-btn{font-size:16px;font-weight:700;padding:14px 32px}.public-profile-content{display:flex;flex-direction:column;gap:24px}.public-info-card{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #ff6b9d33;border-radius:20px;box-shadow:0 4px 16px #ff149333;padding:32px;transition:all .3s ease}.public-info-card:hover{box-shadow:0 8px 24px #ff14934d;transform:translateY(-2px)}.public-info-card h3{color:#fff;font-size:22px;font-weight:800;margin:0 0 20px}.public-info-card p{color:#fffc;font-size:16px;line-height:1.8;margin:0}.stats-card{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #ff6b6b33}.stats-grid{grid-gap:24px;gap:24px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff6b6b1a;border:1px solid #ff6b6b33;border-radius:12px;padding:16px}.stat-label{color:#fff9;font-size:13px}.stat-value{color:#ff6b6b;font-size:20px}.public-interests-tags{display:flex;flex-wrap:wrap;gap:12px}.public-interest-tag{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:24px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;font-size:14px;font-weight:700;padding:10px 20px}.public-details-list{display:flex;flex-direction:column;gap:16px}.public-detail-item{border-bottom:1px solid #ff6b9d33;display:flex;justify-content:space-between;padding:16px 0}.public-detail-item:last-child{border-bottom:none}.public-detail-label{color:#ffffffb3;font-weight:700}.public-detail-value{color:#fff;font-weight:600}.blocked-state,.error-state{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #ff6b9d33;border-radius:24px;padding:80px 40px;text-align:center}.blocked-state h2,.error-state h2{color:#fff;font-size:32px;font-weight:800;margin:0 0 16px}.blocked-state p,.error-state p{color:#ffffffb3;font-size:18px;margin:0 0 32px}.blocked-state .btn,.error-state .btn{margin:8px}@media (max-width:768px){.back-button{font-size:13px;left:12px;padding:8px 16px;top:12px}.unlock-banner-floating{border-radius:20px;padding:8px 12px;right:12px;top:12px}.unlock-text-small{font-size:12px}.btn-unlock-floating{font-size:12px;padding:6px 12px}.hero-photos-grid{gap:6px;height:60vh;padding:0 3px}.hero-photo-item{border-radius:6px;flex-basis:calc(100% - 30px);flex-grow:0;flex-shrink:0;height:60vh;width:calc(100% - 30px)}.hero-photo-item:first-child{margin-left:15px}.hero-photo-item:last-child{margin-right:15px}.hero-badge{font-size:11px;left:12px;padding:6px 12px;top:12px}.scroll-hint{font-size:20px;height:40px;right:15px;width:40px}.photo-counter-dots{bottom:16px;gap:6px;padding:6px 12px}.photo-dot{height:6px;width:6px}.photo-dot.active{width:20px}.profile-info-compact{padding:20px 16px}.profile-name-row h1{font-size:24px}.creator-info-banner{flex-direction:column;gap:12px;padding:16px;text-align:center}.creator-banner-content{flex-direction:column;gap:8px;text-align:center}.creator-icon{font-size:28px}.btn-subscribe-banner{padding:12px;width:100%}.online-badge-compact{font-size:12px;padding:5px 12px}.profile-meta-row{gap:10px}.meta-item{font-size:13px}.mood-badge-compact{padding:6px 14px}.mood-label-compact{font-size:13px}.profile-actions-compact{flex-direction:column;gap:10px}.btn-action-compact{min-width:auto;padding:14px 20px;width:100%}.btn-call-compact{flex-direction:row;gap:8px;padding:14px 20px}.btn-call-compact span{flex-direction:row;gap:6px}.btn-label-compact{font-size:14px}.btn-rate-compact{font-size:11px}.btn-block-compact{justify-content:center;min-width:auto;width:100%}.travel-hosting-info{gap:8px;margin-bottom:16px;padding:12px}.info-badge{font-size:13px;gap:6px;min-width:calc(50% - 4px);padding:8px 12px}.info-badge svg{height:16px;width:16px}.quick-stats{gap:8px}.stat-chip{flex:1 1;min-width:calc(50% - 4px);padding:10px 16px}.stat-chip .stat-label{font-size:10px}.stat-chip .stat-value{font-size:14px}.profile-bio,.profile-section{margin-bottom:16px;padding:16px}.profile-bio h3,.profile-section h3{font-size:16px;margin-bottom:10px}.profile-bio p,.profile-section p{font-size:14px}.interests-tags-compact{gap:6px}.interest-tag-compact{font-size:12px;padding:6px 14px}.details-grid-compact{gap:10px;grid-template-columns:repeat(2,1fr)}.detail-item-compact{padding:10px}.detail-label-compact{font-size:10px}.detail-value-compact{font-size:13px}}.public-photos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,1fr);margin-top:24px}.public-photo-item:first-child{aspect-ratio:4/5;grid-column:1/-1}.public-photo-item{aspect-ratio:1/1;background:linear-gradient(135deg,#ff14931a,#ff6b9d1a);border:3px solid #ff6b9d4d;border-radius:20px;box-shadow:0 4px 16px #ff149333;cursor:pointer;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:100%}.public-photo-item:hover{border-color:#ff6b9db3;box-shadow:0 12px 32px #ff149380;transform:translateY(-8px) scale(1.02)}.public-photo-item img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.public-photo-item:hover img{transform:scale(1.05)}.public-primary-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:2px solid #ffffff4d;border-radius:24px;box-shadow:0 4px 12px #0006;color:#fff;font-size:14px;font-weight:800;left:16px;letter-spacing:.5px;padding:10px 20px;position:absolute;text-transform:uppercase;top:16px;z-index:2}@media (min-width:1025px){.public-photos-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.public-photo-item:first-child{aspect-ratio:3/4;grid-column:1/3;grid-row:1/3}}@media (max-width:1024px) and (min-width:641px){.public-photos-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.public-photo-item:first-child{aspect-ratio:16/10;grid-column:1/-1}}@media (max-width:640px){.public-photos-grid{gap:20px;grid-template-columns:1fr}.public-photo-item{border-radius:16px;border-width:2px}.public-photo-item,.public-photo-item:first-child{aspect-ratio:3/4;grid-column:1}.public-primary-badge{font-size:12px;left:12px;padding:8px 16px;top:12px}}.profile-name-status{align-items:center;display:flex;gap:16px;margin-bottom:8px}.online-badge{align-items:center;background:#10b9811a;border:1.5px solid #10b9814d;border-radius:20px;color:#10b981;display:inline-flex;font-size:13px;font-weight:700;gap:6px;padding:6px 14px}.online-dot{animation:pulse-dot 2s infinite;height:8px;width:8px}.last-active-text{background:var(--surface);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);display:inline-block;font-size:14px;font-weight:600;margin:8px 0;padding:6px 12px}.profile-mood-badge{align-items:center;background:linear-gradient(135deg,#8b5cf626,#a855f726);border:2px solid #8b5cf64d;border-radius:16px;display:inline-flex;gap:10px;margin:12px 0;padding:12px 20px;transition:all .3s ease}.profile-mood-badge:hover{background:linear-gradient(135deg,#8b5cf640,#a855f740);border-color:#8b5cf680;box-shadow:0 4px 12px #8b5cf633;transform:translateY(-2px)}.mood-emoji-large{font-size:24px;line-height:1}.mood-label-large{color:#8b5cf6;font-size:15px;font-weight:700;letter-spacing:.3px}body.dark-mode .mood-label-large{color:#a78bfa}.fullscreen-modal{align-items:center;animation:fadeIn .2s ease;background:#000000f2;bottom:0;cursor:zoom-out;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.fullscreen-modal img{animation:zoomIn .3s ease;border-radius:8px;box-shadow:0 8px 32px #000c;cursor:default;max-height:90vh;max-width:90vw;object-fit:contain}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fullscreen-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:48px;justify-content:center;position:absolute;right:24px;top:24px;transition:all .3s ease;width:48px;z-index:10000}.fullscreen-close:hover{background:#ff6b6be6;border-color:#ff6b6b;transform:rotate(90deg)}.unlock-banner-premium{background:linear-gradient(135deg,#8b5cf633,#a855f733);border:2px solid #8b5cf666;border-radius:16px;margin-bottom:24px;padding:24px}.unlock-banner-content-premium{align-items:center;display:flex;gap:16px;margin-bottom:20px}.unlock-icon{flex-shrink:0;font-size:48px}.unlock-info h4{color:#fff;font-size:18px;font-weight:700;margin:0 0 4px}.unlock-info p{color:#ffffffb3;font-size:14px;margin:0}.unlock-options{display:flex;flex-wrap:wrap;gap:12px}.btn-unlock-credits{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:12px;color:#1a1a2e;cursor:pointer;flex:1 1;font-weight:700;min-width:200px;padding:12px 24px;transition:all .3s ease}.btn-unlock-credits:hover{box-shadow:0 8px 24px #fbbf2466;transform:translateY(-2px)}.btn-unlock-subscribe{background:linear-gradient(135deg,#8b5cf6,#a855f7);border:none;border-radius:12px;color:#fff;cursor:pointer;flex:1 1;font-weight:700;min-width:200px;padding:12px 24px;transition:all .3s ease}.btn-unlock-subscribe:hover{box-shadow:0 8px 24px #8b5cf666;transform:translateY(-2px)}.unlock-modal{max-width:600px;width:90%}.unlock-modal-header{margin-bottom:32px;text-align:center}.unlock-modal-icon{display:block;font-size:64px;margin-bottom:16px}.unlock-modal-header h2{color:#fff;font-size:28px;font-weight:800;margin:0 0 8px}.unlock-modal-header p{color:#ffffffb3;font-size:16px;margin:0}.unlock-modal-body{display:flex;flex-direction:column;gap:24px}.unlock-option-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;padding:24px;text-align:center;transition:all .3s ease}.unlock-option-card:hover{border-color:#ffffff4d;transform:translateY(-4px)}.unlock-option-premium{background:linear-gradient(135deg,#8b5cf61a,#a855f71a);border-color:#8b5cf666}.unlock-option-icon{font-size:48px;margin-bottom:16px}.unlock-option-card h3{color:#fff;font-size:20px;font-weight:700;margin:0 0 12px}.unlock-price{color:#fbbf24;font-size:32px;font-weight:800;margin-bottom:12px}.unlock-option-premium .unlock-price{color:#a855f7}.unlock-option-card p{color:#ffffffb3;font-size:14px;line-height:1.6;margin:0 0 20px}.unlock-divider{margin:8px 0;position:relative;text-align:center}.unlock-divider:after,.unlock-divider:before{background:#fff3;content:"";height:1px;position:absolute;top:50%;width:40%}.unlock-divider:before{left:0}.unlock-divider:after{right:0}.unlock-divider span{background:#1a1a2e;color:#ffffff80;font-size:14px;font-weight:700;padding:0 16px}.btn-block{width:100%}@media (max-width:768px){.unlock-options{flex-direction:column}.btn-unlock-credits,.btn-unlock-subscribe{min-width:auto;width:100%}.unlock-modal{max-height:90vh;overflow-y:auto;width:95%}}.unlock-banner{align-items:center;background:linear-gradient(135deg,#ff6b6b26,#ee5a6f26);border:2px solid #ff6b6b4d;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px;padding:16px 20px}.unlock-banner span{align-items:center;color:#ffffffe6;display:flex;font-size:15px;font-weight:600;gap:8px}.unlock-banner .btn{white-space:nowrap}.photo-locked-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:3}.photo-locked-overlay:hover{background:#000c}.photo-locked-overlay-static{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3}.locked-content{align-items:center;display:flex;flex-direction:column;gap:12px;padding:20px;text-align:center}.lock-icon{animation:lockPulse 2s infinite;font-size:40px}@keyframes lockPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.unlock-text{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:24px;box-shadow:0 4px 12px #ff6b6b66;color:#fff;font-size:14px;font-weight:700;padding:10px 20px;transition:all .3s ease}.photo-locked-overlay:hover .unlock-text{box-shadow:0 6px 16px #ff6b6b99;transform:scale(1.05)}@media (max-width:768px){.unlock-banner{flex-direction:column;text-align:center}.unlock-banner .btn{width:100%}.lock-icon{font-size:32px}.unlock-text{font-size:12px;padding:8px 16px}}.fullscreen-nav{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:40px;font-weight:300;height:60px;justify-content:center;line-height:1;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s ease;width:60px;z-index:10001}.fullscreen-nav:hover{background:#ff6b6be6;border-color:#ff6b6b;transform:translateY(-50%) scale(1.1)}.fullscreen-prev{left:24px}.fullscreen-next{right:24px}.fullscreen-counter{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:20px;bottom:24px;color:#fff;font-size:14px;font-weight:600;left:50%;padding:8px 20px;position:absolute;transform:translateX(-50%);z-index:10001}@media (max-width:768px){.fullscreen-nav{font-size:32px;height:48px;width:48px}.fullscreen-prev{left:12px}.fullscreen-next{right:12px}.fullscreen-counter{bottom:12px;font-size:12px;padding:6px 16px}}.locked-photo-placeholder{align-items:center;background:linear-gradient(135deg,#8b5cf64d,#a855f74d);border-radius:16px;display:flex;flex-direction:column;gap:12px;height:100%;justify-content:center;transition:all .3s ease;width:100%}.locked-photo-placeholder.clickable{cursor:pointer}.locked-photo-placeholder.clickable:hover{background:linear-gradient(135deg,#8b5cf680,#a855f780);transform:scale(1.02)}.lock-icon-large{animation:lockPulse 2s infinite}.locked-text{color:#ffffffe6;font-size:14px;letter-spacing:1px}.locked-text,.unlock-cta{font-weight:700;text-transform:uppercase}.unlock-cta{animation:pulse 2s infinite;background:#fbbf2433;border-radius:20px;color:#fbbf24;font-size:13px;letter-spacing:.5px;margin-top:4px;padding:6px 16px}.photo-locked-overlay-clickable{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;transition:all .3s ease;z-index:3}.photo-locked-overlay-clickable:hover{background:#000000e6}.photo-locked-overlay-clickable .locked-content{align-items:center;display:flex;flex-direction:column;gap:8px}.photo-locked-overlay-clickable .unlock-text{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:24px;box-shadow:0 4px 12px #fbbf2466;color:#fff;font-size:16px;font-weight:700;padding:8px 20px;transition:all .3s ease}.photo-locked-overlay-clickable:hover .unlock-text{box-shadow:0 6px 16px #fbbf2499;transform:scale(1.05)}.unlock-subtext{color:#ffffffb3;font-size:12px;font-weight:600}.unlock-error-message{background:#ef44441a;border:2px solid #ef44444d;border-radius:12px;margin-bottom:24px;padding:16px;text-align:center}.error-icon{display:block;font-size:32px;margin-bottom:8px}.unlock-error-message p{color:#ef4444;font-size:14px;font-weight:600;margin:0 0 12px}.unlock-success-message{padding:48px 24px;text-align:center}.success-icon{animation:successPop .5s ease;display:inline-flex;margin-bottom:24px}@keyframes successPop{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.unlock-success-message h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 8px}.unlock-success-message p{color:#ffffffb3;font-size:16px;margin:0}.call-modal{max-width:420px;overflow:hidden;padding:0}.call-cost-box{background:#10b98114;border:1px solid #10b98133;border-radius:16px;margin-bottom:24px;padding:20px}.cost-main{align-items:baseline;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.cost-amount{color:#10b981;font-size:32px;font-weight:800}.cost-label{font-size:15px;font-weight:600}.cost-label,.cost-note{color:var(--text-secondary)}.cost-note{font-size:13px;line-height:1.5;margin:0;text-align:center}@media (max-width:768px){.call-modal{max-width:90%}.call-modal-simple{padding:28px 24px}.call-profile-pic,.call-profile-pic-placeholder{font-size:28px;height:80px;width:80px}.call-profile-section h2{font-size:20px}.call-subtitle{font-size:14px}.cost-amount{font-size:28px}.cost-label{font-size:14px}.cost-note{font-size:12px}.btn-call-now{font-size:16px;padding:14px 28px}.btn-cancel{font-size:15px;padding:12px 28px}}.subscribed-banner{align-items:center;background:#10b98114;border:2px solid #10b98140;border-radius:12px;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:16px 0;padding:16px 20px}.subscribed-content{align-items:center;display:flex;flex:1 1;gap:12px}.subscribed-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.subscribed-text{flex:1 1}.subscribed-text strong{color:#10b981;display:block;font-size:14px;font-weight:700;margin-bottom:2px}.subscribed-text p{color:#ffffffb3;font-size:13px;line-height:1.4;margin:0}.btn-manage-subscription{background:#10b98126;border:2px solid #10b9814d;border-radius:8px;color:#10b981;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-manage-subscription:hover{background:#10b98140;border-color:#10b98180}@media (max-width:768px){.subscribed-banner{gap:12px;padding:16px}.subscribed-banner,.subscribed-content{flex-direction:column;text-align:center}.subscribed-content{gap:8px}.btn-manage-subscription{padding:12px;width:100%}}.creator-content-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;margin-top:24px;padding:20px}.section-title{color:#fff;font-size:20px;font-weight:600;margin-bottom:16px}.content-feed{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:16px}.content-preview-card{background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden;transition:transform .2s,box-shadow .2s}.content-preview-card:hover{box-shadow:0 8px 24px #0006;transform:translateY(-4px)}.content-preview-image,.content-preview-video{display:block;height:250px;object-fit:cover;width:100%}.content-preview-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fffc;display:-webkit-box;font-size:14px;line-height:1.4;overflow:hidden;padding:12px}.content-preview-stats{border-top:1px solid #ffffff1a;color:#fff9;display:flex;font-size:14px;gap:16px;padding:8px 12px}.content-preview-stats span{align-items:center;display:flex;gap:4px}.btn-view-all-content{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:all .3s;width:100%}.btn-view-all-content:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}@media (max-width:768px){.content-feed{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.content-preview-image,.content-preview-video{height:200px}.creator-content-section{padding:16px}}.content-preview-media{height:250px;overflow:hidden;position:relative;width:100%}.content-preview-image.blurred,.content-preview-video.blurred{filter:blur(20px);transform:scale(1.1)}.content-locked-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:2}.lock-icon-large{animation:pulse 2s infinite;font-size:48px;margin-bottom:8px}.content-locked-overlay .unlock-text{color:#fff;font-size:16px;font-weight:600;text-shadow:0 2px 4px #00000080}.btn-subscribe-to-unlock{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px;transition:all .3s;width:100%}.btn-subscribe-to-unlock:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.content-preview-card{position:relative}.content-preview-card:hover .content-locked-overlay{background:#000000b3}.content-preview-card:hover .lock-icon-large{transform:scale(1.2)}.public-profile-container.of-style{background:#000;margin:0 auto;max-width:1200px;padding:0}.profile-cover-section{height:300px;overflow:hidden;position:relative;width:100%}.cover-photo{height:100%;object-fit:cover;width:100%}.cover-photo-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;width:100%}.profile-header-of{align-items:flex-start;background:#ffffff08;border-bottom:1px solid #ffffff1a;display:flex;gap:24px;margin-top:-80px;padding:24px;position:relative;z-index:10}.profile-avatar-section{flex-shrink:0}.profile-avatar-of{object-fit:cover}.profile-avatar-of,.profile-avatar-placeholder-of{border:5px solid #000;border-radius:50%;box-shadow:0 4px 20px #00000080;height:150px;width:150px}.profile-avatar-placeholder-of{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:48px;font-weight:700;justify-content:center}.profile-info-of{flex:1 1;padding-top:60px}.profile-name-row-of{align-items:center;display:flex;gap:12px;margin-bottom:8px}.profile-name-row-of h1{align-items:center;color:#fff;display:flex;font-size:32px;font-weight:700;gap:8px;margin:0}.online-badge-of{align-items:center;background:#22c55e33;border:1px solid #22c55e;border-radius:20px;color:#22c55e;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:6px 12px}.profile-meta-of{color:#ffffffb3;display:flex;flex-wrap:wrap;font-size:15px;gap:12px;margin-bottom:12px}.meta-item-of{align-items:center;display:flex;gap:4px}.mood-badge-of{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#ffffffe6;display:inline-flex;font-size:14px;gap:8px;padding:8px 16px}.action-buttons-of{background:#ffffff08;border-bottom:1px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:12px;padding:20px 24px}.btn-action-of{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:16px;font-weight:600;gap:8px;justify-content:center;min-width:150px;padding:14px 20px;transition:all .3s}.btn-message-of{background:linear-gradient(135deg,#f50057,#ff4081);color:#fff}.btn-message-of:hover{box-shadow:0 8px 20px #f5005766;transform:translateY(-2px)}.btn-call-of{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-call-of:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.btn-block-of{background:#ffffff1a;border:1px solid #fff3;color:#ffffffb3}.btn-block-of:hover{background:#ffffff26;color:#fff}.btn-report-of{background:#ff44581a;border:1px solid #ff44584d;color:#ff4458e6}.btn-report-of:hover{background:#ff445833;border-color:#ff445880;color:#ff4458}.photo-gallery-of{padding:24px}.section-title-of{color:#fff;font-size:20px;font-weight:700;margin-bottom:16px}.photos-grid-of{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-bottom:20px}.photo-item-of{aspect-ratio:1;border-radius:12px;cursor:pointer;overflow:hidden;position:relative;transition:transform .3s}.photo-item-of:hover{transform:scale(1.05)}.photo-item-of img{height:100%;object-fit:cover;width:100%}.locked-photo-placeholder-of{background:#ffffff0d;height:100%;width:100%}.locked-photo-placeholder-of,.photo-locked-overlay-of{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center}.photo-locked-overlay-of{background:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.photo-badge-of{background:#000c;border-radius:6px;color:#fff;font-size:12px;font-weight:700;left:12px;padding:6px 12px;position:absolute;top:12px}.btn-unlock-all-of{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:16px;transition:all .3s;width:100%}.btn-unlock-all-of:hover{box-shadow:0 8px 25px #667eea99;transform:translateY(-2px)}.content-sections-of{display:flex;flex-direction:column;gap:20px;padding:24px}.section-card-of{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.section-card-of h3{color:#fff;font-size:18px;font-weight:700;margin-bottom:12px}.section-card-of p{color:#fffc;font-size:15px;line-height:1.6}.interests-tags-of{display:flex;flex-wrap:wrap;gap:8px}.interest-tag-of{background:#667eea33;border:1px solid #667eea66;border-radius:20px;color:#667eea;font-size:14px;padding:8px 16px}.availability-badges-of{display:flex;flex-wrap:wrap;gap:12px}.badge-of{background:#22c55e33;border:1px solid #22c55e66;border-radius:8px;color:#22c55e;font-size:14px;font-weight:600;padding:10px 16px}.details-grid-of{display:flex;flex-direction:column;gap:12px}.detail-row-of{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:12px 0}.detail-row-of:last-child{border-bottom:none}.detail-label-of{color:#fff9;font-size:14px}.detail-value-of{color:#fff;font-size:15px;font-weight:600}@media (max-width:768px){.profile-cover-section{height:200px}.profile-header-of{align-items:center;flex-direction:column;margin-top:-60px;padding:16px;text-align:center}.profile-avatar-of,.profile-avatar-placeholder-of{height:120px;width:120px}.profile-info-of{padding-top:0}.profile-name-row-of{flex-direction:column;gap:8px}.profile-name-row-of h1{font-size:24px}.action-buttons-of{flex-direction:column;padding:16px}.btn-action-of{width:100%}.photos-grid-of{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.content-sections-of{padding:16px}}.buy-credits-container{margin:0 auto;max-width:1200px;padding:20px 20px 100px}.buy-credits-header{gap:16px;margin-bottom:32px}.back-btn,.buy-credits-header{align-items:center;display:flex}.back-btn{background:var(--card-bg);border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;height:44px;justify-content:center;transition:all .2s ease;width:44px}.back-btn:hover{background:var(--border-color);transform:translateX(-2px)}.buy-credits-header h1{font-size:32px;font-weight:900;margin:0}.current-balance-card{align-items:center;background:linear-gradient(135deg,#ffd70026,#ffc10726);border:2px solid #ffd70066;border-radius:20px;box-shadow:0 4px 16px #ffd70033;display:flex;gap:20px;margin-bottom:32px;padding:24px}.balance-icon{align-items:center;background:linear-gradient(135deg,gold,#ffc107);border-radius:16px;box-shadow:0 4px 12px #ffd70066;color:#1a1a2e;display:flex;height:64px;justify-content:center;width:64px}.balance-info{display:flex;flex-direction:column;gap:4px}.balance-label{color:#ffd700e6;font-size:14px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.balance-amount{color:gold;font-family:Courier New,monospace;font-size:36px;font-weight:900}.packages-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:48px}.credit-package{background:var(--card-bg);border:2px solid var(--border-color);border-radius:20px;overflow:hidden;padding:32px 24px;position:relative}.credit-package:hover{border-color:#ff6b6b;box-shadow:0 12px 32px #00000026}.credit-package.popular{border-color:#ff6b6b;border-width:3px;box-shadow:0 8px 24px #ff6b6b4d}.popular-badge{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);box-shadow:0 2px 8px #ff6b6b66;font-weight:800;padding:6px 40px;right:-32px;top:16px;transform:rotate(45deg)}.package-header{margin-bottom:20px}.package-credits{font-size:48px;font-weight:900;line-height:1}.bonus-credits{color:#10b981;font-size:24px;margin-left:8px}.package-label{color:var(--text-secondary);font-size:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase}.package-price{align-items:baseline;display:flex;gap:4px;justify-content:center;margin-bottom:12px}.currency{color:var(--text-secondary);font-size:24px;font-weight:700}.amount{color:var(--text-primary);font-size:40px;font-weight:900}.package-savings{background:#10b98126;border-radius:20px;color:#10b981;display:inline-block;font-size:13px;padding:6px 16px}.package-buy-btn,.package-savings{font-weight:800;margin-bottom:20px}.package-buy-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border:none;border-radius:12px;box-shadow:0 4px 12px #ff6b6b4d;color:#fff;cursor:pointer;font-size:16px;padding:16px;transition:all .2s ease;width:100%}.package-buy-btn:hover{box-shadow:0 6px 20px #ff6b6b80;transform:translateY(-2px)}.package-buy-btn:active{transform:translateY(0)}.package-buy-btn:disabled{cursor:not-allowed;opacity:.6}.package-details{border-top:1px solid var(--border-color);display:flex;flex-direction:column;gap:8px;padding-top:20px}.detail-item{align-items:center;color:var(--text-secondary);font-size:13px;gap:8px}.detail-item svg{color:#10b981;flex-shrink:0}.detail-item.highlight{color:#10b981;font-weight:700}.credits-info-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;margin-bottom:32px;padding:40px}.info-header{margin-bottom:40px;text-align:center}.info-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff1493,#ff6b9d);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;margin:0 0 8px}.info-header p{color:var(--text-secondary);font-size:15px;margin:0}.info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.info-card{background:var(--background);border:2px solid var(--border-color);border-radius:16px;display:flex;flex-direction:column;gap:16px;padding:28px 24px;transition:all .3s ease}.info-card:hover{border-color:#ff6b9d66;box-shadow:0 12px 32px #ff6b9d26;transform:translateY(-4px)}.info-card.highlight{background:linear-gradient(135deg,#10b9810d,#0596690d);border-color:#10b9814d}.info-card.highlight:hover{border-color:#10b98180;box-shadow:0 12px 32px #10b98133}.info-card-icon{align-items:center;background:linear-gradient(135deg,#ff14931a,#ff6b9d1a);border-radius:14px;color:#ff6b9d;display:flex;height:56px;justify-content:center;width:56px}.info-card.highlight .info-card-icon{background:linear-gradient(135deg,#10b9811a,#0596691a);color:#10b981}.info-card-content{flex:1 1}.info-card-content h4{color:var(--text-primary);font-size:18px;font-weight:800;margin:0 0 8px}.info-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 16px}.info-price{align-items:baseline;border-top:1px solid var(--border-color);display:flex;gap:8px;padding-top:12px}.price-amount{color:#ff6b9d;font-size:32px;font-weight:900;line-height:1}.info-card.highlight .price-amount{color:#10b981}.price-unit{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}@media (max-width:768px){.credits-info-section{padding:28px 20px}.info-header h3{font-size:24px}.info-grid{gap:16px;grid-template-columns:1fr}.info-card{padding:24px 20px}.info-card-icon{height:48px;width:48px}.info-card-icon svg{height:24px;width:24px}.price-amount{font-size:28px}}.voucher-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;margin-top:24px;padding:32px}.voucher-section h3{font-size:24px;font-weight:800;margin:0 0 8px}.voucher-section>p{color:var(--text-secondary);font-size:14px;margin:0 0 20px}.voucher-input-group{display:flex;gap:12px;max-width:500px}.voucher-input{background:var(--background);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);flex:1 1;font-size:15px;font-weight:600;letter-spacing:1px;padding:14px 16px;text-transform:uppercase;transition:all .2s ease}.voucher-input:focus{border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.voucher-input:disabled{opacity:.6}.voucher-btn{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px 32px;transition:all .2s ease;white-space:nowrap}.voucher-btn:hover:not(:disabled){box-shadow:0 6px 16px #10b98180;transform:translateY(-2px)}.voucher-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.voucher-message{border-radius:8px;font-size:14px;font-weight:600;margin-top:12px;padding:12px 16px}.voucher-message.success{background:#10b9811a;border:1px solid #10b9814d;color:#10b981}.voucher-message.error{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.error-message{border-radius:12px}.payment-method-selector{margin-bottom:32px}.payment-method-selector h3{color:var(--text-primary);font-size:20px;margin-bottom:16px}.payment-methods{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.payment-method-btn{align-items:center;background:var(--card-bg);border:2px solid #ff6b9d33;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:20px;text-align:left;transition:all .3s ease}.payment-method-btn:hover{border-color:#ff6b9d66;box-shadow:0 8px 24px #ff6b9d33;transform:translateY(-2px)}.payment-method-btn.active{background:linear-gradient(135deg,#ff14931a,#ff6b9d1a);border-color:#ff6b9d;box-shadow:0 8px 24px #ff6b9d4d}.method-icon{flex-shrink:0;font-size:32px}.method-info h4{color:var(--text-primary);font-size:16px;margin:0 0 4px}.method-info p{color:var(--text-secondary);font-size:13px;margin:0}.modal-content{background:var(--card-bg);box-shadow:0 20px 60px #00000080;position:relative}.manual-payment-modal{max-height:90vh;max-width:600px;overflow-y:auto}.modal-close{background:#ffffff1a;border-radius:8px;height:36px;right:16px;top:16px;transition:all .2s ease;width:36px}.modal-close:hover{background:#fff3}.modal-header{margin-bottom:24px;text-align:center}.modal-icon{font-size:48px;margin-bottom:12px}.modal-header h2{color:var(--text-primary);font-size:24px;margin:0}.package-summary{background:linear-gradient(135deg,#ffd7001a,#ffc1071a);border:2px solid #ffd7004d;border-radius:12px;margin-bottom:24px;padding:20px}.package-summary h3{color:var(--text-primary);font-size:16px;margin:0 0 12px}.summary-details{display:flex;flex-direction:column;gap:8px}.summary-item{align-items:center;display:flex;font-size:14px;justify-content:space-between}.summary-item span{color:var(--text-secondary)}.summary-item strong{color:gold;font-size:16px}.payment-instructions{margin-bottom:24px}.payment-instructions h3{color:var(--text-primary);font-size:18px;margin:0 0 16px}.payment-instructions ol{margin:0;padding-left:20px}.payment-instructions li{color:var(--text-secondary);margin-bottom:16px}.payment-instructions li strong{color:var(--text-primary);display:block;font-size:15px;margin-bottom:4px}.payment-instructions li p{font-size:14px;margin:0}.payment-details-box{background:#10b9811a;border:2px solid #10b9814d;border-radius:12px;margin-bottom:24px;padding:16px}.payment-details-box h4{color:#10b981;font-size:15px;margin:0 0 12px}.bank-details{display:flex;flex-direction:column;gap:8px}.detail-row{align-items:center;border-bottom:1px solid #ffffff1a;font-size:14px}.detail-row span{color:var(--text-secondary)}.detail-row strong{color:var(--text-primary);font-weight:700}.btn-contact-admin{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:8px;justify-content:center;padding:14px 24px;transition:all .3s ease}.btn-contact-admin:hover{box-shadow:0 8px 24px #10b98166;transform:translateY(-2px)}.btn-secondary{padding:14px 24px;transition:all .3s ease}@media (max-width:768px){.buy-credits-container{padding:72px 16px 16px}.buy-credits-header h1{font-size:24px}.current-balance-card{padding:20px}.balance-icon{height:56px;width:56px}.balance-amount{font-size:28px}.info-grid,.packages-grid{grid-template-columns:1fr}.credits-info-section{padding:24px}}.admin-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin:0;max-width:100%;min-height:100vh;padding:0}body.dark-mode .admin-container{background:linear-gradient(135deg,#0f172a,#1e293b)}.admin-header{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 10px 40px #8b5cf64d;overflow:hidden;padding:40px 48px;position:relative}.admin-header:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:400px;position:absolute;right:0;top:0;transform:translate(30%,-30%);width:400px}.admin-header-content{position:relative;z-index:1}.admin-header-content h1{color:#fff;font-size:36px;font-weight:900;letter-spacing:-.5px;margin:0 0 8px}.admin-header-content p{color:#ffffffe6;font-size:16px;font-weight:500;margin:0}.stats-dashboard{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:-60px;padding:32px 48px;position:relative;z-index:2}.stat-card{border-radius:20px;box-shadow:0 4px 20px #00000014;overflow:hidden;padding:28px;position:relative}.stat-card:before{background:linear-gradient(90deg,#8b5cf6,#6366f1);background:linear-gradient(90deg,var(--stat-color-start,#8b5cf6),var(--stat-color-end,#6366f1));content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:0 12px 32px #0000001f;transform:translateY(-4px)}.stat-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.stat-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--stat-color-start,#8b5cf6),var(--stat-color-end,#6366f1));border-radius:16px;box-shadow:0 8px 24px #8b5cf64d;font-size:28px}.stat-trend{align-items:center;border-radius:12px;display:flex;font-size:13px;font-weight:700;gap:4px;padding:6px 12px}.stat-trend.up{background:#22c55e1a;color:#22c55e}.stat-trend.down{background:#ef44441a;color:#ef4444}.stat-label{font-weight:600;letter-spacing:.5px;margin-bottom:8px}.stat-value{font-size:32px;font-weight:900;margin-bottom:8px}.stat-description{color:var(--text-tertiary);font-size:13px;font-weight:500}.admin-message{align-items:center;animation:slideDown .3s ease;border-radius:16px;display:flex;font-size:15px;font-weight:600;gap:12px;margin:0 48px 24px;padding:18px 24px}.admin-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;color:#dc2626}.admin-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;color:#16a34a}.admin-content{background:var(--surface);border-radius:24px;box-shadow:0 4px 24px #0000000f;margin:0 48px 48px;overflow:hidden}.admin-tabs{background:var(--background);border-bottom:2px solid var(--border-light);display:flex;gap:8px;padding:24px 32px 0}.admin-tab{background:#0000;border:none;border-bottom:3px solid #0000;border-radius:12px 12px 0 0;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:700;padding:16px 28px;position:relative;transition:all .2s ease}.admin-tab:hover{background:#8b5cf60d;color:var(--text-primary)}.admin-tab.active{background:var(--surface);border-bottom-color:#8b5cf6;color:#8b5cf6}.admin-tab .badge{align-items:center;animation:pulse 2s infinite;background:#ef4444;border-radius:12px;color:#fff;display:inline-flex;font-size:12px;font-weight:800;height:24px;justify-content:center;margin-left:8px;min-width:24px;padding:0 8px}.tab-content{padding:32px}.filters-section{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px}.search-box{min-width:300px}.search-input{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:16px;background-repeat:no-repeat;border:2px solid var(--border-light);border-radius:16px;font-size:15px;padding:14px 20px 14px 48px}.search-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 4px #8b5cf61a}.filter-select{background:var(--background);border:2px solid var(--border-light);border-radius:16px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:600;min-width:160px;padding:14px 20px;transition:all .3s ease}.filter-select:focus{border-color:#8b5cf6;outline:none}.users-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.user-card{background:var(--surface);border:2px solid var(--border-light);border-radius:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s ease}.user-card:hover{border-color:#8b5cf6;box-shadow:0 8px 32px #8b5cf626;transform:translateY(-2px)}.user-card-header{display:flex;gap:16px;margin-bottom:20px}.user-avatar{align-items:center;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:18px;box-shadow:0 4px 16px #8b5cf64d;color:#fff;display:flex;flex-shrink:0;font-size:28px;font-weight:800;height:72px;justify-content:center;overflow:hidden;width:72px}.user-avatar img{height:100%;object-fit:cover;width:100%}.user-info{flex:1 1;min-width:0}.user-name{align-items:center;color:var(--text-primary);display:flex;font-size:18px;font-weight:800;gap:8px;margin:0 0 4px}.user-email{color:var(--text-secondary);font-size:13px;font-weight:500;margin:0 0 8px}.user-badges{display:flex;flex-wrap:wrap;gap:6px}.badge{border-radius:8px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.badge-verified{background:#3b82f626;color:#3b82f6}.badge-female{background:#ec489926;color:#ec4899}.badge-male{background:#3b82f626;color:#3b82f6}.badge-active{background:#22c55e26;color:#22c55e}.badge-suspended{background:#ef444426;color:#ef4444}.user-stats{grid-gap:12px;background:var(--background);border-radius:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:16px 0;padding:16px}.user-stat{text-align:center}.user-stat-label{color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:4px;text-transform:uppercase}.user-stat-value{color:var(--text-primary);font-size:18px;font-weight:900}.user-actions{display:flex;flex-wrap:wrap;gap:8px}.btn{align-items:center;border-radius:12px;display:inline-flex;font-size:13px;gap:6px;padding:10px 18px;transition:all .2s ease}.btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.btn-success{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-secondary{background:var(--background);border:2px solid var(--border-light)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;z-index:10000}.modal-content{border-radius:24px}.modal-content h3{color:var(--text-primary);margin:0 0 16px}.modal-content p{line-height:1.6}.modal-actions{justify-content:flex-end}.loading{padding:60px 20px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid var(--border-light);border-radius:50%;border-top:4px solid #8b5cf6;height:48px;margin:0 auto 16px;width:48px}@media (max-width:768px){.admin-header{padding:24px 20px}.admin-header-content h1{font-size:24px}.admin-header-content p{font-size:14px}.stats-dashboard{gap:16px;grid-template-columns:1fr;margin-top:-40px;padding:20px}.stat-card{padding:20px}.stat-value{font-size:28px}.admin-content{border-radius:16px;margin:0 20px 20px}.admin-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:16px 20px 0;scrollbar-width:none}.admin-tabs::-webkit-scrollbar{display:none}.admin-tab{font-size:14px;padding:12px 20px;white-space:nowrap}.tab-content{padding:20px}.filters-section{flex-direction:column;gap:12px}.search-box{min-width:100%}.filter-select{width:100%}.users-grid{gap:16px;grid-template-columns:1fr}.user-card{padding:20px}.user-card-header{align-items:center;flex-direction:column;text-align:center}.user-avatar{height:80px;width:80px}.user-info{width:100%}.user-badges,.user-name{justify-content:center}.user-stats{gap:8px;grid-template-columns:repeat(2,1fr);padding:12px}.user-actions{flex-direction:column;gap:10px}.btn{justify-content:center;padding:12px 18px;width:100%}.modal-overlay{padding:10px}.modal-content{border-radius:20px;max-width:100%;padding:24px 20px}.modal-content h3{font-size:20px}.modal-actions{flex-direction:column-reverse;gap:10px}.modal-actions .btn{width:100%}.admin-message{font-size:14px;margin:0 20px 20px;padding:14px 18px}}@media (max-width:480px){.admin-header-content h1{font-size:20px}.stat-card-header{align-items:flex-start;flex-direction:column;gap:12px}.stat-icon{height:48px;width:48px}.stat-icon,.stat-value{font-size:24px}.user-stats{grid-template-columns:1fr}}.tutorial-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.tutorial-modal{animation:slideUp .4s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 20px 60px #00000080;max-width:500px;width:100%}.tutorial-content{padding:48px 32px;text-align:center}.tutorial-icon{animation:bounce .6s ease;font-size:56px;margin-bottom:20px}.tutorial-content:has(.tutorial-icon) .tutorial-title{margin-top:0}.tutorial-content:not(:has(.tutorial-icon)) .tutorial-title{margin-top:8px}.tutorial-title{color:#fff;font-size:28px;font-weight:800;line-height:1.2;margin-bottom:16px}.tutorial-description{color:#fffc;font-size:16px;line-height:1.6;margin-bottom:24px}.tutorial-highlight{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;color:#fffc;font-size:14px;font-weight:500;margin-bottom:32px;padding:12px 16px;text-align:left}.tutorial-progress{display:flex;gap:8px;justify-content:center;margin-bottom:32px}.progress-dot{background:#fff3;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.progress-dot.active{background:linear-gradient(135deg,#ff5a5f,#e31c5f);border-radius:4px;width:24px}.progress-dot.completed{background:#ff5a5f80}.tutorial-actions{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.tutorial-btn{border:none;border-radius:12px;cursor:pointer;font-size:16px;font-weight:700;outline:none;padding:14px 32px;transition:all .3s ease}.tutorial-btn-skip{background:#ffffff1a;border:1px solid #fff3;color:#ffffffb3}.tutorial-btn-skip:hover{background:#ffffff26;color:#ffffffe6}.tutorial-btn-next{background:linear-gradient(135deg,#ff5a5f,#e31c5f);box-shadow:0 4px 12px #ff5a5f4d;color:#fff;min-width:140px}.tutorial-btn-next:hover{box-shadow:0 6px 16px #ff5a5f66;transform:translateY(-2px)}.tutorial-btn-next:active{transform:translateY(0)}.tutorial-step-counter{color:#ffffff80;font-size:13px;font-weight:600}@media (max-width:768px){.tutorial-overlay{padding:16px}.tutorial-content{padding:32px 24px}.tutorial-icon{font-size:56px;margin-bottom:20px}.tutorial-title{font-size:24px;margin-bottom:12px}.tutorial-description{font-size:15px;margin-bottom:20px}.tutorial-highlight{font-size:14px;margin-bottom:24px;padding:14px 16px}.tutorial-actions{flex-direction:column}.tutorial-btn{padding:12px 24px;width:100%}}.pending-approval-banner{animation:slideDown .3s ease;background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:1px solid #fbbf244d;border-radius:12px;margin-bottom:24px;padding:16px 20px}.banner-content{align-items:flex-start;display:flex;gap:16px}.banner-icon{align-items:center;background:#fbbf2426;border-radius:10px;color:#f59e0b;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.banner-text{display:flex;flex:1 1;flex-direction:column;gap:4px}.banner-text strong{color:#f59e0b;display:block;font-size:15px;font-weight:700}.banner-text span{color:#ffffffb3;font-size:14px;line-height:1.5}@media (max-width:768px){.pending-approval-banner{margin-bottom:16px;padding:14px 16px}.banner-content{gap:12px}.banner-icon{height:36px;width:36px}.banner-icon svg{height:18px;width:18px}.banner-text strong{font-size:14px}.banner-text span{font-size:13px}}.empty-state-discover{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);background:var(--bg-gradient,linear-gradient(135deg,#f5f7fa 0,#c3cfe2 100%));display:flex;justify-content:center;min-height:60vh;padding:40px 20px}.dark-mode .empty-state-discover,body.dark-mode .empty-state-discover{background:linear-gradient(135deg,#1a202c,#2d3748)}.empty-state-card{background:#fff;background:var(--card-bg,#fff);border-radius:20px;box-shadow:0 10px 40px #0000001a;max-width:900px;padding:50px;transition:background .3s ease,box-shadow .3s ease;width:100%}.dark-mode .empty-state-card,body.dark-mode .empty-state-card{background:#2d3748;background:var(--card-bg-dark,#2d3748);box-shadow:0 10px 40px #00000080}.welcome-header{margin-bottom:50px;text-align:center}.welcome-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #667eea4d;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.welcome-icon{color:#fff;height:40px;width:40px}.empty-state-card h2{color:#1a202c;color:var(--text-primary,#1a202c);font-size:32px;font-weight:700;margin-bottom:12px;transition:color .3s ease}.dark-mode .empty-state-card h2,body.dark-mode .empty-state-card h2{color:#f7fafc;color:var(--text-primary-dark,#f7fafc)}.empty-state-subtitle{color:#718096;color:var(--text-secondary,#718096);font-size:18px;font-weight:400;margin:0;transition:color .3s ease}.dark-mode .empty-state-subtitle,body.dark-mode .empty-state-subtitle{color:#a0aec0;color:var(--text-secondary-dark,#a0aec0)}.empty-state-actions{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:40px}.action-card{align-items:center;background:#f7fafc;background:var(--action-card-bg,#f7fafc);border:2px solid #e2e8f0;border:2px solid var(--action-card-border,#e2e8f0);border-radius:16px;cursor:pointer;display:flex;gap:20px;overflow:hidden;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.dark-mode .action-card,body.dark-mode .action-card{background:#1a202c;background:var(--action-card-bg-dark,#1a202c);border-color:#4a5568;border-color:var(--action-card-border-dark,#4a5568)}.action-card:before{background:linear-gradient(135deg,#667eea,#764ba2);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s ease;width:4px}.action-card:hover{background:#fff;background:var(--action-card-hover-bg,#fff);border-color:#667eea;box-shadow:0 12px 24px #667eea26;transform:translateY(-4px)}.dark-mode .action-card:hover,body.dark-mode .action-card:hover{background:#2d3748;background:var(--action-card-hover-bg-dark,#2d3748);box-shadow:0 12px 24px #667eea4d}.action-card:hover:before{transform:scaleY(1)}.action-icon-wrapper{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;transition:transform .3s ease;width:56px}.action-icon-wrapper.creator{background:linear-gradient(135deg,#f093fb,#f5576c)}.action-icon-wrapper.inbox{background:linear-gradient(135deg,#4facfe,#00f2fe)}.action-icon-wrapper.video{background:linear-gradient(135deg,#43e97b,#38f9d7)}.action-card:hover .action-icon-wrapper{transform:scale(1.1) rotate(5deg)}.action-svg{color:#fff;height:28px;width:28px}.action-content{flex:1 1}.action-content h3{color:#1a202c;color:var(--text-primary,#1a202c);font-size:18px;font-weight:600;margin:0 0 6px;transition:color .3s ease}.dark-mode .action-content h3,body.dark-mode .action-content h3{color:#f7fafc;color:var(--text-primary-dark,#f7fafc)}.action-content p{color:#718096;color:var(--text-secondary,#718096);font-size:14px;line-height:1.5;margin:0;transition:color .3s ease}.dark-mode .action-content p,body.dark-mode .action-content p{color:#a0aec0;color:var(--text-secondary-dark,#a0aec0)}.arrow-icon{color:#cbd5e0;color:var(--arrow-color,#cbd5e0);flex-shrink:0;height:24px;transition:all .3s ease;width:24px}.dark-mode .arrow-icon,body.dark-mode .arrow-icon{color:#4a5568;color:var(--arrow-color-dark,#4a5568)}.action-card:hover .arrow-icon{color:#667eea;transform:translateX(4px)}.action-progress{align-items:center;display:flex;gap:12px;margin-top:12px}.progress-bar-small{background:#e2e8f0;background:var(--progress-bg,#e2e8f0);border-radius:10px;flex:1 1;height:8px;overflow:hidden;transition:background .3s ease}.dark-mode .progress-bar-small,body.dark-mode .progress-bar-small{background:#4a5568;background:var(--progress-bg-dark,#4a5568)}.progress-fill-small{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:100%;transition:width .5s ease}.action-progress span{color:#667eea;font-size:13px;font-weight:600;white-space:nowrap}.btn-enable-calls{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:12px;padding:10px 20px;transition:all .3s ease}.btn-enable-calls:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.empty-state-info{margin-top:30px}.info-box{align-items:flex-start;background:linear-gradient(135deg,#e0e7ff,#cfd9ff);background:var(--info-box-bg,linear-gradient(135deg,#e0e7ff 0,#cfd9ff 100%));border-left:4px solid #667eea;border-radius:12px;display:flex;gap:20px;padding:24px;transition:background .3s ease}.dark-mode .info-box,body.dark-mode .info-box{background:linear-gradient(135deg,#2d3748,#1a202c);background:var(--info-box-bg-dark,linear-gradient(135deg,#2d3748 0,#1a202c 100%));border-left-color:#667eea}.info-icon-svg{color:#667eea;flex-shrink:0;height:24px;margin-top:2px;width:24px}.info-title{color:#1a202c;color:var(--text-primary,#1a202c);font-size:16px;font-weight:600;margin:0 0 8px;transition:color .3s ease}.dark-mode .info-title,body.dark-mode .info-title{color:#f7fafc;color:var(--text-primary-dark,#f7fafc)}.info-text{color:#4a5568;color:var(--text-secondary,#4a5568);font-size:14px;line-height:1.6;margin:0;transition:color .3s ease}.dark-mode .info-text,body.dark-mode .info-text{color:#a0aec0;color:var(--text-secondary-dark,#a0aec0)}@media (max-width:768px){.empty-state-card{padding:30px 20px}.welcome-icon-wrapper{height:64px;width:64px}.welcome-icon{height:32px;width:32px}.empty-state-card h2{font-size:24px}.empty-state-subtitle{font-size:16px}.empty-state-actions{grid-template-columns:1fr}.action-card{padding:20px}.action-icon-wrapper{height:48px;width:48px}.action-svg{height:24px;width:24px}.action-content h3{font-size:16px}.action-content p{font-size:13px}.info-box{gap:15px;padding:20px}}.activity-banner{align-items:center;background:linear-gradient(135deg,#667eea14,#764ba214);border:1px solid #667eea26;border-radius:12px;display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px;padding:12px 20px}body.dark-mode .activity-banner{background:linear-gradient(135deg,#818cf81a,#a78bfa1a);border-color:#818cf833}.activity-stat{align-items:center;display:flex;font-size:14px;gap:8px}.stat-icon{border-radius:8px;height:32px;width:32px}.stat-icon.online{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff}.stat-icon.messages{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.stat-icon.new{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-value{font-size:18px}@media (max-width:768px){.activity-banner{gap:16px;justify-content:space-between;padding:10px 16px}.activity-stat{font-size:12px;gap:6px}.stat-icon{height:28px;width:28px}.stat-icon svg{height:14px;width:14px}.stat-value{font-size:16px}.stat-label{font-size:11px}}.verification-banner{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 4px 12px #3b82f64d;margin-bottom:0;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.verification-banner-content{align-items:center;display:flex;gap:20px;margin:0 auto;max-width:1200px}.verification-banner-icon{flex-shrink:0;font-size:32px}.verification-banner-text{flex:1 1}.verification-banner-text h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 4px}.verification-banner-text p{color:#ffffffe6;font-size:14px;margin:0}.verification-banner-btn{background:#fff;border:none;border-radius:8px;color:#2563eb;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.verification-banner-btn:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.verification-banner-btn:disabled{cursor:not-allowed;opacity:.7}@media (max-width:768px){.verification-banner{padding:16px 20px}.verification-banner-content{flex-wrap:wrap;gap:12px}.verification-banner-icon{font-size:24px}.verification-banner-text h3{font-size:16px}.verification-banner-text p{display:none;font-size:13px}.verification-banner-btn{font-size:13px;margin-top:8px;padding:10px 20px;width:100%}}@media (max-width:480px){.verification-banner{padding:12px 16px}.verification-banner-content{gap:8px}.verification-banner-icon{font-size:20px}.verification-banner-text h3{font-size:14px}.verification-banner-btn{font-size:12px;padding:8px 16px}}.blurred-image{filter:blur(20px);transform:scale(1.1)}.blur-overlay-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:12px;display:flex;flex-direction:column;gap:8px;left:50%;padding:16px 24px;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.blur-overlay-badge span:first-child{font-size:32px}.blur-overlay-badge span:last-child{color:#fff;font-size:14px;font-weight:700}.message-btn-locked{background:linear-gradient(135deg,#6b7280,#4b5563)!important;cursor:pointer!important}.message-btn-locked:hover{background:linear-gradient(135deg,#4b5563,#374151)!important}.discover-container{background:var(--background);min-height:100vh;padding:0}.discover-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--surface);border-bottom:1px solid var(--border-light);padding:24px 40px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-content h1{color:var(--text-primary);font-size:32px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px}.discover-subtitle{color:var(--text-secondary);font-size:16px;font-weight:500;margin:0}.search-filter-bar{display:flex;gap:12px;margin-bottom:16px;margin-top:20px}.search-box{flex:1 1}.search-input{font-size:14px;font-weight:500;padding:12px 16px}.search-input:focus{box-shadow:0 0 0 3px rgba(var(--primary-rgb),.1)}.filter-toggle-btn{background:var(--background);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:700;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.filter-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.filters-panel{background:var(--background);border:1px solid var(--border-light);border-radius:12px;margin-bottom:16px;padding:20px}.filter-group{margin-bottom:0}.filter-group label{color:var(--text-primary);display:block;font-size:14px;font-weight:700;margin-bottom:12px}.age-range-inputs{align-items:center;display:flex;gap:12px}.age-input{background:var(--surface);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:14px;font-weight:600;padding:10px 12px;text-align:center;width:80px}.age-input:focus{border-color:var(--primary);outline:none}.age-range-inputs span{color:var(--text-secondary);font-weight:600}.filter-tabs{display:flex;gap:12px;margin-top:20px}.filter-tab{background:#0000;border:2px solid var(--border);border-radius:24px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:700;padding:10px 24px;transition:all .3s ease}.filter-tab:hover{border-color:var(--text-primary);color:var(--text-primary)}.filter-tab.active{background:var(--text-primary);border-color:var(--text-primary);color:var(--background)}.discover-content{padding:24px 40px}.profiles-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.profile-section{margin-bottom:32px}.section-header{margin-bottom:16px;padding:0 4px}.section-header h2{color:var(--text-primary);font-size:20px;font-weight:800;letter-spacing:-.5px;margin:0}.view-all-btn{font-size:13px;font-weight:700;padding:6px 16px;transition:all .3s ease}.view-all-btn:hover{transform:translateX(4px)}.section-scroll{-webkit-overflow-scrolling:touch;display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding:4px;scroll-behavior:smooth;scrollbar-color:var(--border) #0000;scrollbar-width:thin}.section-scroll::-webkit-scrollbar{height:6px}.section-scroll::-webkit-scrollbar-track{background:#0000;margin:0 8px}.section-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.section-scroll::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.profile-card-section{background:#0000;cursor:pointer;flex:0 0 280px;position:relative;transition:all .3s ease}.profile-card-section:hover{transform:translateY(-4px)}.profile-image-section{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-radius:16px;height:320px;overflow:hidden;position:relative}body.dark-mode .profile-image-section{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.profile-image-section img{border-radius:16px;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.profile-card-section:hover .profile-image-section img{transform:scale(1.05)}.placeholder-image-section{align-items:center;background:linear-gradient(135deg,#ff14931a,#ff6b9d1a);border-radius:16px;display:flex;height:100%;justify-content:center;width:100%}.placeholder-image-section svg{color:var(--primary);height:60px;opacity:.6;width:60px}.new-badge{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #fbbf2466;color:#fff;font-size:11px;letter-spacing:.5px;position:absolute}.new-badge,.popular-badge{border-radius:8px;font-weight:900;padding:6px 12px;right:12px;top:12px;z-index:3}.popular-badge{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 8px #8b5cf666}.online-badge{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98166}.creator-badge,.online-badge{border-radius:8px;color:#fff;font-size:11px;font-weight:900;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;top:12px;z-index:3}.creator-badge{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 2px 8px #ec489966}.profile-info-section{background:#0000;padding:12px 4px 0}.profile-info-section .profile-name-age{align-items:baseline;display:flex;gap:0;margin-bottom:4px}.profile-info-section .profile-name-age h3{color:var(--text-primary);display:inline;font-size:16px;font-weight:800;margin:0}.profile-info-section .profile-age{color:var(--text-secondary);display:inline;font-size:16px;font-weight:700}.location-text-section{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;font-weight:600;gap:4px;margin:0}.location-text-section:before{content:"📍";font-size:12px}.profile-card-grid{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 2px 8px #00000014;cursor:pointer;overflow:hidden;position:relative;transition:all .3s ease}body.dark-mode .profile-card-grid{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 2px 8px #0000004d}.profile-card-grid:hover{border-color:var(--primary);box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.profile-image-grid{background:linear-gradient(135deg,#f5f5f5,#e0e0e0);border-radius:0;height:400px;overflow:hidden;position:relative}body.dark-mode .profile-image-grid{background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.profile-image-grid img{display:block;height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.profile-card-grid:hover .profile-image-grid img{transform:scale(1.05)}.profile-image-grid:after{background:linear-gradient(0deg,#000000e6 0,#00000080 50%,#0000);bottom:0;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0;z-index:1}.placeholder-image-grid{align-items:center;background:linear-gradient(135deg,#ff14931a,#ff6b9d1a);display:flex;height:100%;justify-content:center;position:relative;width:100%}.placeholder-image-grid:before{background:linear-gradient(135deg,#ff1493,#ff6b9d);border-radius:50%;content:"";height:80px;opacity:.2;position:absolute;width:80px}.placeholder-image-grid svg{color:var(--primary);height:60px;opacity:.6;width:60px;z-index:1}.profile-info-grid{bottom:0;color:#fff;left:0;padding:20px;position:absolute;right:0;z-index:2}.profile-info-grid .profile-name-age{align-items:baseline;display:flex;gap:8px;margin-bottom:6px}.profile-info-grid .profile-name-age h3{align-items:center;color:#fff;display:flex;font-size:20px;font-weight:800;gap:6px;margin:0;text-shadow:0 2px 8px #000000b3}.profile-info-grid .profile-age{color:#fffffff2;font-size:18px;font-weight:600;text-shadow:0 2px 8px #000000b3}.location-text-grid{align-items:center;color:#ffffffe6;display:flex;font-size:14px;font-weight:600;gap:4px;margin:0 0 8px;text-shadow:0 2px 6px #000000b3}.location-text-grid:before{content:"📍";font-size:13px}.profile-info-grid .last-seen{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;border:1px solid #fff3;border-radius:16px;color:#fffffff2;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px;white-space:nowrap}.profile-info-grid .last-seen.online{background:#10b981f2;border-color:#ffffff4d;box-shadow:0 2px 8px #10b98166;color:#fff}.online-indicator{animation:pulse-online 2s infinite;border:4px solid #fff;box-shadow:0 4px 12px #10b98199;height:20px;position:absolute;right:20px;top:20px;width:20px;z-index:3}@keyframes pulse-online{0%,to{box-shadow:0 4px 12px #10b98199}50%{box-shadow:0 4px 20px #10b981}}.promoted-badge{animation:pulse-promote 2s infinite;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:2px solid #fff6;border-radius:12px;box-shadow:0 6px 20px #fbbf2480;color:#fff;font-size:13px;font-weight:900;left:20px;letter-spacing:1.2px;padding:10px 18px;position:absolute;top:20px;z-index:3}@keyframes pulse-promote{0%,to{box-shadow:0 6px 20px #fbbf2480;transform:scale(1)}50%{box-shadow:0 8px 28px #fbbf24b3;transform:scale(1.05)}}.distance-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border:1px solid #fff3;border-radius:20px;bottom:20px;color:#fff;font-size:12px;font-weight:700;left:20px;padding:8px 14px;position:absolute;z-index:2}.mood-badge{align-items:center;background:linear-gradient(135deg,#8b5cf61f,#a855f71f);border:2px solid #8b5cf640;border-radius:12px;display:inline-flex;justify-content:center;margin-bottom:12px;padding:8px 16px;transition:all .3s ease}.mood-badge:hover{background:linear-gradient(135deg,#8b5cf633,#a855f733);border-color:#8b5cf666;transform:translateY(-2px)}.mood-label-badge{color:#8b5cf6;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}body.dark-mode .mood-label-badge{color:#a78bfa}.availability-badge{background:#10b9811f;border:1.5px solid #10b9814d;border-radius:14px;color:#10b981;display:inline-block;font-size:12px;font-weight:700;margin-bottom:12px;padding:6px 14px}.profile-stats{grid-gap:12px;background:var(--background);border:1px solid var(--border-light);border-radius:14px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:12px;padding:12px}.stat-item{display:flex;flex-direction:column;gap:4px;text-align:center}.stat-label{color:var(--text-tertiary);font-size:10px;letter-spacing:.8px}.stat-value{font-size:14px}.bio-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin:0 0 12px;overflow:hidden}.message-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border:none;border-radius:14px;box-shadow:0 4px 16px #00000026;color:#fff;cursor:pointer;font-size:15px;font-weight:800;letter-spacing:.3px;padding:14px;transition:all .3s ease;width:100%}.message-btn:hover{box-shadow:0 8px 24px #00000040;transform:translateY(-2px)}.no-profiles{color:var(--text-secondary);padding:80px 20px;text-align:center}.no-profiles h3{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.no-profiles p{font-size:16px;margin:0}.loading{color:var(--text-secondary);font-size:18px}.verification-overlay{align-items:center;animation:fadeIn .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffffb3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:999}body.dark-mode .verification-overlay{background:#000c}.verification-blur-content{position:relative;z-index:1000}.verification-prompt{background:var(--surface);border:1px solid var(--border-light);border-radius:24px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:48px 40px;text-align:center}.verification-prompt h2{color:var(--text-primary);font-weight:800}.modal-overlay{animation:fadeIn .2s ease}.modal-content{animation:modalSlideUp .3s ease;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.discover-container{padding:0}.discover-header{padding:20px 16px 16px;position:relative}.header-content h1{font-size:24px}.discover-subtitle{font-size:14px}.search-filter-bar{flex-direction:column;gap:10px;margin-top:16px}.search-input{font-size:13px;padding:10px 14px}.filter-toggle-btn{font-size:13px;padding:10px 16px;width:100%}.filters-panel{margin-bottom:12px;padding:16px}.age-input,.filter-group label{font-size:13px}.age-input{padding:8px 10px;width:70px}.filter-tabs{-webkit-overflow-scrolling:touch;gap:8px;margin-top:16px;overflow-x:auto;scrollbar-width:none}.filter-tabs::-webkit-scrollbar{display:none}.filter-tab{font-size:13px;padding:8px 18px;white-space:nowrap}.discover-content{padding:12px}.profiles-grid{gap:16px;grid-template-columns:1fr}.profile-section{margin-bottom:32px}.section-header{margin-bottom:16px;padding:0 4px}.section-header h2{font-size:20px}.view-all-btn{font-size:13px;padding:6px 12px}.section-scroll{gap:12px;padding:2px}.profile-card-section{flex:0 0 240px}.profile-image-section{height:280px}.profile-info-section{padding:14px}.profile-info-section .profile-age,.profile-info-section .profile-name-age h3{font-size:17px}.location-text-section{font-size:12px}.profile-card-grid{border-radius:12px}.profile-image-grid{border-radius:0;height:480px}.profile-info-grid{padding:18px}.profile-info-grid .profile-name-age h3{font-size:19px}.profile-info-grid .profile-age{font-size:17px}.location-text-grid{font-size:13px}.profile-info-grid .last-seen{font-size:12px;padding:6px 12px}.online-indicator{border-width:3px;height:18px;right:16px;top:16px;width:18px}.promoted-badge{font-size:12px;left:16px;padding:10px 16px;top:16px}.verified-badge{right:16px}.distance-badge,.verified-badge{bottom:16px;font-size:12px;padding:8px 14px}.distance-badge{left:16px}.profile-info-grid{padding:16px}.profile-name-age h3{font-size:18px}.profile-age{font-size:16px}.location-text{font-size:14px}.last-seen{font-size:12px;padding:6px 12px}.mood-badge{margin-bottom:12px;padding:8px 14px}.mood-label-badge{font-size:13px}.availability-badge{font-size:12px;margin-bottom:12px;padding:6px 14px}.profile-stats{gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:12px;padding:12px}.stat-label{font-size:10px}.stat-value{font-size:14px}.bio-preview{font-size:13px;line-height:1.6;margin-bottom:12px}.message-btn{font-size:15px;padding:14px}.no-profiles{padding:60px 20px}.no-profiles h3{font-size:20px}.no-profiles p{font-size:14px}.modal-content{max-height:90vh;overflow-y:auto;padding:24px;width:95%}.verification-prompt{padding:32px 24px}.verification-prompt h2{font-size:22px}}@media (max-width:480px){.header-content h1{font-size:20px}.discover-subtitle{font-size:13px}.discover-content{padding:10px}.profiles-grid{gap:14px}.profile-section{margin-bottom:28px}.section-header h2{font-size:18px}.section-scroll{gap:10px}.profile-card-section{flex:0 0 220px}.profile-image-section{height:260px}.profile-info-section{padding:12px}.profile-info-section .profile-name-age h3{font-size:16px}.location-text-section{font-size:11px}.profile-image-grid{height:420px}.profile-stats{gap:8px;grid-template-columns:repeat(3,1fr)}.stat-label{font-size:9px}.stat-value{font-size:13px}}.available-call-banner{background:linear-gradient(135deg,#10b9811f,#0596691f);border:2px solid #10b9814d;border-radius:20px;box-shadow:0 4px 20px #10b98126;margin:20px 0;padding:20px 28px;transition:all .3s ease}.available-call-banner:hover{border-color:#10b98180;box-shadow:0 8px 32px #10b98140;transform:translateY(-2px)}.available-banner-content{align-items:center;display:flex;gap:20px;justify-content:space-between}.available-indicator{align-items:center;display:flex;flex:1 1;gap:16px}.pulse-dot{animation:pulse-ring 2s cubic-bezier(.455,.03,.515,.955) infinite;background:#10b981;border-radius:50%;height:16px;position:relative;width:16px}.pulse-dot:before{animation:pulse-dot-inner 2s ease-in-out infinite;background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}@keyframes pulse-dot-inner{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.8;transform:translate(-50%,-50%) scale(.8)}}.available-info{align-items:baseline;display:flex;gap:8px}.available-count{color:#10b981;font-size:32px;font-weight:900;letter-spacing:-1px;line-height:1}.available-label{color:var(--text-primary);font-size:15px;font-weight:600;line-height:1.2}.btn-filter-available{align-items:center;background:#ffffff0d;border:2px solid #10b9814d;border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-filter-available svg{flex-shrink:0}.btn-filter-available:hover{background:#10b98126;border-color:#10b981;box-shadow:0 4px 16px #10b9814d;transform:translateY(-2px)}.btn-filter-available.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 16px #10b98166;color:#fff}.btn-filter-available.active:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 20px #10b98180}.call-available-badge{align-items:center;animation:pulse-badge 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;box-shadow:0 4px 12px #10b98166;color:#fff;display:flex;font-size:12px;font-weight:700;gap:6px;left:12px;padding:6px 12px;position:absolute;top:12px;z-index:2}.call-available-badge svg{flex-shrink:0}@keyframes pulse-badge{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width:768px){.available-call-banner{padding:16px 20px}.available-banner-content{flex-direction:column;gap:16px}.available-indicator{justify-content:center;width:100%}.available-count{font-size:28px}.available-label{font-size:14px}.btn-filter-available{justify-content:center;padding:12px 20px;width:100%}.call-available-badge{font-size:11px;padding:5px 10px}}@media (max-width:480px){.online-now-icon{font-size:24px}.online-now-count{font-size:20px}.online-now-label{font-size:12px}}.female-earning-banner{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:16px;box-shadow:0 4px 16px #10b98133;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:20px 24px;position:relative}body.dark-mode .female-earning-banner{box-shadow:0 4px 16px #10b9814d}.female-earning-banner:before{background:radial-gradient(circle,#ffffff1a 0,#0000 70%);border-radius:50%;content:"";height:200px;position:absolute;right:-10%;top:-50%;width:200px}.earning-banner-left{align-items:center;display:flex;flex:1 1;gap:16px;position:relative;z-index:1}.earning-icon-small{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.earning-icon-small svg{stroke:#fff}.earning-text{flex:1 1}.earning-text h3{color:#fff;font-size:18px;font-weight:800;margin:0 0 4px;text-shadow:0 2px 4px #0000001a}.earning-text p{color:#fffffff2;font-size:14px;line-height:1.4;margin:0}.earning-text strong{color:#fff;font-weight:800}.btn-enable-earning{background:#fff;border:none;border-radius:10px;box-shadow:0 2px 8px #00000026;color:#10b981;cursor:pointer;flex-shrink:0;font-size:15px;font-weight:800;padding:12px 28px;position:relative;transition:all .3s ease;z-index:1}.btn-enable-earning:hover{background:#f0fdf4;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.btn-enable-earning:active{transform:translateY(0)}@media (max-width:768px){.female-earning-banner{align-items:stretch;flex-direction:column;padding:20px}.earning-banner-left{flex-direction:column;text-align:center}.earning-text h3{font-size:17px}.earning-text p{font-size:13px}.btn-enable-earning{padding:14px 24px;width:100%}}.profile-completion-meter{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;box-shadow:0 4px 15px #667eea4d;color:#fff;margin-bottom:20px;padding:20px}.completion-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.completion-info{align-items:center;display:flex;gap:15px}.completion-icon{font-size:40px}.completion-text h3{font-size:18px;font-weight:600;margin:0 0 5px}.completion-text p{font-size:14px;margin:0;opacity:.9}.completion-progress-circle{height:60px;position:relative;width:60px}.progress-text{font-size:14px;font-weight:600;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.completion-tasks{border-top:1px solid #fff3;margin-top:20px;padding-top:20px}.tasks-header{font-size:14px;margin-bottom:15px;opacity:.9}.task-item{align-items:center;background:#ffffff1a;border-radius:10px;cursor:pointer;display:flex;gap:15px;margin-bottom:10px;padding:15px;transition:all .3s}.task-item:hover:not(.completed){background:#fff3;transform:translateX(5px)}.task-item.completed{cursor:default;opacity:.6}.task-icon{font-size:28px}.task-details{flex:1 1}.task-details h4{font-size:16px;font-weight:600;margin:0 0 5px}.task-details p{font-size:13px;margin:0;opacity:.9}.task-status{font-size:20px}.check-icon{color:#4caf50;font-weight:700}.arrow-icon{opacity:.7}.completion-tip{align-items:center;background:#ffffff26;border-radius:10px;display:flex;gap:10px;margin-top:15px;padding:15px}.tip-icon{font-size:24px}.completion-tip p{font-size:14px;line-height:1.4;margin:0}.quick-action{margin-top:15px}.btn-complete-task{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:15px;font-weight:600;padding:12px;transition:all .3s;width:100%}.btn-complete-task:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}@media (max-width:768px){.profile-completion-meter{padding:15px}.completion-icon{font-size:32px}.completion-text h3{font-size:16px}.task-item{padding:12px}.task-icon{font-size:24px}.task-details h4{font-size:14px}.task-details p{font-size:12px}}.female-dashboard{margin:0 auto;max-width:1200px;padding:32px 24px}.dashboard-loading{color:var(--text-secondary);font-size:16px;padding:60px 20px;text-align:center}.dashboard-header{margin-bottom:32px}.dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);font-size:32px;font-weight:800;margin-bottom:8px}body.dark-mode .dashboard-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;background-clip:text}.dashboard-subtitle{color:var(--text-secondary);font-size:16px;margin:0}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:40px}.stat-card{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;box-shadow:var(--shadow-sm);transition:all .3s ease}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.stat-icon{background:linear-gradient(135deg,#667eea1a,#764ba21a);font-size:32px;height:56px;width:56px}body.dark-mode .stat-icon{background:linear-gradient(135deg,#818cf826,#a78bfa26)}.stat-value{color:var(--text-primary);font-weight:800;margin-bottom:4px}.stat-label{color:var(--text-secondary);font-size:14px;font-weight:500}.dashboard-section{margin-bottom:40px}.dashboard-section h2{color:var(--text-primary);font-size:24px;font-weight:700;margin-bottom:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.section-header h2{margin-bottom:0}.view-all-btn{background:#0000;border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease}.view-all-btn:hover{background:var(--surface);border-color:var(--primary);color:var(--primary)}.tips-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.tip-card{background:var(--surface);border:2px solid var(--border-light);border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:24px;transition:all .3s ease}.tip-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.tip-icon{align-items:center;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:12px;display:flex;font-size:40px;height:64px;justify-content:center;width:64px}body.dark-mode .tip-icon{background:linear-gradient(135deg,#818cf826,#a78bfa26)}.tip-content h3{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 8px}.tip-content p{color:var(--text-secondary);font-size:14px;line-height:1.6;margin:0}.tip-action{align-self:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .3s ease}.tip-action:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.views-list{background:var(--surface);border:1px solid var(--border-light);border-radius:16px;overflow:hidden}.view-item{align-items:center;border-bottom:1px solid var(--border-light);cursor:pointer;display:flex;gap:16px;padding:16px 20px;transition:all .2s ease}.view-item:last-child{border-bottom:none}.view-item:hover{background:var(--surface-hover)}.view-avatar{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.view-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{font-size:20px}.view-info{flex:1 1}.view-name{color:var(--text-primary);font-size:16px;font-weight:600;margin-bottom:2px}.view-time{color:var(--text-secondary);font-size:13px}.view-arrow{color:var(--text-tertiary);flex-shrink:0}.actions-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-btn{align-items:center;background:var(--surface);border:2px solid var(--border-light);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;padding:16px 24px;transition:all .3s ease}.action-btn svg{color:var(--primary)}.action-btn:hover{background:var(--surface-hover);border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}@media (max-width:768px){.female-dashboard{padding:20px 16px 80px}.dashboard-header h1{font-size:24px}.dashboard-subtitle{font-size:14px}.stats-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.stat-card{flex-direction:column;padding:16px;text-align:center}.stat-icon{height:48px;width:48px}.stat-icon,.stat-value{font-size:24px}.stat-label{font-size:12px}.tips-grid{gap:16px;grid-template-columns:1fr}.tip-card{padding:20px}.tip-icon{font-size:32px;height:56px;width:56px}.actions-grid{gap:12px;grid-template-columns:repeat(2,1fr)}.action-btn{flex-direction:column;font-size:13px;gap:8px;padding:16px}.action-btn svg{height:20px;width:20px}}.inbox-container{margin:0 auto;max-width:1000px;min-height:100vh;padding:40px 20px}.inbox-content{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #ff6b9d33;border-radius:24px;box-shadow:0 8px 32px #ff149333;min-height:600px;overflow:hidden}.dark-mode .inbox-content{background:linear-gradient(145deg,#0f0f1e,#0a0a14);border-color:#ff6b9d4d;box-shadow:0 8px 32px #ff14934d}.inbox-header{background:#ff14930d;border-bottom:1px solid #ff6b9d33;padding:40px}.inbox-header h1{color:#fff;font-size:36px;font-weight:800;margin:0 0 8px}.inbox-subtitle{color:#ffffffb3;font-size:16px;margin:0}.no-messages-state{padding:80px 40px;text-align:center}.no-messages-state h3{color:#fff;font-size:28px;font-weight:700;margin:0 0 12px}.no-messages-state p{color:#fff9;font-size:16px;margin:0 0 32px}.no-messages-state .btn{font-size:16px;font-weight:700;padding:14px 40px}.conversations-list{padding:0}.conversation-card{border-bottom:1px solid #ff6b9d26;cursor:pointer;display:flex;gap:20px;padding:24px 40px;position:relative;transition:all .3s ease}.conversation-card:hover{background:#ff149314;padding-left:48px}.conversation-card:last-child{border-bottom:none}.conversation-avatar{flex-shrink:0;position:relative}.avatar-placeholder,.conversation-avatar img{border-radius:50%;height:64px;object-fit:cover;width:64px}.avatar-placeholder{background:linear-gradient(135deg,#ff1493,#ff6b9d);font-size:28px}.online-indicator-wrapper{bottom:2px;position:absolute;right:2px}.online-indicator{animation:pulse-ring 2s cubic-bezier(.455,.03,.515,.955) infinite;background:#10b981;border:3px solid #1a1a2e;border-radius:50%;box-shadow:0 0 0 0 #10b981b3;display:block;height:18px;width:18px}.online-indicator:before{animation:pulse-dot 2s ease-in-out infinite;background:#fff;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 #10b981b3}50%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 0 0 #10b98100}}.conversation-info{flex:1 1;min-width:0}.conversation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.conversation-name-status{align-items:center;display:flex;flex:1 1;gap:12px}.conversation-header h3{color:#fff;font-size:18px;font-weight:700;margin:0}.online-status-text{align-items:center;animation:fadeIn .3s ease;background:#10b98126;border:1px solid #10b9814d;border-radius:12px;color:#10b981;display:inline-flex;font-size:12px;font-weight:600;gap:6px;padding:4px 12px}.online-dot{animation:pulse-dot-small 2s ease-in-out infinite;background:#10b981;border-radius:50%;height:6px;width:6px}@keyframes pulse-dot-small{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.8)}}.conversation-time{color:#ffffff80;font-size:13px;font-weight:500}.conversation-preview{color:#fff9;font-size:15px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background:linear-gradient(135deg,#ff1493,#ff6b9d);border-radius:12px;box-shadow:0 4px 12px #ff149366;color:#fff;font-size:12px;font-weight:700;padding:4px 10px;position:absolute;right:40px;top:50%;transform:translateY(-50%)}.loading{color:#ffffffb3;font-size:20px;font-weight:600;padding:80px 20px}@media (max-width:768px){.inbox-container{padding:24px 16px}.inbox-header{padding:24px}.inbox-header h1{font-size:28px}.conversation-card{padding:20px 24px}.conversation-card:hover{padding-left:24px}.avatar-placeholder,.conversation-avatar img{height:52px;width:52px}.avatar-placeholder{font-size:24px}.no-messages-state{padding:60px 24px}.empty-icon{font-size:64px}.inbox-container{padding:16px}.inbox-content{border-radius:16px;min-height:calc(100vh - 100px)}.inbox-header{align-items:flex-start;flex-direction:column;gap:16px;padding:24px 20px}.inbox-header-left{width:100%}.inbox-header h1{font-size:24px;margin-bottom:6px}.inbox-subtitle{font-size:14px}.inbox-credits-display{flex-direction:column;gap:10px;width:100%}.credits-badge{justify-content:center;padding:10px 16px;width:100%}.credits-label{font-size:12px}.credits-value{font-size:14px}.btn-buy-credits-inbox{font-size:13px;padding:10px 16px;width:100%}.conversation-card{gap:14px;padding:16px 20px}.conversation-card:hover{padding-left:20px}.avatar-placeholder,.conversation-avatar img{height:52px;width:52px}.avatar-placeholder{font-size:22px}.online-indicator-wrapper{bottom:0;right:0}.online-indicator{border-width:2.5px;height:16px;width:16px}.online-indicator:before{height:7px;width:7px}.online-status-text{font-size:11px;gap:5px;padding:3px 10px}.online-dot{height:5px;width:5px}.conversation-header h3{font-size:16px}.conversation-time{font-size:12px}.conversation-preview{font-size:14px}.unread-badge{font-size:11px;padding:3px 8px;right:20px}.no-messages-state{padding:60px 24px}.empty-icon{font-size:64px}.no-messages-state h3{font-size:22px}.no-messages-state p{font-size:14px}.no-messages-state .btn{font-size:14px;padding:12px 32px}.modal-content{padding:24px;width:95%}.modal-content h2{font-size:20px}.credits-packages{gap:12px;grid-template-columns:1fr}.credit-package{padding:20px 16px}.package-amount{font-size:16px}.package-price{font-size:20px}}@media (max-width:480px){.inbox-container{padding:12px}.inbox-header{padding:20px 16px}.inbox-header h1{font-size:20px}.conversation-card{padding:14px 16px}.avatar-placeholder,.conversation-avatar img{height:48px;width:48px}.avatar-placeholder{font-size:20px}}.inbox-header{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.inbox-header-left{flex:1 1}.inbox-credits-display{align-items:center;display:flex;gap:12px}.credits-badge{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;gap:8px;padding:12px 20px}.credits-label{color:#ffffffe6;font-size:13px;font-weight:600}.credits-value{color:#fff;font-size:15px;font-weight:800}.btn-buy-credits-inbox{background:#10b981;border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:12px 20px;transition:all .3s ease}.btn-buy-credits-inbox:hover{background:#059669;box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}.modal-content{background:var(--surface);box-shadow:0 20px 60px #0000004d;width:90%}.modal-content h2{color:var(--text-primary);font-size:24px;font-weight:800;margin:0 0 12px}.modal-content p{color:var(--text-secondary);margin:0 0 24px}.credits-packages{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);margin-bottom:24px}.credit-package{background:var(--background);border:2px solid var(--border);border-radius:16px;cursor:pointer;padding:24px 16px;text-align:center;transition:all .3s ease}.credit-package:hover{border-color:var(--primary);box-shadow:0 8px 20px #0000001a;transform:translateY(-4px)}.package-amount{color:var(--text-primary);font-size:18px;font-weight:800;margin-bottom:8px}.package-price{font-size:24px;font-weight:900}@media (max-width:768px){.inbox-header{align-items:flex-start;flex-direction:column}.inbox-credits-display{flex-direction:column;width:100%}.btn-buy-credits-inbox,.credits-badge{justify-content:center;width:100%}.credits-packages{grid-template-columns:1fr}}.payment-methods{margin-bottom:24px}.payment-method-card{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;cursor:pointer;margin-bottom:20px;padding:24px;position:relative;text-align:center;transition:all .3s ease;width:100%}.payment-method-card:hover{box-shadow:0 12px 24px #667eea4d;transform:translateY(-4px)}.method-icon{align-items:center;background:#fff3;border-radius:50%;color:#fff;display:flex;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.method-icon svg{height:32px;width:32px}.payment-method-card h3{color:#fff;font-size:22px;font-weight:800;margin:0 0 8px}.payment-method-card p{color:#ffffffe6;font-size:14px;margin:0}.recommended-badge{background:#ffffff4d;border-radius:20px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:6px 12px;position:absolute;right:12px;text-transform:uppercase;top:12px}.payment-method-divider{margin:24px 0;position:relative;text-align:center}.payment-method-divider:after,.payment-method-divider:before{background:var(--border);content:"";height:1px;position:absolute;top:50%;width:40%}.payment-method-divider:before{left:0}.payment-method-divider:after{right:0}.payment-method-divider span{background:var(--surface);color:var(--text-secondary);font-size:13px;font-weight:600;padding:0 16px}@media (max-width:768px){.payment-method-card{padding:20px}.method-icon{height:50px;width:50px}.method-icon svg{height:28px;width:28px}.payment-method-card h3{font-size:18px}.payment-method-card p{font-size:13px}}.payment-modal{max-height:90vh;max-width:900px!important;overflow-y:auto}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .3s ease;width:40px}.modal-close:hover{background:#ffffff1a;color:var(--text-primary)}.modal-subtitle{color:var(--text-secondary);font-size:14px;margin:0 0 30px}.payment-options{display:flex;flex-direction:column;gap:24px}.payment-option-card{background:var(--background);border:2px solid var(--border);border-radius:16px;padding:24px;transition:all .3s ease}.payment-option-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.payment-option-header{align-items:center;display:flex;gap:16px;margin-bottom:20px}.payment-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.paypal-icon{background:linear-gradient(135deg,#0070ba,#1546a0);color:#fff}.card-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.voucher-icon{background:linear-gradient(135deg,#f093fb,#f5576c)}.payment-icon svg{height:28px;width:28px}.payment-option-header h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 4px}.payment-option-header p{color:var(--text-secondary);font-size:13px;margin:0}.credit-packages-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-top:16px}.credit-package-btn,.credit-package-info{background:var(--surface);border:2px solid var(--border);border-radius:12px;cursor:pointer;padding:16px;position:relative;text-align:center;transition:all .3s ease}.credit-package-btn:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.credit-package-btn.popular,.credit-package-info.popular{background:linear-gradient(135deg,#ff14931a,#ff6b9d1a);border-color:var(--primary)}.popular-badge{background:linear-gradient(135deg,#ff1493,#ff6b9d);font-size:11px;letter-spacing:.5px;padding:4px 12px;right:-10px;text-transform:uppercase;top:-10px}.package-credits{color:var(--text-primary);font-size:16px;font-weight:700;margin-bottom:8px}.package-price{color:var(--primary);font-size:18px;font-weight:800}.credit-package-info{cursor:default}.credit-package-info:hover{transform:none}.manual-payment-info{margin-top:16px}.info-text{background:#ffc1071a;border:1px solid #ffc1074d;border-radius:8px;color:var(--text-primary);font-size:13px;padding:12px}.bank-details{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;padding:16px}.bank-details h4{color:var(--text-primary);font-size:14px;font-weight:700;margin:0 0 12px}.detail-row{border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 0}.detail-row:last-child{border-bottom:none}.detail-row .label{color:var(--text-secondary);font-size:13px}.detail-row .value{color:var(--text-primary);font-family:Courier New,monospace;font-size:13px;font-weight:600}.manual-payment-steps{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:20px;padding:16px}.manual-payment-steps h4{color:var(--text-primary);font-size:14px;font-weight:700;margin:0 0 12px}.manual-payment-steps ol{margin:0;padding-left:20px}.manual-payment-steps li{color:var(--text-secondary);font-size:13px;line-height:1.5;margin-bottom:8px}.btn-send-proof{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff;display:block;font-size:14px;font-weight:700;margin-top:20px;padding:14px;text-align:center;text-decoration:none;transition:all .3s ease;width:100%}.btn-send-proof:hover{box-shadow:0 6px 16px #667eea66;transform:translateY(-2px)}.btn-dm-admin{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:block;font-size:15px;font-weight:700;margin-top:20px;padding:14px;text-align:center;transition:all .3s ease;width:100%}.btn-dm-admin:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.voucher-option{text-align:center}.btn-voucher-redeem{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:16px;padding:16px;transition:all .3s ease;width:100%}.btn-voucher-redeem:hover{box-shadow:0 6px 16px #f5576c66;transform:translateY(-2px)}@media (max-width:768px){.payment-modal{max-width:95%;padding:20px}.modal-close{font-size:28px;right:10px;top:10px}.payment-option-card{padding:16px}.credit-packages-grid{grid-template-columns:repeat(2,1fr)}.payment-option-header{flex-direction:column;text-align:center}.bank-details,.manual-payment-steps{padding:12px}.detail-row{flex-direction:column;gap:4px}}@media (max-width:480px){.credit-packages-grid{grid-template-columns:1fr}.package-credits{font-size:14px}.package-price{font-size:16px}}.missed-calls-notification{animation:slideDown .4s ease;background:linear-gradient(135deg,#10b98126,#05966926);border:2px solid #10b98166;border-radius:20px;box-shadow:0 8px 32px #10b98133;margin:0 40px 32px;overflow:hidden}.notification-content{align-items:center;background:linear-gradient(135deg,#10b98114,#05966914);display:flex;gap:20px;padding:24px 32px}.notification-icon{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 8px 24px #10b98166;height:64px;width:64px}.notification-icon svg{color:#fff;flex-shrink:0}.notification-text{flex:1 1}.notification-text h3{color:#10b981;font-size:20px;font-weight:800;letter-spacing:-.5px;margin:0 0 6px}.notification-text p{color:#ffffffb3;font-size:14px;font-weight:500;margin:0}.btn-expand-missed{align-items:center;background:#10b98126;border:2px solid #10b98166;border-radius:12px;color:#10b981;cursor:pointer;display:flex;flex-shrink:0;font-size:15px;font-weight:700;gap:8px;padding:12px 24px;transition:all .3s ease}.btn-expand-missed svg{flex-shrink:0}.btn-expand-missed:hover{background:#10b98140;border-color:#10b981;box-shadow:0 4px 16px #10b9814d;transform:translateY(-2px)}.btn-clear-missed{background:#ef444426;border:2px solid #ef444466;border-radius:12px;color:#ef4444;cursor:pointer;flex-shrink:0;font-size:15px;font-weight:700;padding:12px 24px;transition:all .3s ease}.btn-clear-missed:hover{background:#ef444440;border-color:#ef4444;box-shadow:0 4px 16px #ef44444d;transform:translateY(-2px)}.missed-calls-list{display:flex;flex-direction:column;gap:16px}.missed-call-card{align-items:center;background:var(--surface);border:1px solid #10b98133;border-radius:16px;display:flex;gap:16px;padding:16px;transition:all .3s ease}.missed-call-card:hover{border-color:#10b981;box-shadow:0 8px 24px #10b98133;transform:translateY(-2px)}.missed-call-avatar{border:3px solid #10b9814d;border-radius:50%;flex-shrink:0;height:60px;overflow:hidden;transition:all .3s ease;width:60px}.missed-call-avatar:hover{border-color:#10b981;box-shadow:0 0 16px #10b98166}.missed-call-avatar img{height:100%;object-fit:cover;width:100%}.missed-call-avatar .avatar-placeholder{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;font-size:24px;font-weight:700;height:100%;justify-content:center;width:100%}.missed-call-info{flex:1 1}.missed-call-info h4{color:var(--text-primary);font-size:18px;font-weight:700;margin:0 0 4px}.missed-call-time{color:var(--text-secondary);font-size:13px;font-weight:500;margin:0}.missed-call-actions{display:flex;flex-shrink:0;gap:12px}.btn-call-back,.btn-message-caller{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:6px;padding:10px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-call-back svg,.btn-message-caller svg{flex-shrink:0}.btn-call-back{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d;color:#fff}.btn-call-back:hover{box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.btn-message-caller{background:#3b82f61a;border:1px solid #3b82f64d;color:#3b82f6}.btn-message-caller:hover{background:#3b82f633;border-color:#3b82f6}.btn-dm-admin svg{flex-shrink:0;margin-right:4px}@media (max-width:768px){.missed-calls-notification{margin:0 24px 24px}.notification-content{gap:16px;padding:20px 24px}.notification-icon{height:56px;width:56px}.notification-icon svg{height:24px;width:24px}.notification-text h3{font-size:18px}.notification-text p{font-size:13px}.btn-expand-missed{font-size:14px;padding:10px 20px}.missed-call-card{align-items:flex-start;flex-direction:column;padding:16px}.missed-call-avatar{height:50px;width:50px}.missed-call-actions{flex-direction:column;gap:8px;width:100%}.btn-call-back,.btn-message-caller{justify-content:center;padding:12px;width:100%}}@media (max-width:480px){.missed-calls-notification{border-radius:16px;margin:0 16px 20px}.notification-content{gap:12px;padding:16px 20px}.notification-icon{height:48px;width:48px}.notification-icon svg{height:22px;width:22px}.notification-text h3{font-size:16px}.notification-text p{font-size:12px}.btn-expand-missed{font-size:13px;gap:6px;padding:8px 16px}.btn-expand-missed svg{height:16px;width:16px}.missed-call-info h4{font-size:16px}.missed-call-time{font-size:12px}}.chat-container{margin:0 auto;max-width:900px;min-height:100vh;padding:40px 20px}.chat-content{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid #ff149333;border-radius:24px;box-shadow:0 20px 60px #ff14934d;display:flex;flex-direction:column;height:calc(100vh - 120px);margin-top:0;overflow:hidden}.chat-header{background:#ff14930d;border-bottom:1px solid #ff149333;gap:20px;padding:24px 28px}.chat-header,.chat-user-info{align-items:center;display:flex}.chat-user-info{border-radius:12px;cursor:pointer;flex:1 1;gap:12px;padding:8px 12px;transition:all .3s ease}.chat-user-info:hover{background:#ff14931a;transform:translateX(4px)}.chat-user-avatar{border:2px solid #ff14934d;border-radius:50%;height:40px;object-fit:cover;transition:all .3s ease;width:40px}.chat-user-info:hover .chat-user-avatar{border-color:#ff1493;box-shadow:0 0 12px #ff149366}.chat-user-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#ff1493,#ff6b9d);border:2px solid #ff14934d;border-radius:50%;color:#fff;display:flex;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.chat-user-info:hover .chat-user-avatar-placeholder{border-color:#ff1493;box-shadow:0 0 12px #ff149366}.chat-user-name{color:#fff;font-size:20px;font-weight:700;margin:0;transition:color .3s ease}.chat-user-info:hover .chat-user-name{color:#ff6b9d}.back-button{border-radius:8px;color:#ff1493;font-size:18px;font-weight:700;padding:8px 16px;text-decoration:none;transition:all .3s ease}.back-button:hover{background:#ff14931a;color:#ff6b9d}.chat-header h3{color:#fff;flex:1 1;font-size:24px;font-weight:800;margin:0}.chat-credits-badge{background:linear-gradient(135deg,#ff1493,#ff6b9d);border-radius:20px;box-shadow:0 4px 12px #ff14934d;color:#fff;font-size:13px;font-weight:700;padding:8px 16px;white-space:nowrap}.messages-container{background:#0a0a0a;display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:28px}.messages-container::-webkit-scrollbar{width:8px}.messages-container::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.messages-container::-webkit-scrollbar-thumb{background:#ff14934d;border-radius:4px}.messages-container::-webkit-scrollbar-thumb:hover{background:#ff149380}.no-messages{color:#ffffff80;font-size:16px;padding:60px 20px;text-align:center}.message{animation:slideIn .3s ease;display:flex;flex-direction:column;max-width:70%}.message.sending{opacity:.6}.message.sending .message-content{background:linear-gradient(135deg,#ff1493b3,#ff6b9db3)}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.sent{align-self:flex-end}.message.received{align-self:flex-start}.message-content{word-wrap:break-word;border-radius:18px;font-size:15px;line-height:1.5;padding:14px 18px}.message.sent .message-content{background:linear-gradient(135deg,#ff1493,#ff6b9d);border-bottom-right-radius:4px;box-shadow:0 4px 12px #ff14934d;color:#fff}.message.received .message-content{background:#ffffff14;border:1px solid #ffffff1a;border-bottom-left-radius:4px;color:#fff}.message-time{align-items:center;color:#fff6;display:flex;font-size:11px;font-weight:500;gap:6px;margin-top:6px;padding:0 8px}.read-receipt{font-size:12px;font-weight:700;margin-left:4px}.read-receipt.sending{animation:pulse-dot 1s ease-in-out infinite;color:#ffffff80}@keyframes pulse-dot{0%,to{opacity:.5}50%{opacity:1}}.read-receipt.unread{color:#fff6}.read-receipt.read{color:#4ade80}.message-input{align-items:flex-end;background:#ff14930d;border-top:1px solid #ff149333;display:flex;gap:12px;padding:24px 28px}.btn-attach{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;min-width:48px;transition:all .3s ease;width:48px}.btn-attach,.btn-attach svg{flex-shrink:0}.btn-attach:hover:not(:disabled){background:#ff149333;border-color:#ff1493;transform:scale(1.05)}.btn-attach:disabled{cursor:not-allowed;opacity:.5}.message-input textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;color:#fff;flex:1 1;font-family:inherit;font-size:15px;line-height:1.5;max-height:120px;min-height:48px;overflow-y:auto;padding:14px 20px;resize:none;transition:all .3s ease}.message-input textarea::placeholder{color:#fff6}.message-input textarea:focus{background:#ffffff14;border-color:#ff1493;box-shadow:0 0 0 3px #ff14931a;outline:none}.message-input textarea::-webkit-scrollbar{width:6px}.message-input textarea::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.message-input textarea::-webkit-scrollbar-thumb{background:#ff14934d;border-radius:3px}.message-input textarea::-webkit-scrollbar-thumb:hover{background:#ff149380}.message-input .btn{border-radius:50px;overflow:hidden;padding:14px 32px;position:relative;transition:all .3s ease}.message-input .btn.sending{animation:pulse 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff1493,#ff6b9d)}@keyframes pulse{0%,to{box-shadow:0 0 0 0 #ff1493b3}50%{box-shadow:0 0 0 10px #ff149300}}.sending-dots{align-items:center;display:flex;gap:4px;justify-content:center}.sending-dots span{animation:bounce 1.4s ease-in-out infinite both;background:#fff;border-radius:50%;height:6px;width:6px}.sending-dots span:first-child{animation-delay:-.32s}.sending-dots span:nth-child(2){animation-delay:-.16s}.message-input .btn:disabled{cursor:not-allowed;opacity:1}.message-input .btn:disabled:not(.sending){background:#ff149380;opacity:.6}.message-input .btn:not(:disabled):not(.sending):hover{box-shadow:0 6px 20px #ff149366;transform:translateY(-2px)}.message-input.disabled{opacity:.5;pointer-events:none}.credits-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.credits-message{animation:slideUp .3s ease;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:2px solid #ff1493;border-radius:24px;box-shadow:0 20px 60px #ff149366;max-width:500px;padding:48px;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.credits-message h3{color:#ff1493;font-size:28px;font-weight:800;margin:0 0 16px}.credits-message p{color:#fffc;font-size:16px;line-height:1.6;margin:0 0 32px}.credits-actions{display:flex;gap:12px;justify-content:center}.credits-actions .btn{border-radius:12px;flex:1 1;font-size:15px;font-weight:700;padding:14px 24px}@media (max-width:768px){.chat-container{padding:16px}.chat-content{border-radius:16px;height:calc(100vh - 100px)}.chat-header{flex-wrap:wrap;gap:12px;padding:16px 20px}.chat-user-info{gap:10px;padding:6px 10px}.chat-user-avatar,.chat-user-avatar-placeholder{font-size:16px;height:36px;width:36px}.back-button,.chat-user-name{font-size:16px}.back-button{padding:6px 12px}.chat-header h3{flex:1 1;font-size:18px;min-width:150px}.chat-credits-badge{font-size:12px;padding:6px 12px}.messages-container{gap:12px;padding:16px}.message{max-width:85%}.message-content{border-radius:16px;font-size:14px;padding:12px 16px}.message.sent .message-content{border-bottom-right-radius:4px}.message.received .message-content{border-bottom-left-radius:4px}.message-time{font-size:10px;margin-top:4px}.read-receipt{font-size:11px}.message-input{gap:10px;padding:16px}.btn-attach{font-size:18px;height:44px;min-width:44px;width:44px}.message-input textarea{font-size:14px;min-height:44px;padding:12px 16px}.message-input .btn{font-size:14px;padding:12px 24px}.no-messages{font-size:14px;padding:40px 20px}.credits-overlay{padding:20px}.credits-message{border-radius:20px;padding:32px 24px}.credits-message h3{font-size:22px}.credits-message p{font-size:14px;margin-bottom:24px}.credits-actions{flex-direction:column;gap:10px}.credits-actions .btn{font-size:14px;padding:12px 20px;width:100%}}@media (max-width:480px){.chat-container{padding:12px}.chat-content{height:calc(100vh - 80px)}.chat-header{padding:12px 16px}.chat-header h3{font-size:16px}.back-button{font-size:14px}.messages-container{padding:12px}.message-content{font-size:13px;padding:10px 14px}.message-input{padding:12px}.message-input textarea{font-size:13px;min-height:40px;padding:10px 14px}.message-input .btn{font-size:13px;padding:10px 20px}.credits-message{padding:24px 20px}.credits-message h3{font-size:20px}.credits-message p{font-size:13px}}.message{position:relative}.message-menu-btn{align-items:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;display:none;height:24px;justify-content:center;position:absolute;right:8px;top:8px;transition:all .2s ease;width:24px;z-index:10}.message-menu-btn svg{flex-shrink:0}.message:hover .message-menu-btn{display:flex}.message-menu-btn:hover{background:#ff1493cc;transform:scale(1.1)}.message-menu{animation:slideDown .2s ease;background:#1a1a1a;border:1px solid #ff14934d;border-radius:12px;box-shadow:0 8px 24px #00000080;min-width:200px;padding:8px;position:absolute;right:8px;top:36px;z-index:100}.message-menu button{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 14px;text-align:left;transition:all .2s ease;width:100%}.message-menu button svg{flex-shrink:0}.message-menu button:hover{background:#ff149333}.message-menu button.delete-everyone{color:#f44}.message-menu button.delete-everyone:hover{background:#f443}.message-edit{display:flex;flex-direction:column;gap:8px;width:100%}.edit-textarea{background:#ffffff0d;border:1px solid #ff14934d;border-radius:12px;color:#fff;font-family:inherit;font-size:14px;min-height:80px;padding:12px;resize:vertical;width:100%}.edit-textarea:focus{background:#ffffff14;border-color:#ff1493;outline:none}.edit-actions{display:flex;gap:8px;justify-content:flex-end}.edit-actions button{border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease}.btn-save{background:linear-gradient(135deg,#ff1493,#ff6b9d);color:#fff}.btn-save:hover{box-shadow:0 4px 12px #ff149366;transform:translateY(-2px)}.btn-cancel{background:#ffffff1a}.btn-cancel:hover{background:#fff3}.edited-label{font-size:11px;font-style:italic;opacity:.7}.message.deleted .message-content{font-style:italic;opacity:.6}.delete-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.delete-modal{animation:slideUp .3s ease;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:2px solid #ff14934d;border-radius:24px;box-shadow:0 20px 60px #00000080;max-width:420px;padding:32px;text-align:center;width:90%}.delete-modal-icon{align-items:center;background:#ff14931a;border:2px solid #ff14934d;border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.delete-modal h3{color:#fff;font-size:24px;font-weight:700;margin:0 0 12px}.delete-modal p{color:#ffffffb3;font-size:15px;line-height:1.6;margin:0 0 28px}.delete-modal-actions{display:flex;gap:12px;justify-content:center}.delete-modal-actions button{border:none;border-radius:12px;cursor:pointer;flex:1 1;font-size:15px;font-weight:700;padding:14px 24px;transition:all .3s ease}.btn-delete-confirm{background:linear-gradient(135deg,#ff1493,#ff6b9d);color:#fff}.btn-delete-confirm:hover{box-shadow:0 6px 20px #ff149366;transform:translateY(-2px)}.btn-delete-cancel{background:#ffffff1a;color:#fff}.btn-delete-cancel:hover{background:#fff3}.message-attachment{border-radius:12px;margin-bottom:8px;max-width:100%;overflow:hidden}.attachment-image{border-radius:12px;cursor:pointer;display:block;height:auto;max-height:400px;max-width:100%;object-fit:contain;transition:all .3s ease;width:auto}.attachment-image:hover{box-shadow:0 8px 24px #0006;transform:scale(1.02)}.message.sent .attachment-image{border:2px solid #fff3}.message.received .attachment-image{border:2px solid #ffffff1a}@media (max-width:768px){.attachment-image{max-height:300px}}@media (max-width:480px){.attachment-image{max-height:250px}}.chat-video-call-btn{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:10px 18px;transition:all .2s cubic-bezier(.4,0,.2,1)}.chat-video-call-btn:hover{box-shadow:0 6px 20px #10b98180;transform:translateY(-2px)}.chat-video-call-btn:active{transform:translateY(0)}.chat-video-call-btn svg{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));flex-shrink:0}.call-btn-label{letter-spacing:.3px;white-space:nowrap}.call-modal-chat{max-width:420px;overflow:hidden;padding:0}.call-modal-simple{padding:32px 28px}.call-profile-section{margin-bottom:28px;text-align:center}.call-profile-pic{object-fit:cover}.call-profile-pic,.call-profile-pic-placeholder{border:4px solid #10b98133;border-radius:50%;box-shadow:0 4px 16px #0003;height:100px;margin:0 auto 16px;width:100px}.call-profile-pic-placeholder{align-items:center;background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:flex;font-size:36px;font-weight:700;justify-content:center}.call-profile-section h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.call-subtitle{color:var(--text-secondary);font-size:15px;font-weight:500;margin:0}.call-error-simple{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;margin-bottom:20px;padding:16px;text-align:center}.call-error-simple p{color:#ef4444;font-size:14px;font-weight:600;margin:0 0 12px}.btn-text-link{background:none;border:none;color:#3b82f6;cursor:pointer;font-size:14px;font-weight:600;padding:0;text-decoration:underline}.btn-text-link:hover{color:#2563eb}.call-info-note{align-items:flex-start;background:#3b82f614;border:1px solid #3b82f633;border-radius:12px;display:flex;gap:12px;margin-bottom:24px;padding:16px}.call-info-note svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.call-info-note p{color:var(--text-secondary);font-size:13px;line-height:1.6;margin:0}.call-actions{display:flex;flex-direction:column;gap:12px}.btn-call-now{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:50px;box-shadow:0 4px 20px #10b98166;color:#fff;cursor:pointer;font-size:17px;font-weight:700;padding:16px 32px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.btn-call-now:hover:not(:disabled){box-shadow:0 8px 30px #10b98180;transform:translateY(-3px)}.btn-call-now:disabled{cursor:not-allowed;opacity:.7}.btn-cancel{background:#0000;border:1px solid var(--border-light);border-radius:50px;color:var(--text-secondary);font-size:16px;font-weight:600;padding:14px 32px;transition:all .2s ease;width:100%}.btn-cancel:hover:not(:disabled){background:#ffffff0d;border-color:var(--text-secondary)}.btn-cancel:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.chat-video-call-btn{font-size:13px;padding:8px 14px}.chat-video-call-btn svg{height:18px;width:18px}}@media (max-width:480px){.chat-video-call-btn{font-size:12px;gap:6px;padding:7px 12px}.chat-video-call-btn svg{height:16px;width:16px}.call-btn-label{display:none}}.active-call-screen{background:#000;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:9999}.main-video-container{align-items:center;background:#0a0a0a;display:flex;flex:1 1;justify-content:center;overflow:hidden;position:relative}#main-video-player,#main-video-player video,.main-video{height:100%;object-fit:cover;width:100%}.remote-video-container{align-items:center;background:#0a0a0a;display:flex;flex:1 1;justify-content:center;position:relative}#remote-video-player,#remote-video-player video,.remote-video{height:100%;object-fit:cover;width:100%}.connecting-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.connecting-spinner{animation:spin .8s linear infinite;border:3px solid #ff6b6b33;border-radius:50%;border-top-color:#ff6b6b;height:64px;margin-bottom:24px;width:64px}@keyframes spin{to{transform:rotate(1turn)}}.connecting-overlay p{color:#fff;font-size:20px;font-weight:600;letter-spacing:.5px;margin:0}.connecting-subtext{color:#fff9!important;font-size:15px!important;font-weight:400!important;margin-top:12px!important}.no-video-placeholder{flex-direction:column}.avatar-large,.no-video-placeholder{align-items:center;color:#fff;display:flex;justify-content:center}.avatar-large{background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:50%;box-shadow:0 8px 32px #ff6b6b4d;font-size:56px;font-weight:700;height:140px;margin-bottom:20px;width:140px}.pip-video-container{background:#1a1a1a;border:3px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0009;cursor:pointer;height:240px;overflow:hidden;position:absolute;right:24px;top:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:180px;z-index:20}.pip-video-container:hover{border-color:#ff6b6b80;box-shadow:0 12px 48px #000c;transform:scale(1.05)}.pip-video-container:active{transform:scale(.98)}.local-video-container{background:#1a1a1a;border:3px solid #ffffff1a;border-radius:16px;box-shadow:0 8px 32px #0009;cursor:pointer;height:240px;overflow:hidden;position:absolute;right:24px;top:24px;transition:all .3s cubic-bezier(.4,0,.2,1);width:180px;z-index:20}.local-video-container:hover{border-color:#ff6b6b80;box-shadow:0 12px 48px #000c;transform:scale(1.05)}.local-video-container:active{transform:scale(.98)}#local-video-player,.local-video{transform:scaleX(-1)}#local-video-player,#local-video-player video,.local-video{height:100%;object-fit:cover;width:100%}.swap-icon-overlay{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;border-radius:50%;display:flex;height:48px;justify-content:center;left:50%;opacity:0;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease;width:48px;z-index:5}.local-video-container:hover .swap-icon-overlay,.pip-video-container:hover .swap-icon-overlay{opacity:1}.swap-icon-overlay svg{color:#fff;height:24px;width:24px}.video-off-overlay{align-items:center;background:linear-gradient(135deg,#1a1a1a,#0a0a0a);bottom:0;display:flex;flex-direction:column;gap:16px;justify-content:center;left:0;position:absolute;right:0;top:0}.video-off-avatar-img{object-fit:cover}.video-off-avatar,.video-off-avatar-img{border:4px solid #fff3;border-radius:50%;box-shadow:0 8px 32px #00000080;height:120px;width:120px}.video-off-avatar{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);color:#fff;display:flex;font-size:48px;font-weight:700;justify-content:center}.video-off-text{color:#ffffffb3;font-size:14px;font-weight:600;letter-spacing:1px;margin:0;text-transform:uppercase}.call-info-overlay{background:linear-gradient(180deg,#000c,#0006 50%,#0000);left:0;padding:24px;pointer-events:none;position:absolute;right:0;top:0;z-index:15}.call-info-top{justify-content:space-between;margin:0 auto;max-width:1400px}.call-info-top,.caller-info{align-items:center;display:flex}.caller-info{gap:12px}.caller-avatar{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a6f);border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;display:flex;font-size:20px;font-weight:700;height:48px;justify-content:center;width:48px}.caller-details{display:flex;flex-direction:column;gap:2px}.caller-name{color:#fff;font-size:18px;font-weight:700;line-height:1.2}.call-status,.caller-name{text-shadow:0 2px 8px #0009}.call-status{color:#fffc;font-size:13px;font-weight:500}.call-duration{background:#0009;border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 4px 12px #0000004d;color:#fff;font-size:16px;font-weight:600;letter-spacing:.5px;padding:10px 18px}.call-controls,.call-duration{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.call-controls{background:#00000080;border:1px solid #ffffff1a;border-radius:48px;bottom:48px;box-shadow:0 8px 32px #0006;display:flex;gap:16px;left:50%;padding:16px 24px;position:absolute;transform:translateX(-50%);z-index:20}.control-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:none;border-radius:50%;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;display:flex;height:56px;justify-content:center;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1);width:56px}.control-btn svg{flex-shrink:0}.control-btn:hover{background:#ffffff40;box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.control-btn:active{transform:translateY(0)}.control-btn.active{background:#ef4444e6;box-shadow:0 4px 16px #ef444466}.control-btn.active:hover{background:#ef4444}.end-call-btn{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 6px 20px #ef444480;height:64px;width:64px}.end-call-btn svg{height:26px;width:26px}.end-call-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 8px 24px #ef444499;transform:translateY(-2px)}.end-call-btn:active{transform:translateY(0)}.credits-info{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border:1px solid #ffffff1a;border-radius:24px;bottom:132px;box-shadow:0 4px 16px #0000004d;display:flex;gap:10px;left:50%;padding:12px 20px;position:absolute;transform:translateX(-50%);z-index:20}.credits-icon{flex-shrink:0}.credits-text{color:#fff;font-size:14px;font-weight:600;letter-spacing:.3px}.network-quality{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 4px 12px #0000004d;display:flex;gap:8px;left:24px;padding:10px 16px;position:absolute;top:24px;z-index:20}.network-bars{align-items:flex-end;display:flex;gap:2px;height:16px}.network-bar{background:#ffffff4d;border-radius:2px;transition:all .3s ease;width:3px}.network-bar.active{background:#22c55e}.network-bar:first-child{height:6px}.network-bar:nth-child(2){height:10px}.network-bar:nth-child(3){height:14px}.network-bar:nth-child(4){height:16px}.network-text{color:#fff;font-size:12px;font-weight:600}.debug-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000c;border-radius:8px;font-family:monospace;font-size:11px;left:10px;max-height:200px;overflow-y:auto;padding:10px;position:absolute;right:10px;top:80px;z-index:25}.debug-title{color:#4ade80;font-weight:700;margin-bottom:5px}.debug-log{border-bottom:1px solid #ffffff1a;color:#fff;padding:2px 0}.call-error{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a0a0f);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:40px;text-align:center}.error-icon{font-size:96px;margin-bottom:24px;opacity:.9}.call-error h2{color:#ef4444;font-size:28px;font-weight:700;margin:0 0 16px}.call-error p{color:#ffffffb3;font-size:16px;line-height:1.6;margin:0 0 32px;max-width:400px}@media (max-width:768px){.local-video-container,.pip-video-container{border-radius:12px;border-width:2px;height:160px;right:16px;top:16px;width:120px}.swap-icon-overlay{height:40px;width:40px}.swap-icon-overlay svg{height:20px;width:20px}.call-info-overlay{padding:16px}.caller-avatar{font-size:16px;height:40px;width:40px}.caller-name{font-size:16px}.call-status{font-size:12px}.call-duration{font-size:14px;padding:8px 14px}.call-controls{bottom:32px;gap:12px;padding:12px 20px}.control-btn{font-size:20px;height:48px;width:48px}.end-call-btn{font-size:24px;height:56px;width:56px}.credits-info{bottom:108px;padding:10px 16px}.credits-icon{font-size:16px}.credits-text{font-size:13px}.network-quality{left:16px;padding:8px 12px;top:16px}.network-text{font-size:11px}}@media (max-width:480px){.local-video-container,.pip-video-container{height:133px;right:12px;top:12px;width:100px}.caller-info{gap:8px}.caller-avatar{font-size:14px;height:36px;width:36px}.caller-name{font-size:15px}.call-status{font-size:11px}.call-duration{font-size:13px;padding:7px 12px}.control-btn{font-size:18px;height:44px;width:44px}.end-call-btn{font-size:22px;height:52px;width:52px}.call-controls{gap:10px;padding:10px 16px}.credits-info{padding:8px 14px}.network-quality{padding:6px 10px}.video-off-avatar,.video-off-avatar-img{border-width:3px;height:80px;width:80px}.video-off-avatar{font-size:32px}.video-off-text{font-size:12px}}@media (max-width:768px) and (orientation:landscape){.local-video-container,.pip-video-container{height:133px;right:12px;top:12px;width:100px}.call-controls{bottom:20px}.credits-info{bottom:88px}}.payment-result-container{align-items:center;background:var(--background);display:flex;justify-content:center;min-height:100vh;padding:20px}.payment-result-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:500px;padding:48px;text-align:center;width:100%}.success-icon{background:linear-gradient(135deg,#10b981,#059669);margin:0 auto 24px}.cancel-icon{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:50%;color:#fff;display:flex;font-size:48px;font-weight:700;height:80px;justify-content:center;margin:0 auto 24px;width:80px}.payment-result-card h1{color:var(--text-primary);font-size:28px;font-weight:800;margin:0 0 16px}.payment-result-card p{color:var(--text-secondary);font-size:16px;line-height:1.6;margin:0 0 12px}.redirect-message{color:var(--text-tertiary);margin-bottom:32px!important}.button-group{display:flex;gap:12px;margin-top:32px}.button-group .btn{flex:1 1}@media (max-width:768px){.payment-result-card{padding:32px 24px}.cancel-icon,.success-icon{font-size:36px;height:64px;width:64px}.payment-result-card h1{font-size:24px}.button-group{flex-direction:column}}.redeem-voucher-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.redeem-voucher-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;padding:40px;text-align:center;width:100%}.voucher-icon{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 20px;width:80px}.voucher-icon svg{height:40px;width:40px}.redeem-voucher-card h1{color:#333;font-size:32px;margin-bottom:10px}.voucher-subtitle{color:#666;font-size:16px}.voucher-form,.voucher-subtitle{margin-bottom:30px}.form-group{text-align:left}.voucher-input{border:2px solid #e0e0e0;border-radius:10px;font-family:Courier New,monospace;font-size:18px;letter-spacing:2px;padding:15px;text-align:center;transition:all .3s ease;width:100%}.voucher-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.voucher-input:disabled{background:#f5f5f5;cursor:not-allowed}.input-hint{color:#999;font-size:12px;margin-top:8px;text-align:center}.btn-redeem{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.btn-redeem:hover:not(:disabled){box-shadow:0 10px 20px #667eea4d;transform:translateY(-2px)}.btn-redeem:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{align-items:center;border:1px solid #fcc;border-radius:10px;display:flex;gap:10px;margin-bottom:20px;padding:15px}.error-message svg{flex-shrink:0;height:20px;width:20px}.success-message{animation:successFadeIn .5s ease;padding:40px 20px}@keyframes successFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.success-icon{animation:successPulse .6s ease;background:linear-gradient(135deg,#11998e,#38ef7d);font-size:48px;font-weight:700;height:80px;margin:0 auto 20px;width:80px}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-message h2{color:#333;font-size:28px;margin-bottom:20px}.credits-added{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#11998e,#38ef7d);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:700;margin-bottom:10px}.new-balance{color:#666;font-size:18px;margin-bottom:20px}.redirect-message{color:#999;font-size:14px;font-style:italic}.voucher-info{background:#f8f9fa;border-radius:10px;margin-bottom:20px;padding:20px;text-align:left}.voucher-info h3{color:#333;font-size:18px;margin-bottom:15px}.voucher-info ul{list-style:none;margin-bottom:20px;padding:0}.voucher-info li{color:#666;font-size:14px;padding:8px 0 8px 20px;position:relative}.voucher-info li:before{color:#667eea;content:"✓";font-weight:700;left:0;position:absolute}.voucher-packages{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:15px}.package-info{background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:12px;text-align:center}.package-value{color:#667eea;display:block;font-size:20px;font-weight:700;margin-bottom:5px}.package-credits{color:#666;display:block;font-size:12px}.btn-back{background:#fff;border:2px solid #667eea;border-radius:10px;color:#667eea;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.btn-back:hover{background:#667eea;color:#fff}@media (max-width:768px){.redeem-voucher-card{padding:30px 20px}.redeem-voucher-card h1{font-size:24px}.voucher-input{font-size:16px}.voucher-packages{grid-template-columns:repeat(2,1fr)}}:root{--dashboard-bg:#f5f5f5;--dashboard-text:#1a1a1a;--dashboard-text-secondary:#666;--dashboard-card-bg:#fff;--dashboard-border:#e0e0e0;--dashboard-input-bg:#f9f9f9}body.dark-mode{--dashboard-bg:#1a1a1a;--dashboard-text:#fff;--dashboard-text-secondary:#b0b0b0;--dashboard-card-bg:#2a2a2a;--dashboard-border:#404040;--dashboard-input-bg:#1f1f1f}.creator-dashboard{background:#f5f5f5;background:var(--dashboard-bg);color:#1a1a1a;color:var(--dashboard-text);margin:0 auto;max-width:1200px;min-height:100vh;padding:32px 20px 100px}.dashboard-header{align-items:center;border-bottom:2px solid #e0e0e0;border-bottom:2px solid var(--dashboard-border);display:flex;justify-content:space-between;margin-bottom:40px;padding-bottom:24px}.dashboard-header h1{color:#1a1a1a;color:var(--dashboard-text);font-size:28px;font-weight:700;letter-spacing:-.5px;margin:0}.enable-creator-card{background:#fff;background:var(--dashboard-card-bg);border:2px solid #e0e0e0;border:2px solid var(--dashboard-border);border-radius:20px;padding:48px;text-align:center}.enable-icon{font-size:64px;margin-bottom:16px}.enable-creator-card h2{color:#1a1a1a;color:var(--dashboard-text);font-size:32px;font-weight:900;margin:0 0 12px}.enable-creator-card>p{color:#666;color:var(--dashboard-text-secondary);font-size:16px;margin:0 0 32px}.benefits-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.benefit-item{align-items:center;background:#f9f9f9;background:var(--dashboard-input-bg);border:1px solid #e0e0e0;border:1px solid var(--dashboard-border);border-radius:12px;color:#1a1a1a;color:var(--dashboard-text);display:flex;gap:12px;padding:16px}.benefit-icon{font-size:24px}.btn-enable-creator{background:linear-gradient(135deg,#ff1493,#ff6b9d);border:none;border-radius:12px;box-shadow:0 4px 16px #ff14934d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:16px 48px;transition:all .3s ease}.btn-enable-creator:hover{box-shadow:0 6px 24px #ff149380;transform:translateY(-2px)}.earnings-overview{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.stat-card{align-items:center;background:#fff;background:var(--dashboard-card-bg);border:1px solid #e0e0e0;border:1px solid var(--dashboard-border);box-shadow:0 1px 3px #0000000d;color:#1a1a1a;color:var(--dashboard-text);display:flex;gap:16px;padding:24px;transition:all .2s ease}.stat-card:hover{border-color:#ff6b9d4d;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-card.highlight{background:linear-gradient(135deg,#10b9811a,#0596691a);border-color:#10b9814d}.stat-icon{align-items:center;background:linear-gradient(135deg,#ff6b9d1a,#ff14931a);border-radius:12px;display:flex;flex-shrink:0;font-size:48px;height:64px;justify-content:center;width:64px}.stat-content{flex:1 1}.stat-content h3{color:#666;color:var(--dashboard-text-secondary);font-size:12px;font-weight:600;letter-spacing:1px;margin:0 0 4px;text-transform:uppercase}.stat-value{color:#1a1a1a;color:var(--dashboard-text);font-size:28px;line-height:1}.settings-card{background:#fff;background:var(--dashboard-card-bg);border:1px solid #e0e0e0;border:1px solid var(--dashboard-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:32px}.settings-card h2{color:#1a1a1a;color:var(--dashboard-text);font-size:20px;font-weight:700;margin:0 0 24px}.form-group{margin-bottom:24px}.form-group label,.form-input,.form-textarea{color:#1a1a1a;color:var(--dashboard-text)}.form-input,.form-textarea{background:#f9f9f9;background:var(--dashboard-input-bg);border:1px solid #e0e0e0;border:1px solid var(--dashboard-border);border-radius:8px;font-family:inherit;font-size:15px;padding:12px 16px;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{background:#fff;background:var(--dashboard-card-bg);border-color:#ff6b9d;box-shadow:0 0 0 3px #ff6b9d1a;outline:none}.form-group small{color:var(--dashboard-text-secondary);font-size:13px;margin-top:6px}.payout-info{background:#fff;background:var(--dashboard-card-bg);border:1px solid #e0e0e0;border:1px solid var(--dashboard-border);border-radius:8px;margin-top:16px;padding:20px}.payout-info h3{color:#1a1a1a;color:var(--dashboard-text);font-size:16px;font-weight:700;margin:0 0 12px}.payout-info p{color:#666;color:var(--dashboard-text-secondary);font-size:14px;line-height:1.5;margin:8px 0}.btn-payout{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-top:16px;padding:12px 24px;transition:all .2s ease}.btn-payout:hover{box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.error-card{background:#fff;background:var(--dashboard-card-bg);border:2px solid #ef44444d;border-radius:20px;padding:48px;text-align:center}.error-card h2{color:#ef4444;margin:0 0 12px}.btn-primary{border-radius:12px;font-weight:700;padding:12px 24px}.btn-primary:hover:not(:disabled){box-shadow:0 6px 16px #ff149366}.btn-primary:disabled{opacity:.6}.btn-secondary{border:1px solid #e0e0e0;border:1px solid var(--dashboard-border);border-radius:12px;padding:12px 24px}.modal-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.modal-content{background:#fff;background:var(--dashboard-card-bg);border-radius:20px;max-height:90vh;max-width:500px;overflow-y:auto;padding:32px;width:100%}.modal-content h3{font-size:24px;font-weight:800;margin:0 0 24px}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal-actions button{flex:1 1}.error-message{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.error-message,.success-message{font-size:14px;margin-bottom:16px;padding:12px 16px}.success-message{border:1px solid #10b9814d;border-radius:8px;color:#10b981}@media (max-width:768px){.creator-dashboard{padding:72px 16px 16px}.dashboard-header{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-header h1{font-size:24px}.enable-creator-card{padding:32px 24px}.benefits-grid,.earnings-overview{grid-template-columns:1fr}}.stat-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:16px}.stat-label{color:#ffffff80;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.stat-subtitle{color:#fff6;font-size:12px;font-weight:500}.settings-header{margin-bottom:32px}.settings-header h2{color:#fff;font-size:20px;font-weight:700;margin:0 0 8px}.form-hint{color:#ffffff80;display:block;font-size:13px;line-height:1.4;margin-top:6px}.btn-save-settings{background:#ff1493;border:none;border-radius:8px;box-shadow:0 2px 8px #ff149333;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease;width:100%}.btn-save-settings:hover:not(:disabled){background:#e01180;box-shadow:0 4px 12px #ff14934d;transform:translateY(-1px)}.btn-save-settings:disabled{cursor:not-allowed;opacity:.5;transform:none}.payout-card{background:#fff;background:var(--dashboard-card-bg);border:1px solid #e0e0e0;border:1px solid var(--dashboard-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:24px}.payout-header{align-items:center;display:flex;gap:12px;margin-bottom:20px}.payout-icon{font-size:32px}.payout-header h3{color:#1a1a1a;color:var(--dashboard-text);font-size:18px;font-weight:700;margin:0 0 4px}.payout-header p{color:#666;color:var(--dashboard-text-secondary);font-size:13px;margin:0}.payout-details{background:#f9f9f9;background:var(--dashboard-input-bg);border:1px solid #e0e0e0;border:1px solid var(--dashboard-border);border-radius:12px;margin-bottom:16px;padding:16px}.payout-row{display:flex;justify-content:space-between;padding:8px 0}.payout-row:not(:last-child){border-bottom:1px solid #e0e0e0;border-bottom:1px solid var(--dashboard-border)}.payout-label{color:#666;color:var(--dashboard-text-secondary);font-size:14px}.payout-value{color:#1a1a1a;color:var(--dashboard-text);font-size:14px;font-weight:700}.payout-value.highlight{color:#10b981;font-size:16px}.btn-request-payout{background:#10b981;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:15px;font-weight:700;padding:14px;transition:all .2s ease;width:100%}.btn-request-payout:hover{background:#059669;transform:translateY(-1px)}.payout-progress{text-align:center}.progress-bar{background:#0000004d;border-radius:6px;height:6px;margin-bottom:10px;overflow:hidden;width:100%}.progress-fill{background:#10b981;border-radius:6px;height:100%;transition:width .3s ease}.progress-text{color:#ffffff80;font-size:13px;margin:0}.content-card{background:#fff;background:var(--dashboard-card-bg);border:1px solid #e0e0e0;border:1px solid var(--dashboard-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:24px;padding:32px}.content-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.content-header h2{color:#1a1a1a;color:var(--dashboard-text);font-size:20px;font-weight:700;margin:0}.btn-upload{align-items:center;background:#ff1493;border:none;border-radius:8px;box-shadow:0 2px 8px #ff149333;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-upload:hover{background:#e01180;box-shadow:0 4px 12px #ff14934d;transform:translateY(-1px)}.empty-content{color:#666;color:var(--dashboard-text-secondary);padding:48px 20px;text-align:center}.content-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.content-item{background:#0003;border-radius:12px;overflow:hidden;position:relative;transition:all .2s ease}.content-item:hover{box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.content-thumbnail{overflow:hidden;padding-top:100%;position:relative;width:100%}.content-thumbnail img{height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}.exclusive-badge{background:#ff1493e6;border-radius:6px;color:#fff;font-size:11px;font-weight:700;padding:4px 8px;position:absolute;right:8px;top:8px}.content-info{padding:12px}.content-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff;display:-webkit-box;font-size:13px;margin:0 0 8px;overflow:hidden}.content-stats{color:#fff9;display:flex;font-size:12px;gap:12px}.btn-delete-content{background:#ef4444e6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;left:8px;padding:6px 10px;position:absolute;top:8px;transition:all .2s ease}.btn-delete-content:hover{background:#ef4444}.subscribers-card{background:#fff;background:var(--dashboard-card-bg);border:1px solid #e0e0e0;border:1px solid var(--dashboard-border);border-radius:12px;box-shadow:0 1px 3px #0000000d;padding:32px}.subscribers-card,.subscribers-header{margin-bottom:24px}.subscribers-header h2{color:#1a1a1a;color:var(--dashboard-text);font-size:20px;font-weight:700;margin:0}.empty-subscribers{color:#666;color:var(--dashboard-text-secondary);padding:48px 20px;text-align:center}.subscribers-list{display:flex;flex-direction:column;gap:12px}.subscriber-item{align-items:center;background:#f9f9f9;background:var(--dashboard-input-bg);border:1px solid #e0e0e0;border:1px solid var(--dashboard-border);border-radius:8px;display:flex;gap:16px;padding:16px;transition:all .2s ease}.subscriber-item:hover{background:#fff;background:var(--dashboard-card-bg);border-color:#ff6b9d4d;box-shadow:0 2px 8px #0000000d}.subscriber-avatar{border-radius:50%;flex-shrink:0;height:48px;overflow:hidden;width:48px}.subscriber-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:#e0e0e0;background:var(--dashboard-border);color:#1a1a1a;color:var(--dashboard-text);font-size:24px}.subscriber-info{flex:1 1}.subscriber-name{color:#1a1a1a;color:var(--dashboard-text);font-size:15px;font-weight:600;margin:0 0 4px}.subscriber-date{color:#666;color:var(--dashboard-text-secondary);font-size:13px;margin:0}.subscriber-status{text-align:right}.days-remaining{color:#10b981;font-size:13px;font-weight:600}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer;height:18px;width:18px}@media (max-width:768px){.content-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.content-header{align-items:stretch;flex-direction:column;gap:12px}.btn-upload{width:100%}.subscriber-item{padding:12px}.subscriber-avatar{height:40px;width:40px}}.upload-preview{border-radius:12px;margin-top:16px;max-width:100%;overflow:hidden}.upload-preview img,.upload-preview video{background:#0003;max-height:300px;object-fit:contain;width:100%}.form-input[type=file]{cursor:pointer;padding:8px}.form-input[type=file]::-webkit-file-upload-button{background:#ff1493;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-right:12px;padding:8px 16px}.form-input[type=file]::file-selector-button{background:#ff1493;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-right:12px;padding:8px 16px}.form-input[type=file]::-webkit-file-upload-button:hover{background:#ff6b9d}.form-input[type=file]::file-selector-button:hover{background:#ff6b9d}@keyframes highlight-pulse{0%,to{box-shadow:0 4px 12px #0000001a;transform:scale(1)}25%{box-shadow:0 8px 24px #ffc10799;transform:scale(1.02)}50%{box-shadow:0 12px 32px #ffc107cc;transform:scale(1.03)}75%{box-shadow:0 8px 24px #ffc10799;transform:scale(1.02)}}:root{--creator-bg:#f0f2f5;--creator-card-bg:#fff;--creator-text-primary:#050505;--creator-text-secondary:#65676b;--creator-border:#e4e6eb;--creator-shadow:#0000001a}body.dark-mode{--creator-bg:#18191a;--creator-card-bg:#242526;--creator-text-primary:#e4e6eb;--creator-text-secondary:#b0b3b8;--creator-border:#3a3b3c;--creator-shadow:#0000004d}.creator-profile-container{background:#f0f2f5;background:var(--creator-bg);min-height:100vh;padding-bottom:80px}.profile-cover{background:linear-gradient(135deg,#667eea,#764ba2);height:400px;overflow:hidden;position:relative;width:100%}.profile-cover img{height:100%;object-fit:cover;width:100%}.cover-upload-btn{align-items:center;background:#fffffff2;border:none;border-radius:8px;bottom:20px;box-shadow:0 2px 8px #0003;cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 20px;position:absolute;right:20px;transition:all .2s ease}.cover-upload-btn:hover{background:#fff;box-shadow:0 4px 12px #0000004d;transform:translateY(-2px)}.profile-header{background:#fff;background:var(--creator-card-bg);border-radius:0 0 8px 8px;box-shadow:0 1px 2px #0000001a;box-shadow:0 1px 2px var(--creator-shadow);margin:0 auto;max-width:940px;padding:0 16px 16px;position:relative}.profile-header-content{align-items:flex-end;border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--creator-border);display:flex;gap:20px;padding-bottom:16px;padding-top:16px}.profile-avatar{background:#fff;background:var(--creator-card-bg);border:4px solid #fff;border:4px solid var(--creator-card-bg);border-radius:50%;box-shadow:0 2px 12px #0000001a;box-shadow:0 2px 12px var(--creator-shadow);height:168px;margin-top:-84px;overflow:hidden;width:168px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-info{flex:1 1;padding-bottom:8px}.profile-name{align-items:center;display:flex;gap:8px;margin:0 0 4px}.profile-name h1{color:#050505;color:var(--creator-text-primary);font-size:32px;font-weight:700;margin:0}.verified-badge{align-items:center;background:#1877f2;border-radius:50%;color:#fff;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.feature-badges{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.feature-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:all .2s ease}.feature-badge.travel{background:linear-gradient(135deg,#3b82f626,#2563eb26);border:1px solid #3b82f64d;color:#2563eb}.feature-badge.parking{background:linear-gradient(135deg,#10b98126,#05966926);border:1px solid #10b9814d;color:#059669}.feature-badge .badge-icon{font-size:14px}body.dark-mode .feature-badge.travel{background:#3b82f633;border-color:#3b82f666;color:#60a5fa}body.dark-mode .feature-badge.parking{background:#10b98133;border-color:#10b98166;color:#34d399}.profile-stats{color:#65676b;color:var(--creator-text-secondary);display:flex;font-size:15px;gap:16px}.profile-stat{font-weight:600}.profile-actions{display:flex;gap:8px;padding-top:16px}.btn-primary{background:#1877f2;border-radius:6px;font-size:15px;padding:10px 24px;transition:all .2s ease}.btn-primary:hover{background:#166fe5}.btn-secondary{background:#e4e6eb;background:var(--creator-border);border-radius:6px;color:#050505;color:var(--creator-text-primary);font-size:15px;padding:10px 24px;transition:all .2s ease}.btn-secondary:hover{background:#0000001a;background:var(--creator-shadow)}.btn-report{align-items:center;background:#0000;border:1px solid #e4e6eb;border:1px solid var(--creator-border);border-radius:6px;color:#65676b;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:10px 12px;transition:all .2s ease}.btn-report:hover{background:#ff44581a;border-color:#ff44584d;color:#ff4458}body.dark-mode .btn-report{border-color:#e4e6eb;border-color:var(--creator-border);color:#b0b3b8}body.dark-mode .btn-report:hover{background:#ff445826;border-color:#ff445866;color:#ff6b7a}.btn-icon{align-items:center;display:flex;gap:8px}.profile-nav{background:#fff;background:var(--creator-card-bg);border-radius:8px;box-shadow:0 1px 2px #0000001a;box-shadow:0 1px 2px var(--creator-shadow);display:flex;gap:4px;margin:16px auto 0;max-width:940px;padding:0 16px}.nav-tab{background:none;border:none;border-bottom:3px solid #0000;color:#65676b;color:var(--creator-text-secondary);cursor:pointer;font-size:15px;font-weight:600;padding:16px;transition:all .2s ease}.nav-tab:hover{background:#f0f2f5;background:var(--creator-bg);border-radius:8px 8px 0 0}.nav-tab.active{border-bottom-color:#1877f2;color:#1877f2}.profile-content{grid-gap:16px;display:grid;gap:16px;grid-template-columns:360px 1fr;margin:16px auto;max-width:940px}.profile-sidebar{display:flex;flex-direction:column;gap:16px}.sidebar-card{background:#fff;background:var(--creator-card-bg);border-radius:8px;box-shadow:0 1px 2px #0000001a;box-shadow:0 1px 2px var(--creator-shadow);padding:16px}.sidebar-card h3{color:#050505;color:var(--creator-text-primary);font-size:20px;font-weight:700;margin:0 0 12px}.sidebar-card p{color:#65676b;color:var(--creator-text-secondary);font-size:15px;line-height:1.5;margin:0}.info-item{color:#050505;color:var(--creator-text-primary);font-size:15px;gap:12px}.info-icon{color:#65676b;height:20px;width:20px}.profile-feed{display:flex;flex-direction:column;gap:16px}.post-card{background:#fff;background:var(--creator-card-bg);border-radius:8px;box-shadow:0 1px 2px #0000001a;box-shadow:0 1px 2px var(--creator-shadow);overflow:hidden}.post-header{align-items:center;display:flex;gap:12px;padding:12px 16px}.post-avatar{border-radius:50%;height:40px;overflow:hidden;width:40px}.post-avatar img{height:100%;object-fit:cover;width:100%}.post-author{flex:1 1}.post-author-name{align-items:center;color:#050505;color:var(--creator-text-primary);display:flex;font-size:15px;font-weight:600;gap:4px}.post-time{color:#65676b;color:var(--creator-text-secondary);font-size:13px}.post-content{padding:0 16px 12px}.post-text{color:#050505;color:var(--creator-text-primary);font-size:15px;line-height:1.5;margin:0 0 12px}.post-media{cursor:pointer;max-height:600px;object-fit:cover;width:100%}.post-media.blurred{filter:blur(20px);pointer-events:none}.post-stats{border-bottom:1px solid #e4e6eb;border-bottom:1px solid var(--creator-border);border-top:1px solid #e4e6eb;border-top:1px solid var(--creator-border);color:#65676b;color:var(--creator-text-secondary);font-size:15px;justify-content:space-between;padding:12px 16px}.post-stat,.post-stats{align-items:center;display:flex}.post-stat{gap:4px}.post-actions{display:flex;justify-content:space-around;padding:4px 16px}.post-action-btn{align-items:center;background:none;border:none;border-radius:4px;color:#65676b;color:var(--creator-text-secondary);cursor:pointer;display:flex;flex:1 1;font-size:15px;font-weight:600;gap:6px;justify-content:center;padding:8px;transition:all .2s ease}.post-action-btn:hover{background:#f0f2f5;background:var(--creator-bg)}.post-action-btn.liked{color:#1877f2}.post-comments{background:#f0f2f5;background:var(--creator-bg);padding:12px 16px}.comment-input-wrapper{display:flex;gap:8px;margin-bottom:12px}.comment-avatar{border-radius:50%;height:32px;overflow:hidden;width:32px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-input-box{display:flex;flex:1 1;gap:8px}.comment-input{background:#fff;background:var(--creator-card-bg);border:none;border-radius:18px;color:#050505;color:var(--creator-text-primary);flex:1 1;font-size:15px;outline:none;padding:8px 12px}.comment-input:focus{background:#e4e6eb;background:var(--creator-border)}.comment-submit{background:#1877f2;border:none;border-radius:18px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.comment-submit:hover{background:#166fe5}.comment-list{flex-direction:column}.comment-item,.comment-list{display:flex;gap:8px}.comment-content{background:#fff;background:var(--creator-card-bg);border-radius:18px;flex:1 1;padding:8px 12px}.comment-author{font-size:13px;font-weight:600;margin-bottom:2px}.comment-author,.comment-text{color:#050505;color:var(--creator-text-primary)}.comment-text{font-size:15px;margin:0}.comment-time{color:#65676b;color:var(--creator-text-secondary);font-size:12px;margin-top:4px;padding-left:48px}.subscription-banner{background:linear-gradient(135deg,#1877f2,#166fe5);border-radius:8px;color:#fff;margin-bottom:16px;padding:24px;text-align:center}.subscription-banner h3{font-size:20px;font-weight:700;margin:0 0 8px}.subscription-banner p{margin:0 0 16px;opacity:.9}.subscription-price{font-size:32px;font-weight:700;margin:16px 0}.loading-container{align-items:center;display:flex;justify-content:center;min-height:400px}.empty-state{color:#65676b;color:var(--creator-text-secondary);padding:60px 20px}.empty-state-icon{font-size:64px;margin-bottom:16px}@media (max-width:900px){.profile-cover{height:300px}.profile-content{grid-template-columns:1fr}.profile-sidebar{order:2}.profile-feed{order:1}}@media (max-width:768px){.profile-cover{height:200px}.profile-avatar{height:120px;margin-top:-60px;width:120px}.profile-name h1{font-size:24px}.profile-header-content{align-items:flex-start;flex-direction:column}.profile-actions{width:100%}.btn-primary,.btn-secondary{flex:1 1}}.about-tab-content{margin:0 auto;max-width:800px;padding:24px}.about-section-full{background:#fff;background:var(--creator-card-bg);border-radius:12px;box-shadow:0 1px 2px #0000001a;box-shadow:0 1px 2px var(--creator-shadow);padding:32px}.about-section-full h2{color:#050505;color:var(--creator-text-primary);font-size:28px;font-weight:700;margin:0 0 24px}.about-bio{margin-bottom:32px}.about-bio h3{color:#050505;color:var(--creator-text-primary);font-size:20px;font-weight:600;margin:0 0 12px}.about-bio p{color:#65676b;color:var(--creator-text-secondary);font-size:16px;line-height:1.6;margin:0}.about-details h3{color:#050505;color:var(--creator-text-primary);font-size:20px;font-weight:600;margin:0 0 16px}.detail-grid{grid-gap:16px;display:grid;gap:16px}.detail-item{align-items:flex-start;background:#f0f2f5;background:var(--creator-bg);border-radius:8px;display:flex;gap:16px;padding:16px}.detail-icon{flex-shrink:0;font-size:24px}.detail-label{color:#65676b;color:var(--creator-text-secondary);font-size:13px;font-weight:500;margin-bottom:4px}.detail-value{color:#050505;color:var(--creator-text-primary);font-size:16px;font-weight:600}.photos-tab-content{margin:0 auto;max-width:1200px;padding:24px}.photos-tab-content h2{color:#050505;color:var(--creator-text-primary);font-size:28px;font-weight:700;margin:0 0 24px}.photos-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.photo-grid-item{background:#fff;background:var(--creator-card-bg);border-radius:12px;box-shadow:0 1px 2px #0000001a;box-shadow:0 1px 2px var(--creator-shadow);overflow:hidden;position:relative;transition:transform .2s ease,box-shadow .2s ease}.photo-grid-item:hover{box-shadow:0 4px 12px #0000001a;box-shadow:0 4px 12px var(--creator-shadow);transform:translateY(-4px)}.photo-grid-item img{display:block;height:280px;object-fit:cover;width:100%}.photo-caption{background:#fff;background:var(--creator-card-bg);color:#050505;color:var(--creator-text-primary);font-size:14px;padding:12px}@media (max-width:768px){.about-tab-content,.photos-tab-content{padding:16px}.about-section-full{padding:20px}.about-section-full h2,.photos-tab-content h2{font-size:24px}.photos-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.photo-grid-item img{height:150px}}.comment-delete-btn{align-items:center;background:#0000;border:none;border-radius:50%;color:#65676b;cursor:pointer;display:flex;justify-content:center;opacity:0;padding:6px;position:absolute;right:8px;top:8px;transition:all .2s ease}.comment-item:hover .comment-delete-btn{opacity:1}.comment-delete-btn:hover{background:#0000000d;color:#f02849}.comment-delete-btn svg{display:block}body.dark-mode .comment-delete-btn{color:#b0b3b8}body.dark-mode .comment-delete-btn:hover{background:#ffffff1a;color:#ff4458}.comment-item{padding-right:40px;position:relative}.status-input-card{background:#fff;background:var(--creator-card-bg);border-radius:8px;box-shadow:0 1px 2px #0000001a;margin-bottom:16px;padding:16px}.status-input-header{display:flex;gap:12px;margin-bottom:12px}.status-avatar{border-radius:50%;flex-shrink:0;height:40px;overflow:hidden;width:40px}.status-avatar img{height:100%;object-fit:cover;width:100%}.status-input{background:#f0f2f5;background:var(--creator-bg);border:none;border-radius:20px;color:#050505;color:var(--creator-text-primary);flex:1 1;font-family:inherit;font-size:15px;outline:none;padding:12px 16px;resize:none;transition:background .2s}.status-input:focus{background:#fff;background:var(--creator-card-bg);box-shadow:0 0 0 2px var(--creator-primary)}.status-input::placeholder{color:#65676b;color:var(--creator-text-secondary)}.status-input-footer{border-top:1px solid #e4e6eb;border-top:1px solid var(--creator-border);display:flex;justify-content:flex-end;padding-top:8px}.btn-post-status{background:var(--creator-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:8px 24px;transition:all .2s}.btn-post-status:hover:not(:disabled){background:#1565c0;transform:translateY(-1px)}.btn-post-status:disabled{background:#e4e6eb;color:#bcc0c4;cursor:not-allowed}body.dark-mode .btn-post-status:disabled{background:#3a3b3c;color:#65676b}.post-card .post-text{color:#050505;color:var(--creator-text-primary);font-size:16px;line-height:1.5;margin:0;padding:8px 0}@media (max-width:768px){.status-input-card{padding:12px}.status-avatar{height:36px;width:36px}.status-input{font-size:14px;padding:10px 14px}.btn-post-status{font-size:14px;padding:6px 20px}}.notifications-page{margin:0 auto;max-width:800px;padding:20px 20px 100px}.notifications-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.notifications-header h1{color:var(--text-primary);font-size:32px;font-weight:900;margin:0}.btn-clear-all{background:#ef44441a;border:1px solid #ef44444d;border-radius:12px;color:#ef4444;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease}.btn-clear-all:hover{background:#ef444433;border-color:#ef4444}.notifications-tabs{border-bottom:2px solid var(--border-color);display:flex;gap:12px;margin-bottom:24px}.notifications-tabs button{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:15px;font-weight:700;margin-bottom:-2px;padding:12px 24px;transition:all .2s ease}.notifications-tabs button:hover{color:var(--text-primary)}.notifications-tabs button.active{border-bottom-color:#ff1493;color:#ff1493}.notifications-list{display:flex;flex-direction:column;gap:12px}.notification-item{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s ease}.notification-item:hover{border-color:#ff14934d;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.notification-item.missed-call{border-left:4px solid #10b981}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.notification-icon.creator{background:linear-gradient(135deg,#ff14931a,#ff6b9d1a);border:2px solid #ff14934d}.notification-icon.call{background:linear-gradient(135deg,#10b9811a,#0596691a);border:2px solid #10b9814d}.notification-content{flex:1 1}.notification-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:8px}.notification-header h4{color:var(--text-primary);font-size:16px;font-weight:700;margin:0}.notification-time{color:var(--text-tertiary);font-size:12px;font-weight:600}.notification-content>p{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.notification-user{align-items:center;background:#0000001a;border-radius:8px;display:flex;gap:10px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.notification-user img{border-radius:50%;height:32px;object-fit:cover;width:32px}.notification-user span{color:var(--text-primary);font-size:14px;font-weight:600}.empty-notifications{padding:80px 20px;text-align:center}.empty-icon{font-size:64px;margin-bottom:16px}.empty-notifications h3{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 8px}.empty-notifications p{color:var(--text-secondary);font-size:16px;margin:0}@media (max-width:768px){.notifications-page{padding:72px 16px 16px}.notifications-header{align-items:flex-start;flex-direction:column;gap:12px}.notifications-header h1{font-size:24px}.btn-clear-all{width:100%}.notifications-tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;scrollbar-width:none}.notifications-tabs::-webkit-scrollbar{display:none}.notifications-tabs button{font-size:14px;padding:10px 16px;white-space:nowrap}.notification-item{padding:16px}.notification-icon{font-size:20px;height:40px;width:40px}}.subscriptions-container{margin:0 auto;max-width:1200px;min-height:100vh;padding:24px}.subscriptions-header{margin-bottom:32px}.subscriptions-header h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 8px}.subscriptions-header p{color:var(--text-secondary);font-size:16px;margin:0}.subscriptions-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.subscription-card{background:var(--card-bg);border-radius:16px;box-shadow:0 2px 8px #0000001a;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.subscription-card:hover{box-shadow:0 4px 16px #00000026;transform:translateY(-4px)}.subscription-cover{background:linear-gradient(135deg,#667eea,#764ba2);height:160px;position:relative;width:100%}.subscription-cover img{height:100%;object-fit:cover;width:100%}.cover-placeholder{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;width:100%}.subscription-content{padding:20px;text-align:center}.subscription-avatar{background:var(--card-bg);border:4px solid var(--card-bg);border-radius:50%;box-shadow:0 2px 8px #00000026;height:80px;margin:-60px auto 16px;overflow:hidden;width:80px}.subscription-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:32px;font-weight:700;height:100%;justify-content:center;width:100%}.subscription-card h3{color:var(--text-primary);font-size:20px;font-weight:700;margin:0 0 8px}.subscription-card h3:hover{color:var(--primary-color)}.subscription-bio{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:14px;line-height:1.5;margin:0 0 16px;overflow:hidden}.subscription-info{background:var(--bg-secondary);border-radius:12px;margin-bottom:16px;padding:16px}.info-item{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:8px 0}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item:first-child{padding-top:0}.info-label{color:var(--text-secondary);font-size:13px;font-weight:500}.info-value{color:var(--text-primary);font-size:14px;font-weight:600}.status-badge{border-radius:12px;font-size:12px;font-weight:700;padding:4px 12px}.status-badge.active{background:#10b981;color:#fff}.status-badge.expired{background:#ef4444;color:#fff}.subscription-actions{display:flex;gap:8px}.subscription-actions .btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px 16px;transition:all .2s ease}.btn-primary{background:var(--primary-color)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover{background:var(--border-color)}.empty-state{padding:80px 20px;text-align:center}.empty-icon{font-size:80px;margin-bottom:24px;opacity:.5}.empty-state h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:0 0 12px}.empty-state p{color:var(--text-secondary);font-size:16px;margin:0 0 24px}.empty-state .btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 32px;transition:all .2s ease}.empty-state .btn:hover{background:var(--primary-hover);box-shadow:0 4px 12px #ff44934d;transform:translateY(-2px)}.error-message{background:#fee;border-radius:8px;color:#c33;margin-bottom:24px;padding:16px;text-align:center}@media (max-width:768px){.subscriptions-container{padding:16px}.subscriptions-header h1{font-size:24px}.subscriptions-grid{gap:16px;grid-template-columns:1fr}.subscription-actions{flex-direction:column}.subscription-actions .btn{width:100%}}.early-payout-container{margin:0 auto;max-width:1200px;padding:20px}.early-payout-container h1{color:#333;font-size:2rem;margin-bottom:20px}.alert{border-radius:8px;font-weight:500;margin-bottom:20px;padding:15px}.alert-error{background-color:#fee;border:1px solid #fcc;color:#c33}.alert-success{background-color:#efe;border:1px solid #cfc;color:#3c3}.payout-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:30px}.stat-card{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 4px 6px #0000001a;color:#fff;padding:25px}.stat-card h3{font-size:.9rem;font-weight:500;margin-bottom:10px;opacity:.9}.stat-value{font-size:2rem;font-weight:700;margin:0}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;margin-bottom:20px;padding:12px 30px;transition:transform .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#6c757d;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 30px;transition:transform .2s}.btn-secondary:hover{background:#5a6268}.btn-cancel{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.9rem;margin-top:10px;padding:8px 16px}.btn-cancel:hover{background:#c82333}.info-text{color:#666;font-size:.9rem;margin-bottom:20px;margin-top:-10px}.payout-form-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:30px}.payout-form-container h2{color:#333;margin-bottom:20px;margin-top:0}.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;margin-bottom:8px}.form-group input,.form-group select{border:1px solid #ddd;border-radius:8px;font-size:1rem;padding:12px;transition:border-color .3s;width:100%}.form-group input:focus,.form-group select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group small{color:#666;display:block;font-size:.85rem;margin-top:5px}.form-actions{display:flex;gap:10px;margin-top:25px}.payout-history{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:30px}.payout-history h2{color:#333;margin-bottom:20px;margin-top:0}.history-list{display:flex;flex-direction:column;gap:15px}.history-item{border:1px solid #e0e0e0;border-radius:8px;padding:20px;transition:box-shadow .3s}.history-item:hover{box-shadow:0 2px 8px #0000001a}.history-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.history-header .amount{color:#333;font-size:1.5rem;font-weight:700}.status-badge{border-radius:20px;font-size:.85rem;font-weight:600;padding:6px 12px;text-transform:uppercase}.status-pending{background:#fff3cd;color:#856404}.status-processing{background:#cfe2ff;color:#084298}.status-completed{background:#d1e7dd;color:#0f5132}.status-failed{background:#f8d7da;color:#842029}.status-cancelled{background:#e2e3e5;color:#41464b}.history-details p{color:#666;font-size:.95rem;margin:8px 0}.history-details strong{color:#333;margin-right:5px}.error-text{color:#dc3545}.loading{color:#666;font-size:1.2rem;padding:40px;text-align:center}@media (max-width:768px){.payout-stats{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.history-header{align-items:flex-start;flex-direction:column;gap:10px}}.contact-support-container{margin:0 auto;max-width:600px;min-height:100vh;padding:40px 20px}.contact-support-content{background:linear-gradient(145deg,#1a1a2e,#16213e);border:1px solid #ff6b9d33;border-radius:24px;box-shadow:0 8px 32px #ff149333;padding:60px 40px;text-align:center}.support-icon{animation:bounce 2s ease-in-out infinite;font-size:80px;margin-bottom:24px}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.contact-support-content h1{color:#fff;font-size:36px;font-weight:800;margin:0 0 12px}.support-subtitle{color:#ffffffb3;font-size:16px;margin:0 0 40px}.support-reasons{background:#ff14930d;border:1px solid #ff6b9d33;border-radius:16px;margin-bottom:32px;padding:24px;text-align:left}.support-reasons h3{color:#fff;font-size:18px;font-weight:700;margin:0 0 16px}.support-reasons ul{list-style:none;margin:0;padding:0}.support-reasons li{color:#fffc;font-size:15px;padding:8px 0}.btn-contact-support{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:16px;box-shadow:0 4px 12px #10b9814d;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-bottom:32px;padding:18px;transition:all .3s ease;width:100%}.btn-contact-support:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.btn-contact-support:disabled{cursor:not-allowed;opacity:.6}.support-info{border-top:1px solid #ff6b9d33;padding-top:24px}.support-info p{color:#fff9;font-size:14px;margin:8px 0}.support-info strong{color:#ffffffe6}@media (max-width:768px){.contact-support-container{padding:24px 16px}.contact-support-content{border-radius:16px;padding:40px 24px}.support-icon{font-size:64px}.contact-support-content h1{font-size:28px}.support-subtitle{font-size:14px}.support-reasons{padding:20px}.support-reasons h3{font-size:16px}.support-reasons li{font-size:14px}.btn-contact-support{font-size:16px;padding:16px}}@media (max-width:480px){.contact-support-content{padding:32px 20px}.support-icon{font-size:56px}.contact-support-content h1{font-size:24px}}.legal-page{background:var(--background);min-height:100vh;padding:40px 20px}.legal-container{background:var(--surface);border-radius:16px;box-shadow:0 2px 16px #00000014;margin:0 auto;max-width:900px;padding:48px}.back-link{align-items:center;color:var(--primary);display:inline-flex;font-weight:600;gap:8px;margin-bottom:24px;text-decoration:none;transition:all .3s ease}.back-link:hover{transform:translateX(-4px)}.legal-container h1{color:var(--text-primary);font-size:36px;font-weight:800;letter-spacing:-.5px;margin:0 0 12px}.last-updated,.subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:32px}.subtitle{font-size:16px;line-height:1.6}.legal-container section{margin-bottom:40px}.legal-container h2{color:var(--text-primary);font-size:24px;font-weight:700;margin:32px 0 16px}.legal-container h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:24px 0 12px}.legal-container p{color:var(--text-secondary);line-height:1.8;margin-bottom:16px}.legal-container ol,.legal-container ul{color:var(--text-secondary);line-height:1.8;margin:16px 0;padding-left:24px}.legal-container li{margin-bottom:8px}.legal-container a{color:var(--primary);font-weight:600;text-decoration:none}.legal-container a:hover{text-decoration:underline}.feature-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:32px 0}.feature-card{background:var(--background);border:2px solid var(--border-light);border-radius:12px;padding:24px;transition:all .3s ease}.feature-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.feature-icon{font-size:40px;margin-bottom:16px}.feature-card h3{font-size:18px;margin:0 0 8px}.feature-card p{font-size:14px;margin:0}.steps{display:flex;flex-direction:column;gap:24px;margin:32px 0}.step{align-items:flex-start;display:flex;gap:20px}.step-number{align-items:center;background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:800;height:48px;justify-content:center;width:48px}.step h3{margin:0 0 8px}.step p{margin:0}.values-list{list-style:none;padding:0}.values-list li{background:var(--background);border-left:4px solid var(--primary);border-radius:8px;margin-bottom:12px;padding:16px}.values-list strong{color:var(--text-primary)}.safety-tips{background:#ff6b6b1a;border:2px solid #ff6b6b4d;border-radius:12px;padding:24px}.tier-comparison{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:32px 0}.tier{background:var(--background);border:2px solid var(--border-light);border-radius:16px;padding:32px 24px;position:relative}.tier.featured{border-color:var(--primary);box-shadow:0 8px 24px #0000001f}.popular-badge{background:var(--primary);border-radius:12px;color:#fff;font-size:12px;font-weight:700;left:50%;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%)}.tier h3{margin:0 0 16px;text-align:center}.tier ul{list-style:none;padding:0}.tier li{align-items:center;display:flex;gap:8px;padding:8px 0}.tier li:before{color:var(--primary);content:"✓";font-weight:800}.contact-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:1fr 1fr;margin:32px 0}.contact-methods{display:flex;flex-direction:column;gap:24px}.contact-method{background:var(--background);border:2px solid var(--border-light);border-radius:12px;display:flex;gap:16px;padding:20px}.contact-icon{flex-shrink:0;font-size:32px}.contact-method h3{font-size:16px;margin:0 0 8px}.contact-method p{font-size:14px;margin:0}.response-time{font-size:12px;margin-top:4px!important;opacity:.7}.contact-form{gap:20px}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:var(--text-primary);font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{background:var(--background);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.submit-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 32px;transition:all .3s ease}.submit-btn:hover{box-shadow:0 8px 24px #ff6b6b4d;transform:translateY(-2px)}.success-message{background:#10b9811a;border:2px solid #10b9814d;border-radius:12px;padding:48px 24px;text-align:center}.success-icon{align-items:center;background:#10b981;border-radius:50%;color:#fff;display:flex;font-size:32px;font-weight:800;height:64px;justify-content:center;margin:0 auto 16px;width:64px}.success-message h3{color:#10b981;margin:0 0 8px}.success-message p{margin:0}.faq-search{margin:32px 0}.search-input{background:var(--background);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:16px;padding:16px 20px;transition:all .3s ease;width:100%}.search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #ff6b6b1a;outline:none}.faq-container{display:flex;flex-direction:column;gap:32px}.faq-category{background:var(--background);border:2px solid var(--border-light);border-radius:12px;padding:24px}.category-title{color:var(--primary);font-size:20px;font-weight:700;margin:0 0 20px}.faq-item{border-bottom:1px solid var(--border-light);padding:16px 0}.faq-item:last-child{border-bottom:none}.faq-question{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-size:16px;font-weight:600;justify-content:space-between;padding:0;text-align:left;transition:all .3s ease;width:100%}.faq-icon,.faq-question:hover{color:var(--primary)}.faq-icon{flex-shrink:0;font-size:24px;font-weight:300;margin-left:16px}.faq-answer{animation:slideDown .3s ease;padding:16px 0 0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{line-height:1.8;margin:0}.still-need-help{background:var(--background);border-radius:16px;margin-top:48px;padding:48px 24px;text-align:center}.still-need-help h2{margin:0 0 12px}.still-need-help p{margin:0 0 24px}.help-buttons{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.help-btn{background:linear-gradient(135deg,var(--primary) 0,var(--primary-light) 100%);border-radius:8px;color:#fff;font-weight:700;padding:14px 32px;text-decoration:none;transition:all .3s ease}.help-btn:hover{box-shadow:0 8px 24px #ff6b6b4d;transform:translateY(-2px)}.help-btn.secondary{background:var(--background);border:2px solid var(--border);color:var(--text-primary)}.help-btn.secondary:hover{border-color:var(--primary);color:var(--primary)}.faq-preview{background:var(--background);border-radius:12px;margin-top:48px;padding:32px;text-align:center}@media (max-width:768px){.legal-container{padding:32px 24px}.legal-container h1{font-size:28px}.legal-container h2{font-size:20px}.contact-grid,.feature-grid,.tier-comparison{grid-template-columns:1fr}.contact-grid{gap:32px}.help-buttons{flex-direction:column}.help-btn{width:100%}}.app-container{margin:0 auto;max-width:1200px;padding:20px}.card{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid #ff14931a;border-radius:20px;box-shadow:0 8px 32px #ff149326;margin-bottom:20px;padding:24px}.btn{border:none;border-radius:50px;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;padding:14px 32px;text-transform:uppercase;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#ff1493,#ff6b9d);box-shadow:0 4px 15px #ff149366;color:#fff}.btn-primary:hover{box-shadow:0 6px 20px #ff149399;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.btn-secondary{background:#ffffff1a;border:1px solid #fff3;color:#fff}.btn-secondary:hover{background:#ffffff26;border-color:#ff149380}.input-group{margin-bottom:20px}.input-group label{color:#fff;display:block;font-size:12px;font-weight:600;letter-spacing:1px;margin-bottom:8px;text-transform:uppercase}.input-group input,.input-group select,.input-group textarea{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;color:#fff;font-size:16px;padding:14px 18px;transition:all .3s ease;width:100%}.input-group input::placeholder,.input-group textarea::placeholder{color:#fff6}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{background:#ffffff14;border-color:#ff1493;box-shadow:0 0 0 3px #ff14931a;outline:none}.error{color:#ff4757;font-size:14px;font-weight:500;margin-top:4px}.navbar{align-items:center;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid #ff14931a;border-radius:16px;box-shadow:0 4px 20px #ff149333;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 32px}.navbar h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff1493,#ff6b9d);-webkit-background-clip:text;background-clip:text;font-size:28px;font-weight:900;letter-spacing:2px}.navbar-links{align-items:center;display:flex;gap:20px}.navbar-links a{border-radius:8px;color:#fffc;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.navbar-links a:hover{background:#ff14931a;color:#ff1493}@media (max-width:768px){.app-container{padding:12px}.card{padding:16px}.navbar{padding:16px 20px}.navbar h2{font-size:22px}.navbar-links{gap:12px}.navbar-links a{font-size:14px;padding:6px 12px}}body.dark-mode{background-color:#1a202c;color:#e5e7eb}body{transition:background-color .3s ease,color .3s ease}
/*# sourceMappingURL=main.f8a6c237.css.map*/