*{margin:0;padding:0}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap");html{height:100%;overflow-x:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);color:#333;font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.01em}#__next,body{min-height:100vh;overflow-x:hidden;position:relative}.container{max-width:400px;width:calc(100% - 2rem);margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.1);max-height:calc(100vh - 4rem);overflow-y:auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:500;color:#555}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.btn{display:inline-block;width:100%;padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.btn:hover{background:#5a6fd8}.btn:disabled{background:#ccc;cursor:not-allowed}.error{color:#e74c3c}.error,.success{font-size:.875rem;margin-top:.5rem}.success{color:#27ae60}.stepper{display:flex;justify-content:space-between;margin-bottom:2rem}.step{width:2rem;height:2rem;border-radius:50%;background:#e1e5e9;display:flex;align-items:center;justify-content:center;font-weight:700;color:#666}.step.active{background:#667eea;color:#fff}.step.completed{background:#27ae60;color:#fff}.login-type-selector{display:flex;margin-bottom:2rem;background:#f8f9fa;border-radius:8px;padding:4px;gap:4px}.type-btn{flex:1 1;padding:.75rem 1rem;border:none;background:transparent;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;color:#666}.type-btn.active{background:#fff;color:#667eea;box-shadow:0 2px 4px rgba(0,0,0,.1)}.type-btn:hover:not(.active){color:#333;background:hsla(0,0%,100%,.5)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:linear-gradient(135deg,#1a1a2e,#16213e);border-radius:16px;padding:2rem;width:calc(100% - 2rem);max-width:600px;max-height:calc(100vh - 4rem);max-height:calc(100dvh - 4rem);overflow-y:auto;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideIn .3s ease;margin:1rem}.modal-close{position:absolute;top:1rem;right:1rem;background:hsla(0,0%,100%,.1);border:none;color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:all .2s}.modal-close:hover{background:hsla(0,0%,100%,.2);transform:rotate(90deg)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body.low-power .background-shapes,body.low-power .floating-shape,body.low-power .match-particles,body.low-power .searching:after,body.low-power .success-particles{animation:none!important}.pause-animations :not(.radar-circle):not(.floating-picture),body.pause-animations :not(.radar-circle):not(.floating-picture){animation-play-state:paused!important}@media (max-width:768px){.like-btn,.match-popup,.post-call-content,.start-video-btn{box-shadow:0 4px 12px rgba(0,0,0,.15)!important}.back-btn,.match-popup,.next-btn,.post-call-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}body.low-power .post-call-container:before,body.low-power .simple-video-page:before{display:none}}@media (max-width:768px) and (max-height:700px){.floating-shape:nth-child(n+3){display:none}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--success-gradient:linear-gradient(135deg,#4facfe,#00f2fe);--warning-gradient:linear-gradient(135deg,#fa709a,#fee140);--danger-gradient:linear-gradient(135deg,#f857a6,#ff5858);--dark-gradient:linear-gradient(135deg,#232526,#414345);--card-shadow:0 10px 30px rgba(0,0,0,.1);--card-hover-shadow:0 20px 40px rgba(0,0,0,.15);--text-primary:#1a202c;--text-secondary:#4a5568;--text-muted:#718096;--border-color:#e2e8f0;--bg-light:#f7fafc;--bg-white:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin-layout{min-height:100vh;background:#f8fafc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;position:relative;overflow-x:hidden}.admin-layout:before{content:"";position:fixed;top:0;left:0;right:0;height:400px;background:var(--primary-gradient);opacity:.05;z-index:0}.admin-header{background:var(--bg-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 1px 3px rgba(0,0,0,.1);position:-webkit-sticky;position:sticky;top:0;z-index:100;animation:slideIn .5s ease-out}.admin-header-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center;height:70px}.admin-header h1{color:var(--text-primary);font-size:1.75rem;font-weight:800;margin:0;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-nav{display:flex;align-items:center;gap:.5rem}.admin-nav-link{color:var(--text-secondary);text-decoration:none;padding:.5rem 1.25rem;border-radius:9999px;transition:all .3s ease;font-weight:500;font-size:.9rem;position:relative;overflow:hidden}.admin-nav-link:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--primary-gradient);opacity:0;transition:opacity .3s ease;z-index:-1}.admin-nav-link:hover{color:#fff;transform:translateY(-2px)}.admin-nav-link:hover:before{opacity:1}.admin-logout-btn{background:var(--danger-gradient);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:9999px;cursor:pointer;font-weight:500;font-size:.9rem;transition:all .3s ease}.admin-logout-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(248,87,166,.3)}.admin-main{max-width:1400px;margin:0 auto;padding:2rem;position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem;animation:fadeIn .6s ease-out}.stat-card{background:var(--bg-white);border-radius:20px;padding:1.75rem;position:relative;overflow:hidden;transition:all .3s ease;cursor:pointer;box-shadow:var(--card-shadow)}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;border-radius:50%;opacity:.1;transition:all .3s ease}.stat-card.users:before{background:var(--primary-gradient)}.stat-card.active:before{background:var(--success-gradient)}.stat-card.rooms:before{background:var(--secondary-gradient)}.stat-card.reports:before{background:var(--warning-gradient)}.stat-card.tokens:before{background:linear-gradient(135deg,#ffd89b,#19547b)}.stat-card.signups:before{background:linear-gradient(135deg,#89f7fe,#66a6ff)}.stat-card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.stat-card:hover:before{transform:scale(8);opacity:.15}.stat-card-header{display:flex;align-items:flex-start;gap:1rem}.stat-icon{width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;flex-shrink:0;position:relative;overflow:hidden;animation:float 3s ease-in-out infinite}.stat-card.users .stat-icon{background:linear-gradient(135deg,#667eea20,#764ba220)}.stat-card.active .stat-icon{background:linear-gradient(135deg,#4facfe20,#00f2fe20)}.stat-card.rooms .stat-icon{background:linear-gradient(135deg,#f093fb20,#f5576c20)}.stat-card.reports .stat-icon{background:linear-gradient(135deg,#fa709a20,#fee14020)}.stat-card.tokens .stat-icon{background:linear-gradient(135deg,#ffd89b20,#19547b20)}.stat-card.signups .stat-icon{background:linear-gradient(135deg,#89f7fe20,#66a6ff20)}.stat-content{flex:1 1}.stat-content h3{font-size:.875rem;font-weight:600;color:var(--text-muted);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:2.25rem;font-weight:800;color:var(--text-primary);line-height:1;margin:0}.stat-detail{font-size:.875rem;color:var(--text-secondary);margin-top:.5rem;display:flex;align-items:center;gap:.25rem}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-top:3rem;animation:fadeIn .8s ease-out .2s both}.nav-card{background:var(--bg-white);border-radius:20px;padding:2rem;text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--card-shadow);display:block}.nav-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}.nav-card:hover{transform:translateY(-5px);box-shadow:var(--card-hover-shadow)}.nav-card:hover:before{opacity:1}.nav-card-header{display:flex;align-items:flex-start;gap:1.25rem}.nav-icon{width:70px;height:70px;border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0}.nav-card.users .nav-icon{background:linear-gradient(135deg,#667eea20,#764ba220)}.nav-card.rooms .nav-icon{background:linear-gradient(135deg,#f093fb20,#f5576c20)}.nav-card.reports .nav-icon{background:linear-gradient(135deg,#fa709a20,#fee14020)}.nav-card.tokens .nav-icon{background:linear-gradient(135deg,#ffd89b20,#19547b20)}.nav-content h3{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .5rem}.nav-content p{font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.6}.stats-section{margin:3rem 0;background:var(--bg-white);border-radius:24px;padding:2rem;box-shadow:var(--card-shadow);animation:fadeIn .6s ease-out}.stats-section h2{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary);display:flex;align-items:center;gap:.75rem}.stats-section h2:before{content:"";width:4px;height:24px;background:var(--primary-gradient);border-radius:2px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.25rem;gap:1.25rem}.stat-box{background:var(--bg-light);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}.stat-box:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);transform:translateX(-100%);transition:transform .3s ease}.stat-box:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(0,0,0,.08);border-color:transparent}.stat-box:hover:before{transform:translateX(0)}.stat-box h4{font-size:.875rem;color:var(--text-muted);margin-bottom:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.stat-number{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin:0;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demographics-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem}.demographic-chart{background:var(--bg-light);border:1px solid var(--border-color);border-radius:16px;padding:1.75rem;transition:all .3s ease}.demographic-chart:hover{box-shadow:0 10px 25px rgba(0,0,0,.08);transform:translateY(-3px)}.demographic-chart h4{font-size:1.125rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:600}.gender-stats{display:flex;flex-direction:column;gap:1rem}.gender-item{position:relative;display:flex;align-items:center;gap:1rem;padding:.75rem;border-radius:12px;background:var(--bg-white);transition:all .3s ease}.gender-item:hover{transform:translateX(5px)}.gender-label{font-weight:600;text-transform:capitalize;min-width:80px;color:var(--text-primary)}.gender-count{font-weight:700;min-width:60px;text-align:right;color:var(--text-secondary)}.gender-bar{height:24px;border-radius:12px;transition:all .5s ease;position:relative;overflow:hidden}.gender-bar:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.3) 50%,hsla(0,0%,100%,0));animation:shimmer 2s infinite}.age-stats{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:.75rem;gap:.75rem}.age-item{display:flex;justify-content:space-between;padding:.875rem 1rem;background:var(--bg-white);border-radius:12px;transition:all .3s ease;border:1px solid transparent}.age-item:hover{border-color:var(--border-color);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.05)}.age-label{font-weight:600;color:var(--text-secondary);font-size:.9rem}.age-count{font-weight:700;color:var(--text-primary);font-size:1rem}.admin-table-container{background:var(--bg-white);border-radius:20px;overflow:hidden;box-shadow:var(--card-shadow);animation:fadeIn .6s ease-out}.admin-table-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);background:var(--bg-light)}.admin-table-header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background:var(--bg-light);padding:1rem 1.5rem;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.05em}.admin-table td,.admin-table th{border-bottom:1px solid var(--border-color)}.admin-table td{padding:1.25rem 1.5rem;transition:background-color .2s ease}.admin-table tr:hover td{background-color:var(--bg-light)}.admin-table tr:last-child td{border-bottom:none}.admin-badge{display:inline-flex;align-items:center;padding:.375rem .875rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-badge.online{background:linear-gradient(135deg,#4facfe20,#00f2fe20);color:#0ea5e9}.admin-badge.offline{background:hsla(220,9%,46%,.1);color:var(--text-muted)}.admin-btn{padding:.5rem 1.25rem;border-radius:9999px;font-size:.875rem;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.admin-btn.primary{background:var(--primary-gradient);color:#fff}.admin-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.admin-btn.secondary{background:var(--bg-light);color:var(--text-secondary);border:1px solid var(--border-color)}.admin-btn.secondary:hover{background:var(--bg-white);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.admin-btn.danger{background:var(--danger-gradient);color:#fff}.admin-btn.danger:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(248,87,166,.3)}.admin-filters{background:var(--bg-white);border-radius:20px;padding:1.75rem;margin-bottom:2rem;box-shadow:var(--card-shadow);animation:fadeIn .5s ease-out}.admin-filters h3{margin:0 0 1.5rem;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.25rem;gap:1.25rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{font-size:.875rem;font-weight:600;color:var(--text-secondary)}.filter-input{padding:.75rem 1.25rem;border:2px solid var(--border-color);border-radius:12px;font-size:.9rem;transition:all .3s ease;background:var(--bg-white);width:100%}.filter-input:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.filter-btn{background:var(--primary-gradient);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.filter-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}.admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1.5rem}.admin-spinner{width:50px;height:50px;border:3px solid var(--border-color);border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}.admin-loading p{color:var(--text-secondary);font-size:1rem;margin:0}.admin-error{text-align:center;padding:3rem;background:var(--bg-white);border-radius:20px;box-shadow:var(--card-shadow);max-width:500px;margin:3rem auto}.admin-error h2{color:#ef4444;font-size:1.5rem;margin:0 0 1rem}.admin-error p{color:var(--text-secondary);margin:0 0 2rem}.admin-retry-btn{background:var(--primary-gradient);color:#fff;border:none;padding:.75rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease}.admin-retry-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(102,126,234,.3)}@media (max-width:768px){.admin-header-content{flex-direction:column;height:auto;padding:1rem;gap:1rem}.demographics-grid,.nav-grid,.stats-grid{grid-template-columns:1fr}.admin-table{font-size:.875rem}.admin-table td,.admin-table th{padding:.75rem}.stat-value{font-size:1.75rem}.stat-number{font-size:2rem}}.activity-patterns{display:grid;grid-template-columns:1fr 2fr;grid-gap:2rem;gap:2rem;align-items:start}.peak-hour-card{background:linear-gradient(135deg,#667eea20,#764ba220);border:1px solid rgba(102,126,234,.2);border-radius:20px;padding:2rem;text-align:center;transition:all .3s ease}.peak-hour-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px rgba(102,126,234,.15)}.peak-hour-card h4{font-size:.875rem;color:var(--text-muted);margin-bottom:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.peak-hour-value{font-size:3rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1}.peak-hour-detail{font-size:.875rem;color:var(--text-secondary);margin-top:.75rem}.hourly-chart{background:var(--bg-light);border:1px solid var(--border-color);border-radius:20px;padding:1.5rem}.hourly-chart h4{font-size:1rem;margin-bottom:1.5rem;color:var(--text-primary);font-weight:600}.hour-bars{display:flex;align-items:flex-end;justify-content:space-between;height:150px;gap:2px}.hour-bar-container{flex:1 1;display:flex;flex-direction:column;align-items:center;position:relative}.hour-bar{width:100%;background:var(--primary-gradient);border-radius:4px 4px 0 0;transition:all .3s ease;position:relative;min-height:3px;cursor:pointer}.hour-bar:hover{opacity:.8;transform:scaleY(1.1)}.hour-label{font-size:.625rem;color:var(--text-muted);margin-top:.25rem;display:none}.hour-bar-container:nth-child(3n) .hour-label{display:block}@media (max-width:768px){.activity-patterns{grid-template-columns:1fr}.hour-bars{height:120px}.hour-bar-container:nth-child(6n) .hour-label{display:block}.hour-bar-container:nth-child(3n) .hour-label{display:none}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-light)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.flex{display:flex}.items-center{align-items:center}.space-x-4>*+*{margin-left:1rem}.text-sm{font-size:.875rem}.text-gray-500{color:var(--text-muted)}.text-gray-900{color:var(--text-primary)}.font-medium{font-weight:500}.italic{font-style:italic}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.max-w-xs{max-width:20rem}.admin-layout>*{animation:fadeIn .5s ease-out}.admin-table tr{transition:all .2s ease}.admin-table tr:hover{transform:translateX(5px)}.modern-card{background:var(--bg-white);border-radius:24px;padding:2rem;box-shadow:0 10px 40px rgba(0,0,0,.08);position:relative;overflow:hidden}.modern-card:before{content:"";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(102,126,234,.05) 0,transparent 70%);transform:rotate(45deg)}.glass-card{background:hsla(0,0%,100%,.7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3);border-radius:20px;padding:2rem;box-shadow:0 8px 32px rgba(0,0,0,.1)}.stat-trend{font-size:.75rem;color:var(--text-muted);margin-top:.5rem;font-weight:500}.gender-info{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:.5rem}.gender-bar-container{width:100%;height:24px;background:var(--bg-light);border-radius:12px;overflow:hidden;position:relative}.user-row{transition:all .3s ease}.user-row:hover{background:linear-gradient(90deg,transparent,rgba(102,126,234,.05) 50%,transparent)}.user-info{display:flex;align-items:center;gap:1rem}.user-avatar{width:48px;height:48px;border-radius:50%;justify-content:center;position:relative;transition:all .3s ease;font-weight:600}.user-avatar.online{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px rgba(79,172,254,.3)}.user-avatar.offline{background:linear-gradient(135deg,#667eea,#764ba2)}.avatar-text{color:#fff;font-size:1.125rem;text-transform:uppercase}.online-indicator{position:absolute;bottom:0;right:0;width:14px;height:14px;background:#10b981;border:3px solid #fff;border-radius:50%;animation:pulse 2s infinite}.user-details{flex:1 1}.user-name{font-size:.95rem}.user-bio{font-size:.875rem;color:var(--text-muted);font-style:italic;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem}.admin-table-list{padding:1rem}.admin-table-row{background:var(--bg-white);border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;transition:all .3s ease;position:relative;overflow:hidden}.admin-table-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--success-gradient);transform:translateX(-100%);transition:transform .3s ease}.admin-table-row:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,0,0,.1)}.admin-table-row:hover:before{transform:translateX(0)}.room-info{display:flex;align-items:flex-start;gap:1rem;flex:1 1}.room-icon{font-size:2.5rem;animation:float 3s ease-in-out infinite}.room-details{flex:1 1}.room-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.room-header h4{margin:0;font-size:1.125rem;font-weight:700;color:var(--text-primary)}.room-meta{font-size:.875rem;color:var(--text-muted);margin:.25rem 0}.room-users{gap:1.5rem;flex:1 1;justify-content:center}.room-users,.user-avatar{display:flex;align-items:center}.user-avatar{gap:.75rem}.avatar{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.25rem;position:relative}.avatar.user-a{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px rgba(102,126,234,.3)}.avatar.user-b{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px rgba(240,147,251,.3)}.vs-divider{font-weight:700;color:var(--text-muted);font-size:.875rem;padding:.5rem 1rem;background:var(--bg-light);border-radius:8px}.user-name{font-weight:600;color:var(--text-primary);margin:0}.user-tokens{font-size:.875rem;color:var(--text-secondary);margin:.25rem 0 0}.room-actions{display:flex;gap:.5rem}.admin-btn.small{padding:.375rem 1rem;font-size:.8125rem}.admin-badge.active{background:linear-gradient(135deg,#4facfe20,#00f2fe20);color:#0ea5e9}.admin-badge.connecting{background:linear-gradient(135deg,#fef08a20,#fbbf2420);color:#ca8a04}.admin-badge.ended{background:hsla(220,9%,46%,.1);color:var(--text-muted)}.admin-empty-state{text-align:center;padding:4rem 2rem}.admin-empty-icon{font-size:4rem;margin-bottom:1rem;opacity:.5;animation:float 3s ease-in-out infinite}.admin-empty-state h3{font-size:1.5rem;color:var(--text-primary);margin:0 0 .5rem}.admin-empty-state p{color:var(--text-secondary);margin:0}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}*{box-sizing:border-box}.dashboard{width:100%;min-height:100vh;background:radial-gradient(circle at 20% 80%,rgba(120,119,198,.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.3) 0,transparent 50%),radial-gradient(circle at 40% 40%,rgba(120,119,198,.2) 0,transparent 50%),linear-gradient(135deg,#0f0f23,#1a1a2e 25%,#16213e 50%,#1a1a2e 75%,#0f0f23);background-size:100% 100%,100% 100%,100% 100%,100% 100%;animation:backgroundShift 40s ease-in-out infinite;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.01em;overflow-x:hidden;overflow-y:auto;position:relative;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.dashboard:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="30" r="0.5" fill="rgba(255,182,193,0.2)"/><circle cx="60" cy="70" r="1.5" fill="rgba(255,105,180,0.1)"/><circle cx="30" cy="80" r="0.8" fill="rgba(233,30,99,0.15)"/><circle cx="90" cy="60" r="1.2" fill="rgba(255,255,255,0.08)"/></svg>');background-size:400px 400px;animation:particleFloat 60s linear infinite;pointer-events:none;opacity:.6;z-index:0}.top-nav{justify-content:space-between;padding:1rem 2rem;border-bottom:1px solid hsla(0,0%,100%,.1);position:relative;z-index:2}.logo,.nav-left,.top-nav{display:flex;align-items:center}.logo{gap:.5rem;font-size:1.5rem;font-weight:700}.logo-image{height:40px;width:auto;object-fit:contain}.logo-text{color:#e91e63;font-size:1.5rem;font-weight:700}.nav-center{display:flex;gap:2rem}.nav-link{background:none;border:none;color:hsla(0,0%,100%,.7);font-size:1rem;cursor:pointer;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.nav-link:hover{color:#fff;background:hsla(0,0%,100%,.1)}.nav-link.active{color:#fff;font-weight:600}.nav-right,.token-display{display:flex;align-items:center}.token-display{gap:1rem}.token-number{font-size:1.2rem;font-weight:600;color:#fff}.token-badge{display:flex;align-items:center;gap:.5rem;background:rgba(233,30,99,.2);border:2px solid #e91e63;border-radius:20px;padding:.5rem 1rem;transition:all .3s ease;position:relative}.token-badge.low-balance{background:rgba(244,67,54,.2);border-color:#f44336;box-shadow:0 0 20px rgba(244,67,54,.4),0 0 40px rgba(244,67,54,.2);animation:lowBalanceGlow 4s ease-in-out infinite}.token-badge.low-balance .token-icon{animation:heartBlink 3s ease-in-out infinite}.token-icon{font-size:1.2rem}.token-count{font-size:1.1rem;font-weight:600;color:#e91e63}.token-plus-btn{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e91e63,#ff6b9d);border:none;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px rgba(233,30,99,.3);display:flex;align-items:center;justify-content:center}.token-plus-btn:hover{transform:scale(1.1);box-shadow:0 6px 18px rgba(233,30,99,.5)}.logout-btn{width:40px;height:40px;border-radius:12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;margin-left:1rem}.logout-btn:hover{background:rgba(255,82,82,.2);border-color:rgba(255,82,82,.4);transform:translateY(-2px);box-shadow:0 6px 18px rgba(255,82,82,.3)}.main-container{display:grid;grid-template-columns:1fr 2fr 1fr;grid-gap:2rem;gap:2rem;padding:2rem;min-height:calc(100vh - 80px);max-width:1400px;margin:0 auto;overflow:visible;position:relative;z-index:1}.profile-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:2rem;background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05) 50%,hsla(0,0%,100%,.02));border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);box-shadow:0 8px 32px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 40px rgba(233,30,99,.1);position:relative;overflow:hidden}.profile-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent)}.profile-section:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent,rgba(233,30,99,.1),transparent);animation:profileGlow 20s linear infinite;pointer-events:none;z-index:-1}.profile-image-container{position:relative}.profile-image-container:before{content:"";position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;border-radius:50%;background:conic-gradient(from 0deg,rgba(233,30,99,.8),rgba(255,105,180,.6),rgba(255,182,193,.4),rgba(233,30,99,.8));animation:avatarRingPulse 6s ease-in-out infinite;z-index:-1}.profile-image{width:200px;height:200px;border-radius:50%;object-fit:cover;border:3px solid hsla(0,0%,100%,.2);box-shadow:0 15px 35px rgba(233,30,99,.3),inset 0 2px 4px hsla(0,0%,100%,.1);transition:all .3s ease;position:relative;z-index:1}.profile-image:hover{transform:scale(1.05);box-shadow:0 20px 45px rgba(233,30,99,.5),inset 0 2px 4px hsla(0,0%,100%,.2)}.profile-status-indicator{position:absolute;bottom:10px;right:10px;width:20px;height:20px;border-radius:50%;background-color:#f44336;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.3)}.profile-status-indicator.online{background-color:#4caf50}.profile-info{text-align:center;max-width:250px}.profile-name{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;color:#fff}.profile-bio{color:hsla(0,0%,100%,.7);margin:0;font-size:.9rem;line-height:1.4}.edit-profile-btn{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1.1rem;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-profile-btn:hover{background:hsla(0,0%,100%,.2);transform:translateY(-2px)}.center-content{justify-content:center;text-align:center}.center-content,.hero-section{display:flex;flex-direction:column;align-items:center}.hero-section{max-width:600px}.hero-title{font-size:4rem;font-weight:800;background:linear-gradient(135deg,#e91e63,#ff6b9d);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem;line-height:1.1}.hero-subtitle{font-size:1.3rem;color:hsla(0,0%,100%,.8);margin-bottom:3rem;line-height:1.4}.start-video-btn{background:linear-gradient(135deg,#e91e63,#ff6b9d);border:none;color:#fff;padding:1.5rem 3rem;border-radius:50px;font-size:1.3rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.8rem;transition:all .3s ease;box-shadow:0 15px 35px rgba(233,30,99,.4),inset 0 1px 0 hsla(0,0%,100%,.2),0 0 30px rgba(233,30,99,.3);min-width:280px;justify-content:center;position:relative;animation:breathingGlow 8s ease-in-out infinite}.start-video-btn:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#e91e63,#ff6b9d,#e91e63);border-radius:50px;z-index:-1;opacity:0;transition:opacity .3s ease}.start-video-btn:hover:not(:disabled){transform:translateY(-3px) scale(1.02);box-shadow:0 20px 45px rgba(233,30,99,.6),inset 0 1px 0 hsla(0,0%,100%,.3),0 0 50px rgba(233,30,99,.5)}.start-video-btn:hover:not(:disabled):before{opacity:1}.start-video-btn:active:not(:disabled){transform:translateY(-1px) scale(.97)}.start-video-btn:disabled{opacity:.6;cursor:not-allowed;animation:none}.btn-icon{font-size:1.4rem}.radar-only{position:relative;width:300px;height:300px;margin:2rem auto;pointer-events:none}.radar-wrapper{position:relative;width:100%;height:100%}.radar-circle{position:absolute;border:2px solid transparent;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(233,30,99,.1) 0,rgba(255,105,180,.05) 50%,transparent 100%);box-shadow:0 0 20px rgba(233,30,99,.3),inset 0 0 20px rgba(255,105,180,.1)}.radar-circle-1{width:120px;height:120px;animation:radarPulse 6s ease-in-out infinite;border-color:rgba(233,30,99,.6);filter:blur(.5px)}.radar-circle-2{width:220px;height:220px;animation:radarPulse 6s ease-in-out 2s infinite;border-color:rgba(255,105,180,.4);filter:blur(.8px)}.radar-circle-3{width:320px;height:320px;animation:radarPulse 6s ease-in-out 4s infinite;border-color:rgba(255,182,193,.3);filter:blur(1px)}.radar-center{transform:translate(-50%,-50%);width:12px;height:12px;background:radial-gradient(circle,#e91e63 0,rgba(255,105,180,.8) 70%,transparent 100%);border-radius:50%;box-shadow:0 0 20px rgba(233,30,99,.8),0 0 40px rgba(233,30,99,.4);animation:radarCenterPulse 4s ease-in-out infinite}.radar-center,.radar-sweep{position:absolute;top:50%;left:50%}.radar-sweep{width:150px;height:4px;background:linear-gradient(90deg,#e91e63,rgba(255,105,180,.8) 30%,rgba(255,182,193,.4) 70%,transparent);transform-origin:0 50%;transform:translateY(-50%);animation:radarSweep 8s linear infinite;filter:blur(1px);box-shadow:0 0 15px rgba(233,30,99,.6)}.floating-picture{position:absolute;width:60px;height:60px;border-radius:50%;overflow:hidden;transform:translate(-50%,-50%);border:2px solid rgba(233,30,99,.6);box-shadow:0 0 15px rgba(233,30,99,.4),inset 0 0 10px hsla(0,0%,100%,.1);z-index:10;opacity:0;animation-name:fadeInOut,floatingPulse;animation-timing-function:linear,ease-in-out;animation-iteration-count:1,infinite;animation-fill-mode:forwards,none;animation-duration:inherit,6s}.floating-picture img{width:100%;height:100%;object-fit:cover;border-radius:50%}.cards-section{display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.info-card{background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05) 50%,hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.2);border-radius:20px;padding:1.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .3s ease;box-shadow:0 8px 32px rgba(0,0,0,.2),inset 0 1px 0 hsla(0,0%,100%,.2);position:relative;overflow:hidden}.info-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent)}.info-card:hover{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.08) 50%,hsla(0,0%,100%,.04));transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.3),0 0 30px rgba(233,30,99,.1)}.matches-section{text-align:center;padding:1rem 0}.matches-section h3{margin:0 0 .5rem;font-size:1.2rem;font-weight:600;color:#fff}.matches-section p{margin:0;color:hsla(0,0%,100%,.7);font-size:.9rem}.referral-card{display:flex;justify-content:center;align-items:center;min-height:80px}.referral-btn{background:linear-gradient(135deg,#6a1b9a,#8e24aa);border:none;color:#fff;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.referral-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(106,27,154,.4)}.location-header{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem}.location-icon{font-size:1.3rem}.location-header h3{margin:0;font-size:1.1rem;font-weight:600}.current-location{margin-bottom:1rem;padding:.8rem;background:rgba(233,30,99,.1);border-radius:8px;border:1px solid rgba(233,30,99,.2)}.location-label{margin:0 0 .3rem;font-size:.85rem;color:hsla(0,0%,100%,.7);font-weight:500}.location-coords{margin:0;font-size:.9rem;color:#e91e63;font-weight:600;font-family:Monaco,Consolas,monospace}.no-location{margin-bottom:1rem;padding:.8rem;background:rgba(255,193,7,.1);border-radius:8px;border:1px solid rgba(255,193,7,.3)}.no-location-text{margin:0;font-size:.9rem;color:rgba(255,193,7,.9);font-weight:500;text-align:center}.location-actions{display:flex;flex-direction:column;gap:.8rem}.location-btn{border:none;padding:.8rem 1.2rem;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.location-btn.primary{background:linear-gradient(135deg,#e91e63,#ff6b9d);color:#fff}.location-btn.secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid hsla(0,0%,100%,.2)}.matches-card{background:linear-gradient(135deg,rgba(255,107,157,.1),rgba(255,142,155,.1));border:1px solid rgba(255,107,157,.2)}.matches-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.matches-header h3{margin:0;color:#ff6b9d;font-size:1.2rem;font-weight:700}.matches-badge{font-size:1.5rem;animation:heartBeat 1.5s ease infinite}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.matches-section{min-height:200px}.location-btn:hover{transform:translateY(-1px)}.error-toast{position:fixed;bottom:2rem;right:2rem;background:rgba(244,67,54,.9);color:#fff;padding:1rem 1.5rem;border-radius:12px;display:flex;align-items:center;gap:.8rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px rgba(0,0,0,.3);z-index:1000}.error-icon{font-size:1.2rem}.error-toast span{margin-left:10px}@keyframes radarPulse{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}50%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) scale(1.2)}}@keyframes radarSweep{0%{transform:translateY(-50%) rotate(0deg);opacity:1}to{transform:translateY(-50%) rotate(1turn);opacity:1}}@keyframes radarCenterPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:1}50%{transform:translate(-50%,-50%) scale(1.3);opacity:.8}}@keyframes fadeInOut{0%{opacity:0}20%{opacity:.9}80%{opacity:.9}to{opacity:0}}@keyframes floatingPulse{0%,to{transform:translate(-50%,-50%) scale(1);box-shadow:0 0 15px rgba(233,30,99,.4),inset 0 0 10px hsla(0,0%,100%,.1)}50%{transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 25px rgba(233,30,99,.6),inset 0 0 15px hsla(0,0%,100%,.2)}}@keyframes backgroundShift{0%,to{background-position:0 0,100% 100%,40% 40%,0 0}50%{background-position:100% 100%,0 0,60% 60%,0 0}}@keyframes particleFloat{0%{transform:translate(0)}to{transform:translate(400px,400px)}}@keyframes lowBalanceGlow{0%,to{box-shadow:0 0 20px rgba(244,67,54,.4),0 0 40px rgba(244,67,54,.2)}50%{box-shadow:0 0 30px rgba(244,67,54,.6),0 0 60px rgba(244,67,54,.4)}}@keyframes heartBlink{0%,50%,to{opacity:1}25%,75%{opacity:.5}}@keyframes profileGlow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes avatarRingPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:.7}}@keyframes mathematicalCenterPulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.9;box-shadow:0 0 25px rgba(233,30,99,.9),0 0 50px rgba(233,30,99,.5),0 0 80px rgba(233,30,99,.2)}25%{transform:translate(-50%,-50%) scale(1.4);opacity:1;box-shadow:0 0 35px #e91e63,0 0 70px rgba(233,30,99,.7),0 0 120px rgba(233,30,99,.3)}50%{transform:translate(-50%,-50%) scale(1);opacity:.8;box-shadow:0 0 20px rgba(233,30,99,.8),0 0 40px rgba(233,30,99,.4),0 0 60px rgba(233,30,99,.1)}75%{transform:translate(-50%,-50%) scale(1.2);opacity:1;box-shadow:0 0 30px rgba(233,30,99,.95),0 0 60px rgba(233,30,99,.6),0 0 100px rgba(233,30,99,.25)}to{transform:translate(-50%,-50%) scale(1);opacity:.9;box-shadow:0 0 25px rgba(233,30,99,.9),0 0 50px rgba(233,30,99,.5),0 0 80px rgba(233,30,99,.2)}}.user-count-only{text-align:center;margin-bottom:1.5rem;animation:fadeIn .5s ease-out}.counter-value{font-size:2.5rem;font-weight:700;color:#4caf50;text-shadow:0 0 20px rgba(76,175,80,.8),0 0 40px rgba(76,175,80,.6),0 0 60px rgba(76,175,80,.4);animation:pulseGlow 2s ease-in-out infinite;line-height:1;margin-bottom:.5rem}.counter-label{font-size:1rem;color:hsla(0,0%,100%,.7);font-weight:400;letter-spacing:.05em}@keyframes pulseGlow{0%,to{text-shadow:0 0 20px rgba(76,175,80,.8),0 0 40px rgba(76,175,80,.6),0 0 60px rgba(76,175,80,.4)}50%{text-shadow:0 0 30px #4caf50,0 0 50px rgba(76,175,80,.8),0 0 70px rgba(76,175,80,.6)}}.hamburger-menu{display:none;background:none;border:none;cursor:pointer;padding:.5rem;flex-direction:column;justify-content:space-around;width:30px;height:30px;position:relative;z-index:101}.hamburger-menu span{display:block;height:3px;width:100%;background:#fff;border-radius:3px;transition:all .3s ease}@media (max-width:1024px){.main-container{grid-template-columns:1fr;gap:2rem;text-align:center}.profile-image{width:200px;height:200px}.hero-title{font-size:3rem}.cards-section{max-width:400px;margin:0 auto}}@media (max-width:768px){.dashboard{min-height:100vh;min-height:100dvh;overflow-y:scroll;-webkit-overflow-scrolling:touch;overscroll-behavior-y:none}.top-nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:rgba(15,15,35,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:row;gap:0;padding:.75rem;justify-content:space-between}.hamburger-menu{display:flex;margin-left:1rem}.nav-left{display:flex;align-items:center;gap:.5rem}.nav-center{position:absolute;top:100%;left:0;right:0;background:rgba(15,15,35,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;gap:0;padding:0;max-height:0;overflow:hidden;transition:max-height .3s ease;border-bottom:1px solid hsla(0,0%,100%,.1)}.nav-center.mobile-open{max-height:300px;padding:1rem 0}.nav-link{font-size:.95rem;padding:.75rem 1rem;width:100%;text-align:left;border-radius:0}.nav-link:hover{background:hsla(0,0%,100%,.05)}.main-container{height:auto;min-height:auto;padding:1rem 1rem 4rem;overflow:visible;display:flex;flex-direction:column;gap:1.5rem}.profile-section{order:1;padding:.75rem;margin-bottom:0;gap:.5rem;min-height:auto;flex-direction:row;align-items:center;justify-content:flex-start;text-align:left}.profile-image-container{flex-shrink:0}.profile-image{width:60px;height:60px}.profile-image-container:before{display:none}.profile-status-indicator{width:14px;height:14px;bottom:2px;right:2px;border-width:2px}.profile-info{flex:1 1;text-align:left;max-width:none;padding:0 .5rem}.profile-name{font-size:1rem;margin-bottom:.15rem}.profile-bio{font-size:.75rem;line-height:1.2;margin-bottom:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.edit-profile-btn{padding:.5rem 1rem;font-size:.85rem;flex-shrink:0}.center-content{order:2;margin-top:0}.hero-title{font-size:2rem;margin-bottom:.5rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem;padding:0 1rem}.start-video-btn{padding:1rem 2rem;font-size:1.1rem;min-width:200px;margin:0 auto 1rem;position:relative;z-index:10}.radar-only{width:150px;height:150px;margin:1rem auto}.counter-value{font-size:1.8rem}.counter-label{font-size:.85rem}.user-count-only{margin-bottom:1rem}.radar-circle-1{width:80px;height:80px}.radar-circle-2{width:140px;height:140px}.radar-circle-3{width:190px;height:190px}.radar-sweep{width:95px;height:2px}.floating-picture{width:40px;height:40px}.cards-section{order:3;max-width:100%;margin:0;display:flex;flex-direction:column;gap:1rem}.info-card{margin:0}.token-display{padding:.8rem 1.2rem;font-size:.9rem}.modal-overlay{padding:1rem}.modal-content{max-height:90vh;max-height:90dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.error-toast{bottom:20px;left:20px;right:20px;max-width:none}div[style*="position: fixed"]{display:none!important}}@media (max-width:375px){.logo-text{font-size:1.2rem}.hero-title{font-size:1.75rem}.hero-subtitle{font-size:.95rem}.start-video-btn{padding:.9rem 1.5rem;font-size:1rem;min-width:180px}.profile-section{padding:.5rem}.profile-image{width:50px;height:50px}.profile-name{font-size:.9rem}.profile-bio{font-size:.7rem}.edit-profile-btn{padding:.4rem .8rem;font-size:.8rem}.radar-only{width:120px;height:120px}.radar-circle-1{width:50px;height:50px}.radar-circle-2{width:80px;height:80px}.radar-circle-3{width:110px;height:110px}.floating-picture{width:35px;height:35px}.info-card{padding:1rem}}@media (hover:none) and (pointer:coarse){.dashboard{-webkit-tap-highlight-color:transparent}.edit-profile-btn,.location-btn,.nav-link,.referral-btn,.start-video-btn{min-height:44px;display:flex;align-items:center;justify-content:center}.start-video-btn:hover{transform:none}.edit-profile-btn:hover{transform:none;background:hsla(0,0%,100%,.1)}}