:root{--primary-color:#c71f37;--primary-hover:#a01929;--primary-light:rgba(199,31,55,0.1);--secondary-color:#8b1538;--accent-color:#d4af37;--accent-hover:#b8941f;--bg-primary:#0a0a0f;--bg-secondary:#14141f;--bg-tertiary:#1e1e2e;--bg-card:#1a1a28;--bg-hover:#252535;--bg-input:#1f1f2f;--text-primary:#e8e8f0;--text-secondary:#a8a8b8;--text-muted:#6b6b7b;--text-inverse:#0a0a0f;--accent-primary:#ff4458;--border-color:#2a2a3a;--border-accent:#3a3a4a;--border-focus:var(--primary-color);--divider:rgba(200,31,55,0.2);--success:#00d9a8;--warning:#ffb800;--danger:#ff3860;--info:#3d8bff;--shadow-sm:0 2px 8px rgba(0,0,0,0.4);--shadow-md:0 4px 16px rgba(0,0,0,0.5);--shadow-lg:0 8px 32px rgba(0,0,0,0.6);--shadow-glow:0 0 20px rgba(199,31,55,0.3);--shadow-glow-accent:0 0 20px rgba(212,175,55,0.2);--gradient-primary:linear-gradient(135deg,#c71f37 0%,#8b1538 100%);--gradient-accent:linear-gradient(135deg,#d4af37 0%,#b8941f 100%);--gradient-dark:linear-gradient(180deg,#14141f 0%,#0a0a0f 100%);--gradient-overlay:linear-gradient(180deg,transparent 0%,rgba(10,10,15,0.8) 100%);--transition-fast:0.2s cubic-bezier(0.4,0,0.2,1);--transition-smooth:0.3s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.5s cubic-bezier(0.4,0,0.2,1);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-xl:30px;--radius-full:9999px}*{margin:0;padding:0;box-sizing:border-box}*:focus{outline:2px solid var(--primary-color);outline-offset:2px}html{scroll-behavior:smooth;font-size:14px;overscroll-behavior:none}body{font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:linear-gradient(180deg,#0a0a0f 0%,#3a3a4a 100%);color:var(--text-primary);line-height:1.7;letter-spacing:0.01em;min-height:100vh;position:relative;overflow-x:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at top right,rgba(199,31,55,0.08) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(139,21,56,0.08) 0%,transparent 50%),radial-gradient(ellipse at center,rgba(212,175,55,0.03) 0%,transparent 70%);pointer-events:none;z-index:-1;animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,100%{opacity:1}50%{opacity:0.8}}h1,h2,h3,h4,h5,h6{font-family:'Montserrat',sans-serif;font-weight:700;line-height:1.2;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-0.03em}h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;min-height:1px}h2{font-size:clamp(1.75rem,4vw,2.5rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:clamp(1.25rem,2.5vw,1.5rem)}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem;color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent-color);text-decoration:none}strong,b{font-weight:600;color:var(--text-primary)}.container{max-width:1400px;margin:0 auto;padding:0 2rem;width:100%}@media (max-width:768px){.container{padding:0 1rem}}.desktop-nav{background:rgba(7,7,11,0.97);border-bottom:1px solid rgba(199,31,55,0.2);padding:0.5rem 0 0.4rem 0;position:sticky;top:0;z-index:99999 !important;box-shadow:0 1px 0 rgba(199,31,55,0.12),0 8px 32px rgba(0,0,0,0.55),0 2px 12px rgba(199,31,55,0.08);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all 0.4s cubic-bezier(0.4,0,0.2,1);overflow:visible !important}nav.desktop-nav{background:rgba(10,10,15,0.98)}.burger-menu,.mobile-burger-btn,.mobile-menu,.mobile-menu-overlay,.mobile-nav{display:none !important}.desktop-nav{display:block}.desktop-nav.scrolled{padding:0.5rem 0 0.4rem 0;box-shadow:0 12px 40px rgba(0,0,0,0.5),0 4px 12px rgba(199,31,55,0.2)}.nav-stats{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.25rem 0.5rem;background:rgba(255,255,255,0.03);border-radius:6px;font-size:0.7rem;border:1px solid rgba(199,31,55,0.15)}.nav-stat{display:inline-flex;align-items:center;gap:0.25rem;color:var(--text-secondary);cursor:help;transition:color 0.2s ease}.nav-stat:hover{color:var(--text-primary)}.nav-stat-icon{font-size:0.75rem;line-height:1}.nav-stat-value{font-weight:600;color:var(--text-primary);font-size:0.7rem}.nav-stat-separator{color:rgba(199,31,55,0.3);font-size:0.7rem;margin:0 0.125rem}.desktop-nav .container{display:flex;justify-content:space-between;align-items:center;position:relative}.nav-brand{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:900;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-0.05em;transition:all 0.3s ease;z-index:2}.nav-brand a{display:flex;align-items:center;text-decoration:none}.site-logo{height:80px;width:auto;filter:drop-shadow(0 2px 8px rgba(199,31,55,0.3))}.site-logo:hover{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(199,31,55,0.5));transition:all 0.3s ease}.nav-brand:hover{transform:scale(1.05);filter:brightness(1.2)}@media (min-width:1025px){.desktop-nav{padding:0.5rem 0 0.4rem 0}.nav-menu-container{display:grid;grid-template-columns:255px 1fr auto !important;padding:0 !important;max-width:none !important;margin:0 !important;width:100%;align-items:center}.nav-menu-container .nav-brand{position:fixed;top:6px;left:0;width:255px;display:flex;justify-content:center;align-items:center;z-index:99999}.site-logo{height:50px}.nav-menu{margin-left:255px}.nav-stats-container{display:none}}.nav-stats-container{display:flex;justify-content:center;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0.2rem 2rem;border-top:1px solid rgba(199,31,55,0.1);position:relative}.nav-total-users{position:absolute;right:2rem}.nav-stats{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.3rem 0.75rem;background:rgba(255,255,255,0.03);border-radius:6px;font-size:0.7rem;border:1px solid rgba(199,31,55,0.15)}.nav-stat{display:inline-flex;align-items:center;gap:0.3rem;color:var(--text-secondary);cursor:help;transition:color 0.2s ease}.nav-stat:hover{color:var(--text-primary)}.nav-stat-link{text-decoration:none;cursor:pointer;transition:all 0.2s ease}.nav-stat-link:hover{color:var(--text-primary);transform:translateY(-1px)}.nav-stat-link:hover .nav-stat-value{color:#c71f37}.nav-stat-icon{font-size:0.75rem;line-height:1}.nav-stat-label{font-size:0.65rem;color:var(--text-secondary);font-weight:400}.nav-stat-value{font-weight:700;color:var(--text-primary);font-size:0.75rem}.nav-stat-separator{color:rgba(199,31,55,0.3);font-size:0.7rem;margin:0 0.125rem}.nav-stat-badge{position:absolute;top:0;right:0;transform:translate(50%,-50%);display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white;border-radius:9px;font-size:0.65rem;font-weight:700;box-shadow:0 2px 6px rgba(239,68,68,0.4);animation:pulse 2s infinite;transition:all 0.3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;z-index:99999 !important;pointer-events:none !important}.nav-dropdown-item .nav-stat-badge{position:static;transform:none;margin-left:auto;display:inline-flex}.nav-stat-badge.visible{display:inline-flex !important;visibility:visible !important;opacity:1 !important}.nav-stat-badge:empty{display:none !important;visibility:hidden !important}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes flash{0%,100%{opacity:1;box-shadow:0 2px 6px rgba(239,68,68,0.4)}25%,75%{opacity:0.3;box-shadow:0 0 20px rgba(239,68,68,0.8)}50%{opacity:1;box-shadow:0 0 30px rgba(239,68,68,1);transform:scale(1.2)}}.nav-menu-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0.75rem 2rem}.nav-menu-container .nav-brand{justify-self:start}.nav-logout{justify-self:end}.nav-menu{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:0.5rem;list-style:none;margin:0;padding:0;flex-wrap:wrap;grid-column:2}.nav-menu li{display:inline-block;position:relative;overflow:visible !important}.nav-dropdown{position:relative}.nav-dropdown-btn{color:rgba(190,198,215,0.85) !important;font-family:'Montserrat',sans-serif;font-weight:600;font-size:0.82rem;padding:0.48rem 0.9rem;text-align:center;border-radius:20px;background:transparent;border:none;cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;gap:0.4rem;letter-spacing:0.01em;white-space:nowrap}.nav-dropdown-btn:hover{background:rgba(199,31,55,0.14);color:#fff !important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(199,31,55,0.2)}.nav-dropdown-btn.open{background:rgba(199,31,55,0.14);color:#fff !important;box-shadow:0 4px 16px rgba(199,31,55,0.2)}.nav-dropdown-menu{display:none;position:absolute;top:100%;left:0;right:auto;margin-top:0.5rem;background:linear-gradient(135deg,rgba(20,20,25,0.98) 0%,rgba(10,10,15,0.98) 100%);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(199,31,55,0.3);border-radius:12px;box-shadow:0 8px 24px rgba(0,0,0,0.4),0 0 0 1px rgba(255,255,255,0.05);min-width:185px;z-index:2000;opacity:0;transform:translateY(-10px);transition:opacity 0.3s ease,transform 0.3s ease;pointer-events:none;overflow:hidden}.nav-dropdown-menu::before{content:'';position:absolute;top:-6px;left:20px;width:12px;height:12px;background:rgba(20,20,25,0.98);border-left:1px solid rgba(199,31,55,0.3);border-top:1px solid rgba(199,31,55,0.3);transform:rotate(45deg)}.nav-dropdown-menu.show{display:block;opacity:1;transform:translateY(0);pointer-events:auto}.nav-dropdown-item{display:flex;align-items:center;padding:0.875rem 1.25rem;color:#d1d5db !important;font-family:'Montserrat',sans-serif;font-weight:600;font-size:0.9rem;text-decoration:none;transition:all 0.3s ease;border-bottom:1px solid rgba(199,31,55,0.08);position:relative}.nav-dropdown-item:first-child{border-radius:12px 12px 0 0}.nav-dropdown-item:last-child{border-bottom:none;border-radius:0 0 12px 12px}.nav-dropdown-item::before{content:'';position:absolute;left:0;top:0;height:100%;width:3px;background:linear-gradient(135deg,#ff4458 0%,#c71f37 100%);transform:scaleY(0);transition:transform 0.3s ease}.nav-dropdown-item:hover{background:linear-gradient(90deg,rgba(199,31,55,0.15) 0%,transparent 100%);color:#fff !important;padding-left:1.5rem}.nav-dropdown-item:hover::before{transform:scaleY(1)}.profile-dropdown-modern{min-width:185px;width:185px}.profile-dropdown-card{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:4px;padding:12px 14px !important;text-decoration:none;text-align:left !important;background:linear-gradient(135deg,rgba(199,31,55,0.12) 0%,rgba(139,21,56,0.08) 100%) !important;border-bottom:none;transition:background 0.25s ease;border-radius:12px 12px 0 0 !important;position:relative;width:100% !important;box-sizing:border-box !important}.profile-dropdown-card::before{display:none}.profile-dropdown-card:hover{background:linear-gradient(135deg,rgba(199,31,55,0.22) 0%,rgba(139,21,56,0.14) 100%)}.profile-dropdown-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid rgba(199,31,55,0.6)}.profile-dropdown-info{display:flex;flex-direction:column;gap:2px}.profile-dropdown-name{font-weight:700;font-size:0.85rem;color:#f3f4f6 !important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-dropdown-city{font-size:0.75rem;color:#9ca3af !important;font-weight:500}.profile-dropdown-arrow{color:rgba(199,31,55,0.7);flex-shrink:0;transition:transform 0.2s ease}.profile-dropdown-card:hover .profile-dropdown-arrow{transform:translateX(3px);color:#c71f37}.profile-dropdown-divider{height:1px;background:linear-gradient(90deg,transparent 0%,rgba(199,31,55,0.3) 50%,transparent 100%);margin:4px 0}.nav-dropdown-item svg{flex-shrink:0;opacity:0.7;transition:opacity 0.2s ease,color 0.2s ease}.nav-dropdown-item:hover svg{opacity:1;color:#c71f37}.profile-dropdown-logout{background:transparent;border:none;width:100%;text-align:left;cursor:pointer;font-family:'Montserrat',sans-serif;font-size:0.85rem;color:#f87171 !important;border-radius:0 0 12px 12px;padding:0.875rem 1.25rem;display:flex;align-items:center;gap:0.6rem}.profile-dropdown-logout:hover{background:linear-gradient(90deg,rgba(239,68,68,0.15) 0%,transparent 100%) !important;color:#fca5a5 !important;padding-left:1.5rem}.profile-dropdown-logout svg{color:#f87171;opacity:0.8}.profile-dropdown-logout:hover svg{color:#fca5a5;opacity:1}.profile-dropdown-logout-form{background:transparent;margin:0;padding:0;border:none;border-top:1px solid rgba(199,31,55,0.08)}.nav-menu a{color:rgba(190,198,215,0.85) !important;font-family:'Montserrat',sans-serif;font-weight:600;font-size:0.82rem;padding:0.48rem 0.9rem;text-align:left;border-radius:20px;display:inline-flex;align-items:center;gap:0.4rem;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);text-decoration:none;background:transparent;letter-spacing:0.01em;white-space:nowrap}.nav-menu a:hover{background:rgba(199,31,55,0.14);color:#fff !important;transform:translateY(-1px);box-shadow:0 4px 16px rgba(199,31,55,0.2)}.nav-menu a.active{background:linear-gradient(135deg,#c71f37 0%,#8b1538 100%) !important;color:#fff !important;border:none;box-shadow:0 4px 16px rgba(199,31,55,0.4),0 0 0 1px rgba(255,255,255,0.05) inset}.nav-pill-icon{display:inline-flex;align-items:center;justify-content:center;color:rgba(199,31,55,0.75);flex-shrink:0;transition:color 0.25s ease}.nav-menu a:hover .nav-pill-icon,.nav-dropdown-btn:hover .nav-pill-icon{color:rgba(255,100,120,0.95)}.nav-menu a.active .nav-pill-icon{color:rgba(255,255,255,0.9)}body.menu-open::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(4px);z-index:999;animation:fadeIn 0.3s ease-out}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.nav-menu a::before,.nav-menu a::after{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;padding:0.875rem 1.75rem;font-family:'Montserrat',sans-serif;font-size:0.938rem;font-weight:600;letter-spacing:0.03em;text-transform:uppercase;border:none;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);text-decoration:none;position:relative;overflow:hidden;line-height:1}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,0.1);transform:translate(-50%,-50%);transition:width 0.6s,height 0.6s}.btn:hover::before{width:300px;height:300px}.btn-primary{background:var(--gradient-primary);color:white;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(199,31,55,0.5)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-accent)}.btn-accent{background:var(--gradient-accent);color:var(--text-inverse);box-shadow:var(--shadow-glow-accent)}.btn-accent:hover{transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-outline:hover{background:var(--primary-color);color:white}.btn-danger{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:white;box-shadow:0 4px 12px rgba(239,68,68,0.4)}.btn-danger:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,0.6);background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.btn-sm{padding:0.625rem 1.25rem;font-size:0.875rem}.btn-lg{padding:1.125rem 2.5rem;font-size:1.125rem}.btn:disabled{opacity:0.5;cursor:not-allowed;transform:none !important}.form-group{margin-bottom:1.5rem}label{display:block;margin-bottom:0.5rem;font-family:'Montserrat',sans-serif;font-weight:600;color:var(--text-primary);font-size:0.875rem;letter-spacing:0.03em;text-transform:uppercase}input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],textarea,select{width:100%;padding:0.875rem 1.25rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:0.938rem;font-family:'Poppins',sans-serif;font-weight:400;letter-spacing:0.01em;transition:var(--transition-smooth)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary-color);background:var(--bg-tertiary);box-shadow:0 0 0 3px var(--primary-light)}textarea{resize:vertical;min-height:120px}input[type="date"],input[type="time"],input[type="datetime-local"]{position:relative;cursor:pointer;padding-right:3rem;color:var(--text-primary);font-family:'Poppins',sans-serif;font-weight:500}input[type="date"]::-webkit-calendar-picker-indicator,input[type="time"]::-webkit-calendar-picker-indicator,input[type="datetime-local"]::-webkit-calendar-picker-indicator{position:absolute;right:1rem;width:24px;height:24px;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="%23c71f37" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg>') no-repeat center;cursor:pointer;opacity:0.7;transition:all var(--transition-fast)}input[type="date"]::-webkit-calendar-picker-indicator:hover,input[type="time"]::-webkit-calendar-picker-indicator:hover,input[type="datetime-local"]::-webkit-calendar-picker-indicator:hover{opacity:1;transform:scale(1.1)}input[type="date"]:focus::-webkit-calendar-picker-indicator{opacity:1;filter:drop-shadow(0 0 8px rgba(199,31,55,0.5))}input[type="date"]::-webkit-datetime-edit-text,input[type="date"]::-webkit-datetime-edit-month-field,input[type="date"]::-webkit-datetime-edit-day-field,input[type="date"]::-webkit-datetime-edit-year-field{color:var(--text-primary);padding:0 0.25rem}input[type="date"]::-webkit-datetime-edit-fields-wrapper{padding:0.5rem 0}input[type="date"].empty::-webkit-datetime-edit-text{color:var(--text-muted)}input[type="date"]::-webkit-calendar-picker-indicator{background-size:20px 20px;padding:0;margin:0}input[type="date"]::-moz-calendar-picker-indicator{width:24px;height:24px;cursor:pointer;opacity:0.7;transition:all var(--transition-fast)}input[type="date"]::-moz-calendar-picker-indicator:hover{opacity:1}select{appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="%23e8e8f0" stroke-width="2"><polyline points="6 9 12 15 18 9"/></svg>');background-repeat:no-repeat;background-position:right 1rem center;padding-right:3rem;cursor:pointer}input[type="checkbox"],input[type="radio"]{width:1.25rem;height:1.25rem;accent-color:var(--primary-color);cursor:pointer}.form-error{color:var(--danger);font-size:0.875rem;margin-top:0.375rem;display:flex;align-items:center;gap:0.375rem}.form-success{color:var(--success);font-size:0.875rem;margin-top:0.375rem}input.error,textarea.error,select.error{border-color:var(--danger)}input.success,textarea.success,select.success{border-color:var(--success)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-md);transition:var(--transition-smooth)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-accent)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--divider)}.card-title{font-size:1.5rem;font-weight:700;margin:0}.card-body{color:var(--text-secondary)}.card-footer{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--divider);display:flex;gap:1rem;justify-content:flex-end}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:var(--transition-smooth)}.modal-overlay.active{opacity:1;visibility:visible}.modal{border-radius:var(--radius-xl);width:90%;max-height:90vh;overflow-y:auto;transform:scale(0.9);transition:var(--transition-smooth)}.modal-overlay.active .modal{transform:scale(1)}.modal-header{padding:2rem 2rem 1rem;border-bottom:1px solid var(--divider);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.75rem;font-weight:700;margin:0}.modal-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);transition:var(--transition-fast)}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:2rem}.modal-footer{padding:1rem 2rem 2rem;border-top:1px solid var(--divider);display:flex;gap:1rem;justify-content:flex-end}.alert{padding:1rem 1.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem;display:flex;align-items:flex-start;gap:1rem;border-left:4px solid;animation:slideInDown 0.4s ease}@keyframes slideInDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:rgba(0,217,168,0.1);border-color:var(--success);color:var(--success)}.alert-warning{background:rgba(255,184,0,0.1);border-color:var(--warning);color:var(--warning)}.alert-danger{background:rgba(255,56,96,0.1);border-color:var(--danger);color:var(--danger)}.alert-info{background:rgba(61,139,255,0.1);border-color:var(--info);color:var(--info)}.badge{display:inline-flex;align-items:center;padding:0.25rem 0.625rem;font-size:0.7rem;font-weight:600;border-radius:var(--radius-full);line-height:1}.badge-success{background:rgba(0,217,168,0.15);color:var(--success)}.badge-warning{background:rgba(255,184,0,0.15);color:var(--warning)}.badge-danger{background:rgba(255,56,96,0.15);color:var(--danger)}.badge-info{background:rgba(61,139,255,0.15);color:var(--info)}.badge-primary{background:var(--primary-light);color:var(--primary-color)}.spinner{border:3px solid var(--border-color);border-top-color:var(--primary-color);border-radius:50%;width:40px;height:40px;animation:spin 0.8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-sm{width:20px;height:20px;border-width:2px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.d-flex{display:flex}.d-block{display:block}.d-none{display:none}.d-inline-flex{display:inline-flex}.gap-1{gap:0.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.mt-1{margin-top:0.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:0.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.p-1{padding:0.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.w-100{width:100%}.h-100{height:100%}@media (max-width:768px){h1{font-size:2rem}h2{font-size:1.75rem}.nav-menu{width:280px}.nav-stats-container{display:none}.nav-stats-container{position:static;transform:none;width:100%;padding:0.4rem 0 0.3rem 0;border-top:1px solid rgba(199,31,55,0.1);order:3}.desktop-nav .container{flex-wrap:wrap;padding:0 1rem}.nav-brand{font-size:1.2rem;order:1}.site-logo{height:80px}.hamburger{order:2}.nav-stats{gap:0.3rem;padding:0.25rem 0.5rem;font-size:0.65rem;flex-wrap:wrap;justify-content:center}.nav-stat{gap:0.2rem;min-width:auto}.nav-stat-label{display:none}.nav-stat-icon{font-size:0.85rem}.nav-stat-value{font-size:0.7rem;font-weight:700}.nav-stat-badge{min-width:16px;height:16px;font-size:0.6rem;margin-left:0.2rem}.nav-stat-separator{margin:0 0.15rem;font-size:0.65rem}.card{padding:1.5rem}.modal{width:95%;margin:1rem}.btn{width:100%;justify-content:center}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes slideInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}.fade-in{animation:fadeIn 0.5s ease}.slide-in-up{animation:slideInUp 0.6s ease}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-accent);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary-color)}::selection{background:var(--primary-color);color:white}::-moz-selection{background:var(--primary-color);color:white}.dashboard-container{max-width:1000px;margin:0 auto;padding:0.25rem 2rem 2rem}.dashboard-header{text-align:center;margin-bottom:3rem;padding:2rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.dashboard-header h1{font-size:2.5rem;margin-bottom:0.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dashboard-header .subtitle{color:var(--text-secondary);font-size:1.125rem}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dashboard-grid{grid-template-columns:1fr}}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:var(--transition-smooth);position:relative;overflow:hidden;cursor:pointer}.dashboard-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:var(--transition-smooth)}.dashboard-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.dashboard-card:hover::before{transform:scaleX(1)}.card-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--primary-light);border-radius:var(--radius-full);margin-bottom:1.5rem;color:var(--primary-color);transition:var(--transition-smooth)}.dashboard-card:hover .card-icon{background:var(--gradient-primary);color:white;box-shadow:var(--shadow-glow)}.dashboard-card h3{font-size:1.5rem;margin-bottom:0.75rem;color:var(--text-primary)}.dashboard-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.visits-stats-card{grid-column:span 2}.visits-stats-card canvas{max-height:180px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1rem}.stat-item{background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(199,31,55,0.05) 100%);border:1px solid rgba(199,31,55,0.2);border-radius:12px;padding:1rem 0.75rem;text-align:center;transition:all 0.3s ease;cursor:pointer}.stat-item:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(199,31,55,0.2);border-color:var(--primary-color);background:linear-gradient(135deg,var(--bg-tertiary) 0%,rgba(199,31,55,0.1) 100%)}.stat-icon{font-size:2rem;margin-bottom:0.5rem;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.stat-value{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin:0.25rem 0;text-shadow:0 2px 4px rgba(0,0,0,0.1)}.stat-label{font-size:0.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:0.5px;font-weight:500}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1.5rem;transition:var(--transition-smooth)}.stat-card:hover{border-color:var(--border-accent);transform:scale(1.02)}.stat-icon{width:60px;height:60px;background:var(--primary-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-size:1.75rem;font-weight:700}.stat-content h4{font-size:2rem;margin:0 0 0.25rem 0;color:var(--text-primary)}.stat-content p{margin:0;color:var(--text-secondary);font-size:0.938rem}.message-stats-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:0 4px 12px rgba(0,0,0,0.08)}.stats-chart-container{display:flex;flex-direction:column;gap:1rem}.stat-bar-wrapper{position:relative}.stat-bar-bg{background:#e5e7eb;height:24px;border-radius:12px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,0.06)}.stat-bar{height:100%;border-radius:12px;position:relative;transition:width 1s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(0,0,0,0.15);animation:slideIn 1s ease-out}.stat-bar::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 50%,rgba(255,255,255,0) 100%);animation:shimmer 2s infinite}.stat-bar-sent{background:linear-gradient(135deg,#1a1a27 0%,#1a1a27 100%)}.stat-bar-received{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}@keyframes slideIn{from{width:0;opacity:0}to{opacity:1}}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@media (max-width:768px){.message-stats-card{padding:1rem}.stats-chart-container{gap:0.875rem}.stat-bar-bg{height:20px}}.profile-header{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1rem 1.5rem;margin-bottom:1rem;display:flex;gap:2rem;align-items:flex-start;position:relative;flex-wrap:wrap}.profile-avatar{position:relative}.profile-avatar img{width:120px;height:120px;border-radius:var(--radius-full);object-fit:cover;border:4px solid var(--primary-color);box-shadow:var(--shadow-glow)}.profile-info{flex:1}.profile-info h1{margin-bottom:0.5rem;font-size:2rem}.profile-email{color:var(--text-secondary);margin-bottom:1rem}.profile-status{display:flex;gap:0.75rem;flex-wrap:wrap}.profile-burger-menu{position:absolute;top:0.1rem;right:1rem;z-index:100}.burger-btn{width:45px;height:45px;background:var(--bg-tertiary);border:1px solid rgba(199,31,55,0.3);border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;transition:all 0.3s ease;box-shadow:0 2px 8px rgba(0,0,0,0.2)}.burger-btn:hover{background:linear-gradient(135deg,rgba(199,31,55,0.15) 0%,rgba(199,31,55,0.08) 100%);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(199,31,55,0.3);transform:translateY(-2px)}.burger-btn span{display:block;width:24px;height:2px;background:#ffffff;border-radius:2px;transition:all 0.3s ease}.burger-btn.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger-btn.active span:nth-child(2){opacity:0}.burger-btn.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.burger-dropdown{position:absolute;top:55px;right:0;background:var(--bg-tertiary);border:1px solid rgba(199,31,55,0.2);border-radius:12px;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all 0.3s ease;box-shadow:0 8px 24px rgba(0,0,0,0.4);overflow:hidden}.burger-dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.burger-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-primary);text-decoration:none;transition:all 0.2s ease;border-bottom:1px solid rgba(255,255,255,0.05)}.burger-item:last-child{border-bottom:none}.burger-item:hover{background:linear-gradient(135deg,rgba(199,31,55,0.15) 0%,rgba(199,31,55,0.08) 100%);padding-left:20px}.burger-item .burger-icon{font-size:1.2rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.2))}.burger-item .burger-text{font-size:0.9rem;font-weight:500;color:var(--text-secondary)}.burger-item:hover .burger-text{color:#ffffff}.burger-item-premium{background:linear-gradient(135deg,rgba(255,215,0,0.08) 0%,rgba(255,193,7,0.05) 100%)}.burger-item-premium:hover{background:linear-gradient(135deg,rgba(255,215,0,0.15) 0%,rgba(255,193,7,0.1) 100%)}.burger-item-premium .burger-text{color:#ffd700}.profile-quick-menu{position:absolute;top:1rem;right:1rem;display:flex;gap:0.5rem}.quick-menu-item{display:flex;align-items:center;gap:0.5rem;padding:0.6rem;background:var(--bg-tertiary);border:1px solid rgba(199,31,55,0.2);border-radius:8px;color:var(--text-primary);text-decoration:none;transition:all 0.3s ease;position:relative;overflow:visible}.quick-menu-item:hover{background:linear-gradient(135deg,rgba(199,31,55,0.15) 0%,rgba(199,31,55,0.08) 100%);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 4px 8px rgba(199,31,55,0.3);text-decoration:none}.quick-menu-item .menu-icon{font-size:1.1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}.quick-menu-item .menu-text{font-size:0.85rem;font-weight:500;color:var(--text-secondary);white-space:nowrap;opacity:0;max-width:0;overflow:hidden;transition:all 0.3s ease;text-decoration:none}.quick-menu-item:hover .menu-text{opacity:1;max-width:200px;margin-left:0.25rem;color:#ffffff;text-decoration:none}.quick-menu-premium{background:linear-gradient(135deg,rgba(255,215,0,0.1) 0%,rgba(255,193,7,0.05) 100%);border-color:rgba(255,215,0,0.3)}.quick-menu-premium:hover{background:linear-gradient(135deg,rgba(255,215,0,0.2) 0%,rgba(255,193,7,0.1) 100%);border-color:#ffd700;box-shadow:0 4px 12px rgba(255,215,0,0.3)}.quick-menu-premium .menu-text{color:#ffd700;font-weight:600}.profile-actions{display:flex;gap:1rem}.profile-edit-container{max-width:900px;margin:0 auto}.profile-form{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem}.form-section{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--divider)}.form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary);display:flex;align-items:center;gap:0.75rem}.form-section h2::before{content:'';width:4px;height:1.5rem;background:var(--gradient-primary);border-radius:2px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.profile-form .form-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}@media (min-width:992px){.profile-form .form-grid{grid-template-columns:repeat(3,1fr)}.profile-form .form-grid-2{grid-template-columns:repeat(2,1fr)}}.profile-form .form-section{margin-bottom:1.5rem;padding:1.2rem}.profile-form .form-section h2{margin-bottom:1rem;font-size:1.1rem}.profile-form .form-group{margin-bottom:0.5rem}.profile-form .form-group label{font-size:0.9rem;margin-bottom:0.3rem}.profile-form input[type="text"],.profile-form input[type="email"],.profile-form input[type="number"],.profile-form input[type="date"],.profile-form select,.profile-form textarea{padding:0.6rem;font-size:0.95rem}.form-actions{display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding-top:2rem;border-top:1px solid var(--divider)}.visitors-grid,.visits-grid,.matches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.visitor-card,.visit-card,.match-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;transition:var(--transition-smooth);display:flex;flex-direction:column}.visitor-card:hover,.visit-card:hover,.match-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.visitor-avatar,.visit-avatar,.match-avatar{text-align:center;margin-bottom:1rem}.visitor-avatar img,.visit-avatar img,.match-avatar img{width:100px;height:100px;border-radius:var(--radius-full);object-fit:cover;border:3px solid var(--border-accent);transition:var(--transition-smooth)}.visitor-card:hover .visitor-avatar img,.visit-card:hover .visit-avatar img,.match-card:hover .match-avatar img{border-color:var(--primary-color);transform:scale(1.05)}.visitor-info,.visit-info,.match-info{text-align:center;flex:1}.visitor-info h3,.visit-info h3,.match-info h3{font-size:1.25rem;margin-bottom:0.5rem}.visitor-location,.visit-location{color:var(--text-muted);font-size:0.875rem;margin-bottom:0.5rem;display:flex;align-items:center;justify-content:center;gap:0.25rem}.visitor-time,.visit-time{color:var(--text-secondary);font-size:0.875rem}.visitor-actions,.visit-actions,.match-actions{display:flex;gap:0.75rem;margin-top:1rem}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-card);border:1px dashed var(--border-color);border-radius:var(--radius-lg)}.empty-state svg{color:var(--text-muted);margin-bottom:1.5rem;opacity:0.5}.empty-state h2{color:var(--text-secondary);margin-bottom:0.75rem}.empty-state p{color:var(--text-muted);margin-bottom:1.5rem}.page-header{text-align:center;margin-bottom:3rem;padding:2rem;background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-color)}.page-header h1{font-size:2.5rem;margin-bottom:0.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-header p{color:var(--text-secondary);font-size:1.125rem;margin:0}.auth-container{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:2rem 0}.auth-card{width:100%;max-width:480px;margin:0 auto}.auth-card .card{border:1px solid var(--border-accent);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translateZ(0);transition:none !important;-webkit-transition:none !important}.auth-card .card:hover{transform:none !important;-webkit-transform:none !important;box-shadow:var(--shadow-md) !important;border-color:var(--border-accent) !important}.auth-card .card-header{background:var(--bg-tertiary)}@media (max-width:768px){.dashboard-container{padding:0.75rem 0.5rem 1.5rem 0.5rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.dashboard-card,.visits-stats-card,.message-stats-card{grid-column:span 1 !important;padding:1rem}.dashboard-card>div[style*="display:flex"]{flex-direction:column !important;gap:1rem !important}.dashboard-card>div>div[style*="flex:0 0 280px"]{flex:1 1 100% !important;max-width:100% !important}.visits-stats-card>div[style*="justify-content:space-between"]{flex-wrap:wrap;gap:0.75rem}.visits-stats-card canvas{max-height:200px}.visits-stats-card>div[style*="position:relative"]{height:200px !important}.visits-stats-card>div[style*="border-top"]{flex-wrap:wrap;gap:1rem;text-align:center}.visits-stats-card>div[style*="border-top"]>div{flex:1 1 45%;min-width:120px}.stats-chart-container{padding:0}.stat-bar-wrapper{margin-bottom:1rem}.dashboard-header{padding:1.5rem 1rem;margin-bottom:1.5rem}.dashboard-header h1{font-size:1.75rem}.dashboard-header .subtitle{font-size:0.95rem}.dashboard-card div[style*="display:flex"][style*="gap:0.75rem"]{flex-direction:column !important}.dashboard-card div[style*="display:flex"][style*="gap:0.75rem"]>a,.dashboard-card div[style*="display:flex"][style*="gap:0.75rem"]>div{flex:1 1 100% !important;width:100%}.profile-header{flex-direction:column;text-align:center;padding:1rem}.profile-actions{flex-direction:column;width:100%}.visitors-grid,.visits-grid,.matches-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}.search-categories{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.search-categories h3{color:var(--text-primary);margin-bottom:1.5rem;font-size:1.25rem}.search-categories label{color:var(--text-primary) !important;display:flex;align-items:center;gap:0.75rem;padding:0.75rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:0.75rem;cursor:pointer;transition:var(--transition-smooth);font-weight:500}.search-categories label:hover{background:var(--bg-hover);border-color:var(--primary-color)}.search-categories input[type="checkbox"]:checked+span,.search-categories label:has(input[type="checkbox"]:checked){background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color)}.container h1,.container h2,.container h3,.container h4,.container h5,.container h6{color:var(--text-primary) !important}.container p,.container span,.container div,.container li{color:var(--text-secondary)}input::placeholder,textarea::placeholder,select::placeholder{color:var(--text-muted);opacity:0.7}.form-group label{color:var(--text-primary) !important;font-weight:500}small{color:var(--text-muted)}a:not(.btn){color:var(--primary-color);font-weight:500}a:not(.btn):hover{color:var(--accent-color);text-decoration:none}table{width:100%;border-collapse:collapse;background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden}table th{background:var(--bg-tertiary);color:var(--text-primary);padding:1rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border-accent)}table td{padding:1rem;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}table tr:hover{background:var(--bg-hover)}ul,ol{color:var(--text-secondary)}ul li::marker,ol li::marker{color:var(--primary-color)}code,pre{background:var(--bg-tertiary);color:var(--accent-color);padding:0.25rem 0.5rem;border-radius:var(--radius-sm);font-family:'Courier New',monospace}pre{padding:1rem;overflow-x:auto}blockquote{border-left:4px solid var(--primary-color);padding-left:1.5rem;margin:1.5rem 0;color:var(--text-secondary);font-style:italic}hr{border:none;height:1px;background:var(--divider);margin:2rem 0}.search-filters{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;margin-bottom:2rem}.search-filters h2{color:var(--text-primary) !important;margin-bottom:1.5rem}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.filter-group{margin-bottom:0}.filter-group label{display:block;color:var(--text-primary) !important;margin-bottom:0.5rem;font-weight:500}.checkbox-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:0.75rem}.checkbox-group label{display:flex;align-items:center;gap:0.5rem;padding:0.625rem 1rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);color:var(--text-primary) !important;font-weight:normal}.checkbox-group label:hover{background:var(--bg-hover);border-color:var(--border-accent)}.checkbox-group input[type="checkbox"]:checked+label,.checkbox-group label:has(input[type="checkbox"]:checked){background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color) !important}.radio-group{display:flex;gap:1rem;flex-wrap:wrap}.radio-group label{display:flex;align-items:center;gap:0.5rem;padding:0.625rem 1.25rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-smooth);color:var(--text-primary) !important}.radio-group label:hover{background:var(--bg-hover);border-color:var(--border-accent)}.radio-group input[type="radio"]:checked+label,.radio-group label:has(input[type="radio"]:checked){background:var(--primary-light);border-color:var(--primary-color);color:var(--primary-color) !important}input:disabled,textarea:disabled,select:disabled,button:disabled{opacity:0.5;cursor:not-allowed;background:var(--bg-secondary) !important}.subtitle{color:var(--text-secondary) !important}.text-small{font-size:0.875rem;color:var(--text-secondary)}.text-large{font-size:1.125rem}*:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}*:focus:not(:focus-visible){outline:none}[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);background:var(--bg-tertiary);color:var(--text-primary);padding:0.5rem 0.75rem;border-radius:var(--radius-md);font-size:0.875rem;white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition-smooth);border:1px solid var(--border-accent);box-shadow:var(--shadow-md)}[data-tooltip]:hover::after{opacity:1;transform:translateX(-50%) translateY(-4px)}@media print{body{background:white;color:black}.btn,nav,footer{display:none}.card{border:1px solid #ccc;box-shadow:none}}.messages-container{max-width:1000px;margin:0 auto;padding:0.25rem 2rem 2rem}.messages-layout{background:var(--bg-card);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.3);min-height:600px;border:1px solid var(--border-color)}.conversations-list{padding:2rem}.matches-container{max-width:1200px;margin:0 auto;padding:2rem}.profile-edit-container{max-width:900px;margin:0 auto;padding:2rem}.profile-form{background:var(--bg-card);border-radius:12px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.3);border:1px solid var(--border-color)}.form-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color)}.form-section:last-of-type{border-bottom:none}.form-section h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--text-primary)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.profile-container{max-width:1000px;margin:0 auto;padding:1.5rem 2rem 2rem}.profile-header{background:var(--bg-card);border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 20px rgba(0,0,0,0.3);border:1px solid var(--border-color)}.profile-content{background:var(--bg-card);border-radius:12px;padding:1rem 2rem 2rem 2rem;box-shadow:0 4px 20px rgba(0,0,0,0.3);border:1px solid var(--border-color)}.photos-container{max-width:1200px;margin:0 auto;padding:2rem}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.photo-card{background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.3);border:1px solid var(--border-color);transition:transform 0.3s ease,box-shadow 0.3s ease}.photo-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(199,31,55,0.4)}.photo-card img{width:100%;height:200px;object-fit:cover}.photo-actions{padding:1rem;display:flex;gap:0.5rem;justify-content:center}.visitors-container,.visits-container{max-width:1200px;margin:0 auto;padding:2rem}.visitors-grid,.visits-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem}.testimonials-container{max-width:1000px;margin:0 auto;padding:2rem}.testimonials-list{margin-top:2rem}.testimonial-item{background:var(--bg-card);border-radius:12px;padding:2rem;margin-bottom:1.5rem;box-shadow:0 4px 20px rgba(0,0,0,0.3);border:1px solid var(--border-color)}.testimonial-author{font-weight:600;color:var(--primary-color);margin-bottom:0.5rem}.testimonial-text{color:var(--text-primary);line-height:1.6}.testimonial-date{font-size:0.875rem;color:var(--text-secondary);margin-top:1rem}.blocked-container{max-width:1000px;margin:0 auto;padding:2rem}.blocked-list{margin-top:2rem}.blocked-item{background:var(--bg-card);border-radius:12px;padding:1.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 4px 20px rgba(0,0,0,0.3);border:1px solid var(--border-color)}.blocked-user-info{display:flex;align-items:center;gap:1rem}.blocked-user-name{font-weight:600;color:var(--text-primary)}.availability-container{max-width:1000px;margin:0 auto;padding:2rem}.calendar-container{background:var(--bg-card);border-radius:12px;padding:2rem;margin-top:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.3);border:1px solid var(--border-color)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.calendar-title{font-size:1.5rem;color:var(--text-primary)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:0.5rem}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:all 0.3s ease;border:1px solid var(--border-color)}.calendar-day:hover{background:var(--bg-hover);border-color:var(--primary-color)}.calendar-day.available{background:rgba(212,175,55,0.2);border-color:var(--accent-color)}.calendar-day.unavailable{background:rgba(199,31,55,0.2);border-color:var(--primary-color);opacity:0.6}.notifications-container{max-width:900px;margin:0 auto;padding:2rem}.notifications-list{margin-top:2rem}.notification-item{background:var(--bg-card);border-radius:12px;padding:1.5rem;margin-bottom:1rem;display:flex;gap:1rem;align-items:flex-start;box-shadow:0 4px 20px rgba(0,0,0,0.3);border:1px solid var(--border-color);transition:all 0.3s ease}.notification-item:hover{border-color:var(--primary-color);box-shadow:0 6px 25px rgba(199,31,55,0.3)}.notification-item.unread{border-left:4px solid var(--primary-color);background:linear-gradient(135deg,rgba(199,31,55,0.05),rgba(212,175,55,0.05))}.notification-icon{width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));display:flex;align-items:center;justify-content:center;color:white;flex-shrink:0}.notification-content{flex:1}.notification-title{font-weight:600;color:var(--text-primary);margin-bottom:0.25rem}.notification-text{color:var(--text-secondary);font-size:0.875rem;line-height:1.5}.notification-time{font-size:0.75rem;color:var(--text-muted);margin-top:0.5rem}.subscription-container{max-width:1200px;margin:0 auto;padding:2rem}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.pricing-card{background:var(--bg-card);border-radius:16px;padding:2.5rem;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,0.3);border:2px solid var(--border-color);transition:all 0.4s ease;position:relative;overflow:hidden}.pricing-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));transform:scaleX(0);transition:transform 0.4s ease}.pricing-card:hover{transform:translateY(-8px);border-color:var(--primary-color);box-shadow:0 12px 40px rgba(199,31,55,0.4)}.pricing-card:hover::before{transform:scaleX(1)}.pricing-card.featured{border-color:var(--accent-color);background:linear-gradient(135deg,rgba(199,31,55,0.05),rgba(212,175,55,0.05))}.pricing-badge{display:inline-block;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:white;padding:0.5rem 1rem;border-radius:20px;font-size:0.75rem;font-weight:700;text-transform:uppercase;margin-bottom:1rem}.pricing-name{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.pricing-price{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.5rem}.pricing-period{color:var(--text-secondary);font-size:1rem;margin-bottom:2rem}.pricing-features{list-style:none;padding:0;margin:2rem 0;text-align:left}.pricing-features li{padding:0.75rem 0;color:var(--text-primary);display:flex;align-items:center;gap:0.75rem}.pricing-features li::before{content:'✓';color:var(--accent-color);font-weight:700;font-size:1.25rem}.admin-dashboard{max-width:1400px;margin:0 auto;padding:2rem}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.admin-stat-card{background:var(--bg-card);border-radius:12px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.3);border:1px solid var(--border-color);display:flex;align-items:center;gap:1.5rem}.admin-stat-icon{width:64px;height:64px;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));display:flex;align-items:center;justify-content:center;color:white}.admin-stat-content h3{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:0.25rem}.admin-stat-content p{color:var(--text-secondary);font-size:0.875rem}.admin-sections{display:grid;gap:2rem}.admin-section{background:var(--bg-card);border-radius:12px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.3);border:1px solid var(--border-color)}.admin-section h2{color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.settings-container{max-width:900px;margin:0 auto;padding:2rem}.settings-sections{display:grid;gap:2rem}.settings-section{background:var(--bg-card);border-radius:12px;padding:2rem;box-shadow:0 4px 20px rgba(0,0,0,0.3);border:1px solid var(--border-color)}.settings-section h2{color:var(--text-primary);margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border-color)}.setting-item:last-child{border-bottom:none}.setting-info h3{color:var(--text-primary);font-size:1rem;margin-bottom:0.25rem}.setting-info p{color:var(--text-secondary);font-size:0.875rem}.toggle-switch{position:relative;width:60px;height:30px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-input);transition:0.4s;border-radius:30px;border:1px solid var(--border-color)}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:4px;bottom:3px;background-color:var(--text-secondary);transition:0.4s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,var(--primary-color),var(--accent-color))}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(30px);background-color:white}@media (max-width:768px){.photos-grid,.visitors-grid,.visits-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.pricing-grid{grid-template-columns:1fr}.admin-stats{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.calendar-grid{gap:0.25rem}}.card h3,.dashboard-card h3,.profile-card h3,.stat-card h3{font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:-0.02em}.subtitle,.card p,.description{font-family:'Poppins',sans-serif;font-weight:400;letter-spacing:0.01em;line-height:1.6}.pricing-price,.stat-value{font-family:'Montserrat',sans-serif;font-weight:900;letter-spacing:-0.03em}.content a,article a{font-weight:500;position:relative;transition:all 0.3s ease}.content a:hover,article a:hover{color:var(--accent-color);text-decoration:none}.badge,.tag,.pricing-badge{font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:0.05em;text-transform:uppercase}::placeholder{color:var(--text-muted);opacity:0.7;font-weight:400;letter-spacing:0.01em}::selection{background:var(--primary-color);color:white}::-moz-selection{background:var(--primary-color);color:white}footer{font-family:'Poppins',sans-serif;font-size:0.875rem;letter-spacing:0.01em}footer h4,footer h5{font-family:'Montserrat',sans-serif;font-weight:700;letter-spacing:0.02em}.alert{font-family:'Poppins',sans-serif;font-weight:500;letter-spacing:0.01em}.desktop-nav a,.mobile-nav a{text-decoration:none !important}.desktop-nav a:hover,.desktop-nav a:focus,.desktop-nav a:active,.mobile-nav a:hover,.mobile-nav a:focus,.mobile-nav a:active{text-decoration:none !important;outline:none}.nav-menu a::before,.nav-menu a::after{text-decoration:none !important}.hero{position:relative;padding:20px 0 100px;background:linear-gradient(135deg,rgba(199,31,55,0.05) 0%,rgba(10,10,15,1) 50%,rgba(212,175,55,0.03) 100% );overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(199,31,55,0.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(212,175,55,0.1) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;z-index:1;text-align:center;max-width:900px;margin:0 auto;animation:fadeInUp 0.8s ease-out}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-family:'Montserrat',sans-serif;font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:0.02em;background:linear-gradient(135deg,#ffffff 0%,var(--accent-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 20px rgba(199,31,55,0.3)}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;line-height:1.6;font-weight:400}.hero-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:center;margin-bottom:2rem}.btn-hero{padding:1.2rem 3rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:0.05em;background:var(--gradient-primary);color:white;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-smooth);box-shadow:0 8px 24px rgba(199,31,55,0.4);position:relative;overflow:hidden}.btn-hero::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s}.btn-hero:hover::before{left:100%}.btn-hero:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(199,31,55,0.6),var(--shadow-glow)}.btn-secondary{padding:1.2rem 3rem;font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;background:transparent;color:var(--text-primary);border:2px solid var(--border-accent);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-smooth)}.btn-secondary:hover{border-color:var(--accent-color);background:rgba(212,175,55,0.1);transform:translateY(-3px);box-shadow:0 8px 24px rgba(212,175,55,0.2)}.hero-stats{display:grid;grid-template-columns:repeat(2,1fr);max-width:500px;margin-top:8rem;margin-left:auto;margin-right:auto}.stat{text-align:center;animation:fadeIn 1s ease-out backwards}.stat:nth-child(1){animation-delay:0.2s}.stat:nth-child(2){animation-delay:0.4s}.stat:nth-child(3){animation-delay:0.6s}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.stat-number{font-family:'Montserrat',sans-serif;font-size:3rem;font-weight:900;color:var(--accent-color);margin-bottom:0.5rem;text-shadow:0 0 20px rgba(212,175,55,0.3)}.stat-label{font-size:0.95rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.1em;font-weight:500}.features{padding:100px 0;background:var(--bg-secondary);position:relative}.section-title{font-family:'Montserrat',sans-serif;font-size:2.5rem;font-weight:900;text-align:center;text-transform:uppercase;letter-spacing:0.02em;margin-bottom:4rem;color:var(--text-primary)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.feature{background:var(--bg-card);padding:3rem 2rem;border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-smooth);border:1px solid var(--border-color);position:relative;overflow:hidden}.feature::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary);transform:scaleX(0);transition:transform var(--transition-smooth)}.feature:hover::before{transform:scaleX(1)}.feature:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg),0 0 40px rgba(199,31,55,0.2);border-color:var(--primary-color)}.feature-icon{font-size:3.5rem;margin-bottom:1.5rem;display:inline-block;transition:transform var(--transition-smooth)}.feature:hover .feature-icon{transform:scale(1.2) rotate(5deg)}.feature h3{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:0.02em}.feature p{font-size:1rem;color:var(--text-secondary);line-height:1.7}.cta{padding:100px 0;background:linear-gradient(135deg,rgba(199,31,55,0.1) 0%,rgba(10,10,15,1) 50%,rgba(139,21,56,0.1) 100% );text-align:center;position:relative;overflow:hidden}.cta::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(199,31,55,0.1) 0%,transparent 70%);animation:ctaPulse 8s ease-in-out infinite;will-change:transform,opacity}@keyframes ctaPulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:0.8}}.cta h2{font-family:'Montserrat',sans-serif;font-size:3rem;font-weight:900;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:0.02em;color:var(--text-primary);position:relative;z-index:1}.cta p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.cta .btn-hero{position:relative;z-index:1}@media (max-width:768px){.hero{padding:0px 0 60px}.hero h1{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-actions{flex-direction:column;gap:1rem}.btn-hero,.btn-secondary{width:100%;max-width:300px}.hero-stats{gap:2rem}.stat-number{font-size:2.5rem}.features{padding:0px 0}.section-title{font-size:2rem;margin-bottom:2.5rem}.features-grid{gap:1.5rem}.feature{padding:2rem 1.5rem}.cta{padding:60px 0}.cta h2{font-size:2rem}.cta p{font-size:1.1rem}}@media (max-width:480px){.hero h1{font-size:2rem}.hero-stats{grid-template-columns:1fr;gap:1.5rem}.stat-number{font-size:2rem}.features-grid{grid-template-columns:1fr}}input[type="date"].calendar-open{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(199,31,55,0.15),0 4px 16px rgba(0,0,0,0.3);transform:scale(1.01);transition:all var(--transition-smooth)}.form-group:has(input[type="date"]){position:relative}input[type="date"]:hover::-webkit-calendar-picker-indicator{transform:scale(1.15);opacity:1}input[type="date"]:focus{animation:dateFocusPulse 2s ease-in-out infinite}@keyframes dateFocusPulse{0%,100%{box-shadow:0 0 0 3px rgba(199,31,55,0.1),0 2px 8px rgba(0,0,0,0.3)}50%{box-shadow:0 0 0 3px rgba(199,31,55,0.2),0 4px 16px rgba(199,31,55,0.2)}}input[type="date"].empty{color:var(--text-muted);font-style:italic}input[type="date"]:not(.empty){font-weight:600;color:var(--text-primary)}input[type="date"]{transition:all var(--transition-smooth)}.form-group small{display:flex;align-items:center;gap:0.5rem;font-size:0.875rem;line-height:1.5;margin-top:0.5rem;color:var(--text-muted)}.form-group small svg{flex-shrink:0;opacity:0.7}::-webkit-calendar-picker-indicator{filter:invert(0.8)}input[type="date"]:hover::-webkit-calendar-picker-indicator{filter:invert(0.95) drop-shadow(0 0 4px rgba(199,31,55,0.5))}.photos-container{max-width:1400px;margin:0 auto;padding:2rem}.photos-container h1{font-family:'Montserrat',sans-serif;font-size:2.5rem;font-weight:900;text-transform:uppercase;margin-bottom:2rem;color:var(--text-primary)}.photos-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(600px,1fr));gap:3rem;margin-top:2rem}.photos-section{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;transition:var(--transition-smooth)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid var(--divider)}.photos-section h2{font-family:'Montserrat',sans-serif;font-size:1.5rem;font-weight:700;text-transform:uppercase;margin:0 0 0.5rem 0;color:var(--text-primary)}.section-desc{font-size:0.9rem;color:var(--text-muted);margin:0}.photo-count{background:var(--bg-tertiary);color:var(--accent-color);padding:0.5rem 1rem;border-radius:var(--radius-full);font-size:0.875rem;font-weight:600}.upload-zone{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem;transition:var(--transition-smooth)}.upload-zone:hover{border-color:var(--primary-color);background:var(--bg-tertiary)}.upload-form{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.file-input-wrapper{flex:1;min-width:200px}.file-input-wrapper input[type="file"]{display:none}.file-input-label{display:flex;align-items:center;gap:0.75rem;padding:1rem 1.5rem;background:var(--bg-input);border:2px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);color:var(--text-secondary);font-weight:500}.file-input-label:hover{border-color:var(--primary-color);background:var(--bg-tertiary);color:var(--text-primary)}.file-input-label.file-selected{border-color:var(--accent-color);background:rgba(212,175,55,0.1);color:var(--accent-color)}.file-input-label svg{flex-shrink:0}.file-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-form .btn{display:flex;align-items:center;gap:0.5rem;padding:1rem 2rem;white-space:nowrap}.photos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem}.photo-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);overflow:hidden;transition:all var(--transition-smooth)}.photo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.photo-wrapper{position:relative;width:100%;padding-top:100%;overflow:hidden;background:#1a1a27}.photo-wrapper img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform var(--transition-smooth)}.photo-card:hover .photo-wrapper img{transform:scale(1.05)}.photo-card .badge,.profile-photo .badge{position:absolute;top:0.5rem;right:0.5rem;padding:0.375rem 0.75rem;border-radius:var(--radius-sm);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;backdrop-filter:blur(10px);z-index:2}.photo-card .badge-main,.profile-photo .badge-main{background:linear-gradient(135deg,rgba(212,175,55,0.9),rgba(184,148,31,0.9));color:var(--text-inverse);top:auto;bottom:0.5rem;box-shadow:0 4px 12px rgba(212,175,55,0.4)}.photo-card .badge-success,.profile-photo .badge-success{background:rgba(0,217,168,0.9);color:var(--text-inverse)}.photo-card .badge-warning,.profile-photo .badge-warning{background:rgba(255,184,0,0.9);color:var(--text-inverse)}.photo-card .badge-danger,.profile-photo .badge-danger{background:rgba(255,56,96,0.9);color:white}.photo-card .badge-secondary,.profile-photo .badge-secondary{background:rgba(107,107,123,0.9);color:white}.photo-actions{display:flex;gap:0.5rem;padding:0.75rem}.btn-icon-star{flex:1;display:flex;align-items:center;justify-content:center;padding:0.75rem;background:rgba(0,0,0,0.9) !important;border:4px solid #ffd700 !important;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);box-shadow:0 0 15px rgba(255,215,0,0.8),0 0 30px rgba(255,215,0,0.4) !important}.btn-icon-star svg{filter:drop-shadow(0 0 5px rgba(255,215,0,1)) drop-shadow(0 0 10px rgba(255,215,0,0.8)) drop-shadow(0 0 3px white) !important}.btn-icon-star:hover{background:rgba(255,215,0,0.3) !important;border-color:#ffed4e !important;transform:translateY(-2px) scale(1.1);box-shadow:0 0 20px rgba(255,215,0,1),0 0 40px rgba(255,215,0,0.6) !important}.btn-icon-star.is-active{background:linear-gradient(135deg,#ffd700 0%,#ffed4e 100%) !important;border-color:#ffd700 !important}.btn-icon-star.is-active svg{fill:#8b4513;stroke:#8b4513;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.3)) !important}.btn-icon{flex:1;display:flex;align-items:center;justify-content:center;padding:0.75rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.btn-icon:not(.btn-active):not(.btn-danger){background:rgba(0,0,0,0.6) !important;border:1px solid rgba(212,175,55,0.5) !important}.btn-icon:not(.btn-active):not(.btn-danger) svg{filter:drop-shadow(0 0 3px rgba(212,175,55,0.8)) drop-shadow(0 0 6px rgba(212,175,55,0.6)) drop-shadow(0 0 1px rgba(255,255,255,0.8)) !important;stroke:#ffd700 !important;stroke-width:2.5 !important}.btn-icon:hover{background:var(--bg-hover);border-color:var(--primary-color);color:var(--primary-color);transform:translateY(-2px)}.btn-icon:not(.btn-active):not(.btn-danger):hover{background:rgba(212,175,55,0.2) !important;border-color:#d4af37 !important;transform:translateY(-2px) scale(1.05)}.btn-icon.btn-danger:hover{background:var(--danger);border-color:var(--danger);color:white}.btn-icon.btn-active{background:var(--accent-color);border-color:var(--accent-color);color:var(--text-inverse)}.btn-icon.btn-active svg{fill:#d4af37;stroke:#d4af37}.btn-icon.btn-active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-muted)}.empty-state svg{opacity:0.3;margin-bottom:1.5rem}.empty-state p{font-size:1.1rem;font-weight:600;color:var(--text-secondary);margin:0 0 0.5rem 0}.empty-state small{font-size:0.9rem;color:var(--text-muted)}.alert{padding:1rem 1.5rem;border-radius:var(--radius-md);margin-bottom:1.5rem;display:flex;align-items:center;gap:0.75rem;font-weight:500;animation:slideDown 0.3s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background:rgba(0,217,168,0.1);border:1px solid rgba(0,217,168,0.3);color:var(--success)}.alert-danger{background:rgba(255,56,96,0.1);border:1px solid rgba(255,56,96,0.3);color:var(--danger)}.alert-warning{background:rgba(255,184,0,0.1);border:1px solid rgba(255,184,0,0.3);color:var(--warning)}.alert-info{background:rgba(61,139,255,0.1);border:1px solid rgba(61,139,255,0.3);color:var(--info)}@media (max-width:1024px){.photos-sections{grid-template-columns:1fr}}@media (max-width:768px){.photos-container{padding:1rem}.photos-container h1{font-size:2rem}.photos-section{padding:1.5rem}.section-header{flex-direction:column;gap:1rem}.upload-form{flex-direction:column}.upload-form .btn{width:100%}.photos-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;pointer-events:none;transition:opacity 0.3s ease;padding:1rem}.modal-overlay.active{opacity:1;pointer-events:all}.modal-content{background:var(--bg-card);border:1px solid var(--border-accent);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:480px;width:100%;transform:scale(0.9) translateY(20px);transition:transform 0.3s cubic-bezier(0.34,1.56,0.64,1)}.modal-overlay.active .modal-content{transform:scale(1) translateY(0)}.modal-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-color);display:flex;align-items:center;gap:1rem}.modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.modal-icon.danger{background:rgba(255,56,96,0.15);color:var(--danger)}.modal-icon.warning{background:rgba(255,184,0,0.15);color:var(--warning)}.modal-icon.info{background:rgba(61,139,255,0.15);color:var(--info)}.modal-icon.success{background:rgba(0,217,168,0.15);color:var(--success)}.modal-title-group h3{margin:0;font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-title-group p{margin:0.25rem 0 0;font-size:0.875rem;color:var(--text-muted)}.modal-body{padding:2rem}.modal-body p{margin:0;line-height:1.6;color:var(--text-secondary);font-size:0.938rem}.modal-footer{padding:1.5rem 2rem;border-top:1px solid var(--border-color);display:flex;gap:1rem;justify-content:flex-end}.modal-footer .btn{min-width:120px;padding:0.75rem 1.5rem}@keyframes modalFadeIn{from{opacity:0}to{opacity:1}}@keyframes modalSlideUp{from{transform:scale(0.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width:768px){.modal-content{max-width:calc(100% - 2rem);margin:1rem}.modal-header{padding:1.25rem 1.5rem}.modal-body{padding:1.5rem}.modal-footer{padding:1.25rem 1.5rem;flex-direction:column-reverse}.modal-footer .btn{width:100%}}.bio-quote{position:relative;padding:1.5rem 1.5rem 1.5rem 3rem;margin:0.25rem 0 1.5rem 0;font-style:italic;color:var(--text-secondary);background:var(--bg-tertiary);border-radius:8px;border:none;border-left:none;box-shadow:0 4px 12px rgba(0,0,0,0.3),0 2px 4px rgba(0,0,0,0.2),inset 0 1px 0 rgba(255,255,255,0.05);text-align:justify}.bio-quote::before{content:'❝';position:absolute;top:0.5rem;left:0.5rem;font-size:2rem;line-height:1;color:var(--primary-color);opacity:0.4;font-weight:700}.bio-quote.bio-quote-no-after::after{content:none}.bio-close-quote{display:inline;margin-left:0.25rem;font-size:1.5rem;line-height:1;color:var(--primary-color);opacity:0.6;font-weight:700;vertical-align:baseline}.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0.5rem;margin-top:0.5rem}.checkbox-item{display:flex;align-items:center;padding:0.4rem 0.6rem;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:0.5rem;cursor:pointer;transition:all 0.2s ease}.checkbox-item:hover{background:var(--bg-hover);border-color:var(--primary-color)}.checkbox-item input[type="checkbox"]{margin:0;margin-right:0.4rem;cursor:pointer;transform:scale(0.9)}.checkbox-item span{font-size:0.8rem;color:var(--text-primary);user-select:none}.checkbox-item input[type="checkbox"]:checked+span{color:var(--primary-color);font-weight:500}@media (min-width:769px){.pwa-install-btn{display:none !important}}@media (max-width:768px){body{scrollbar-width:none;-ms-overflow-style:none}body::-webkit-scrollbar{display:none}.desktop-nav{display:none !important}.mobile-nav{display:block !important;position:fixed;top:0;left:0;right:0;background:var(--bg-secondary);z-index:100001;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}.mobile-nav-header{display:flex;align-items:center;padding:0.75rem 1rem;height:60px;gap:0.5rem}.mobile-nav-left{display:flex;align-items:center;gap:0.5rem;flex:1}.mobile-nav-logo{display:flex;align-items:center}.pwa-install-btn{margin:0 auto}.mobile-logo{height:40px;width:auto}.pwa-install-btn{display:none;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(199,31,55,0.1);border:none;border-radius:10px;cursor:pointer;padding:0;transition:all 0.3s ease;box-shadow:none}.pwa-install-btn:hover,.pwa-install-btn:active{background:rgba(199,31,55,0.2);transform:scale(1.05)}.pwa-install-btn svg{color:var(--primary-color);width:24px;height:24px}.mobile-home-btn{display:flex !important;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(199,31,55,0.1);border-radius:10px;transition:all 0.3s ease;text-decoration:none}.mobile-home-btn:hover,.mobile-home-btn:active{background:rgba(199,31,55,0.2);transform:scale(1.05)}.mobile-home-btn svg{color:var(--primary-color);width:24px;height:24px}.mobile-calendar-btn{display:flex !important;align-items:center;justify-content:center;width:40px;height:40px;background:rgba(147,51,234,0.15);border:none;border-radius:10px;transition:all 0.3s ease;cursor:pointer}.mobile-calendar-btn:hover,.mobile-calendar-btn:active{background:rgba(147,51,234,0.25);transform:scale(1.05)}.mobile-calendar-btn svg{color:rgba(147,51,234,1);width:24px;height:24px}.safari-install-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.85);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem;animation:fadeIn 0.3s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.safari-install-modal{background:var(--bg-secondary);border-radius:12px;padding:2rem;max-width:400px;width:100%;position:relative;box-shadow:0 8px 32px rgba(0,0,0,0.5);animation:slideUp 0.3s ease}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.safari-install-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:var(--text-secondary);font-size:2rem;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;transition:color 0.2s ease}.safari-install-close:hover{color:var(--primary-color)}.safari-install-modal h3{color:var(--primary-color);margin-bottom:1.5rem;font-size:1.5rem}.safari-install-steps p{color:var(--text-primary);margin-bottom:1rem}.safari-install-steps ol{color:var(--text-primary);margin-left:1.5rem;line-height:1.8}.safari-install-steps li{margin-bottom:0.75rem}.safari-install-steps strong{color:var(--primary-color);font-weight:600}.mobile-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:42px;height:42px;background:rgba(199,31,55,0.12);border:1px solid rgba(199,31,55,0.2);border-radius:12px;cursor:pointer;padding:0;margin-left:4px;gap:5px;z-index:1001;overflow:visible;transition:background 0.25s ease,border-color 0.25s ease,transform 0.2s ease;flex-shrink:0}.mobile-burger:active{transform:scale(0.92)}.mobile-burger.active{background:rgba(199,31,55,0.2);border-color:rgba(199,31,55,0.4)}.mobile-burger span{width:20px;height:2px;background:var(--primary-color);border-radius:4px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1),opacity 0.2s ease,width 0.3s ease;display:block}.mobile-burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-burger.active span:nth-child(2){opacity:0;width:0}.mobile-burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-burger-badge{position:absolute;top:-5px;right:-5px;background:linear-gradient(135deg,#ff4458 0%,#c71f37 100%);color:white;font-size:0.6rem;font-weight:700;min-width:17px;height:17px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 3px;border:2px solid var(--bg-secondary);box-shadow:0 2px 6px rgba(199,31,55,0.5);line-height:1;pointer-events:none}.mobile-nav-menu{position:fixed;top:0;bottom:0;right:-105%;width:min(88vw,340px);background:rgba(8,8,18,0.60);-webkit-backdrop-filter:blur(32px) saturate(200%) brightness(0.6);backdrop-filter:blur(32px) saturate(200%) brightness(0.6);border-left:1px solid rgba(255,255,255,0.1);transition:right 0.38s cubic-bezier(0.4,0,0.2,1);overflow:hidden;-webkit-overflow-scrolling:touch;z-index:100001;padding:0;box-shadow:-4px 0 60px rgba(0,0,0,0.8),inset 1px 0 0 rgba(255,255,255,0.05);display:flex;flex-direction:column}.mobile-nav-menu.active{right:0}.mobile-nav-user-header{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.4rem;background:linear-gradient(135deg,rgba(199,31,55,0.12) 0%,rgba(20,20,31,0) 100%);border-bottom:1px solid rgba(199,31,55,0.12);padding-top:calc(1.2rem+env(safe-area-inset-top))}.mobile-nav-user-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid rgba(199,31,55,0.4);flex-shrink:0}.mobile-nav-user-info{flex:1;min-width:0}.mobile-nav-user-name{font-size:0.95rem;font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.mobile-nav-user-sub{font-size:0.72rem;color:rgba(255,255,255,0.4);margin-top:1px;display:block}.mobile-nav-close-btn{width:34px;height:34px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;color:rgba(255,255,255,0.5);transition:background 0.2s ease,color 0.2s ease}.mobile-nav-close-btn:hover,.mobile-nav-close-btn:active{background:rgba(199,31,55,0.15);color:var(--primary-color)}.mobile-nav-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:0.5rem 0 140px 0}.mobile-nav-item{display:flex;align-items:center;gap:0.85rem;padding:0.82rem 1.4rem;color:rgba(232,232,240,0.82);text-decoration:none;transition:background 0.18s ease,color 0.18s ease;position:relative;font-size:0.92rem;font-weight:500;border-radius:0;-webkit-tap-highlight-color:transparent}.mobile-nav-item:active{background:rgba(199,31,55,0.12) !important}.mobile-nav-item:hover{background:rgba(255,255,255,0.04);color:var(--text-primary)}.mobile-nav-item.active-page{color:var(--primary-color);background:rgba(199,31,55,0.07)}.mobile-nav-item.active-page .mobile-nav-icon{color:var(--primary-color)}.mobile-nav-icon{width:22px;height:22px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(255,255,255,0.45);transition:color 0.18s ease;font-size:1.1rem;line-height:1}.mobile-nav-item:hover .mobile-nav-icon{color:rgba(255,255,255,0.75)}.mobile-nav-item img{width:22px;height:22px;object-fit:contain;opacity:0.7}.mobile-badge{margin-left:auto;background:linear-gradient(135deg,#ff4458 0%,#c71f37 100%);color:white;padding:0.2rem 0.5rem;border-radius:10px;font-size:0.7rem;font-weight:700;min-width:22px;text-align:center;flex-shrink:0;box-shadow:0 2px 6px rgba(199,31,55,0.4)}.mobile-nav-section{padding:1rem 1.4rem 0.35rem;font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:rgba(255,255,255,0.28);margin-top:0.25rem}.mnav-group-toggle{all:unset;box-sizing:border-box;display:flex;align-items:center;gap:10px;width:calc(100% - 1.4rem);margin:0.3rem 0.7rem 0;padding:0.6rem 1rem 0.6rem 0.9rem;background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:10px;color:rgba(255,255,255,0.55);font-size:0.72rem;font-weight:700;text-transform:uppercase;letter-spacing:0.09em;cursor:pointer;font-family:inherit;transition:background 0.22s ease,color 0.22s ease,border-color 0.22s ease,box-shadow 0.22s ease;text-align:left;-webkit-tap-highlight-color:transparent;user-select:none}.mnav-group-toggle:hover{background:rgba(199,31,55,0.12);border-color:rgba(199,31,55,0.3);color:rgba(255,255,255,0.9);box-shadow:0 2px 12px rgba(199,31,55,0.15)}.mnav-group-toggle[aria-expanded="true"]{background:rgba(199,31,55,0.15);border-color:rgba(199,31,55,0.4);color:#fff;box-shadow:0 2px 16px rgba(199,31,55,0.2)}.mnav-group-toggle:active{background:rgba(199,31,55,0.20);transform:scale(0.99)}.mnav-group-icon{width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:rgba(199,31,55,0.55);transition:color 0.22s}.mnav-group-toggle:hover .mnav-group-icon,.mnav-group-toggle[aria-expanded="true"] .mnav-group-icon{color:#c71f37}.mnav-group-label{flex:1;min-width:0}.mnav-group-count{background:linear-gradient(135deg,#c71f37,#ff4458);color:#fff;font-size:0.58rem;font-weight:800;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 6px rgba(199,31,55,0.5)}.mnav-group-chevron{flex-shrink:0;opacity:0.35;color:rgba(255,255,255,0.5);transition:transform 0.32s cubic-bezier(0.4,0,0.2,1),opacity 0.22s,color 0.22s}.mnav-group-toggle:hover .mnav-group-chevron{opacity:0.7}.mnav-group-toggle[aria-expanded="true"] .mnav-group-chevron{transform:rotate(180deg);opacity:1;color:#c71f37}.mnav-group{overflow:hidden;max-height:800px;transition:max-height 0.38s cubic-bezier(0.4,0,0.2,1),opacity 0.28s ease;opacity:1}.mnav-group.collapsed{max-height:0 !important;opacity:0;pointer-events:none}.mnav-group .mobile-nav-item{padding-left:2.6rem}.mnav-group .mobile-nav-item .mobile-nav-icon{color:rgba(255,255,255,0.28)}.mobile-nav-footer{position:absolute;bottom:0;left:0;right:0;padding:0.75rem 1rem calc(0.75rem+env(safe-area-inset-bottom,0px)) 1rem;border-top:1px solid rgba(255,255,255,0.08);background:rgba(8,8,18,0.95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:1}.mobile-nav-logout-btn{display:flex;align-items:center;gap:0.85rem;width:100%;padding:0.85rem 1rem;background:rgba(199,31,55,0.08);border:1px solid rgba(199,31,55,0.2);border-radius:12px;color:var(--primary-color);font-size:0.92rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background 0.2s ease,border-color 0.2s ease;text-decoration:none;-webkit-tap-highlight-color:transparent}.mobile-nav-logout-btn:active,.mobile-nav-logout-btn:hover{background:rgba(199,31,55,0.16);border-color:rgba(199,31,55,0.35)}.mobile-menu-backdrop{position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:100000;opacity:0;pointer-events:none;transition:opacity 0.3s ease}.mobile-menu-backdrop.active{opacity:1;pointer-events:auto}body.mobile-menu-open{overflow:hidden;position:fixed;width:100%;touch-action:none}main{padding-top:calc(60px+env(safe-area-inset-top,0px)) !important}}@media (min-width:769px){.mobile-nav{display:none !important}.desktop-nav{display:block}}@media (max-width:1023.98px){body{overflow-x:hidden}img,video,canvas,svg{max-width:100%;height:auto}iframe{max-width:100%}table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.btn,button,input[type="submit"],input[type="button"],a.btn{min-height:44px}}@media (max-width:768px){body{margin:0;padding:0}div[style*="margin-bottom"],section[style*="margin-bottom"],.profile-header[style*="margin-bottom"],.dashboard-card[style*="margin-bottom"]{margin-bottom:0 !important}body::before{animation:none}.container{padding-left:0;padding-right:0;margin-left:0;margin-right:0;max-width:100%;width:100%}main{padding-top:calc(60px+env(safe-area-inset-top,0px)) !important;padding-left:0;padding-right:0;margin:0}.profile-card,.card,.match-card,.message-card{margin:0 0 0.5rem 0;padding:0;border-radius:0}section{padding:0;margin:0}.dashboard-card{margin:0 0 0.5rem 0;padding:0}.grid,.profile-grid,.matches-grid{gap:0.5rem;padding:0;margin:0}.profil-container,.profile-container{padding:0 !important;padding-bottom:0 !important;border:none !important}.profile-edit-container{padding:0.2rem !important}.profile-container h1{font-size:1.4rem !important}.profile-header p{text-align:left !important;font-size:0.9rem !important}.profile-content,.profil-content{padding:0 !important;border:none !important}#site-footer,footer{display:none !important}.carousel-container,.carousel,.carousel-section,.carousel-track,.carousel-card,div[style*="carousel"],#carousel{display:none !important;visibility:hidden !important;opacity:0 !important;height:0 !important;overflow:hidden !important}.dashboard-grid{display:grid !important;grid-template-columns:1fr !important;gap:0.5rem !important;padding:0.5rem !important;margin:0 !important}.dashboard-grid.stats-active{grid-template-columns:1fr !important}.stats-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:0.5rem !important;padding:0.5rem !important;margin:0 !important}a.dashboard-card,.dashboard-card{margin:0 !important;padding:0.5rem !important;font-size:0.85rem !important;display:block !important;grid-column:span 1 !important;width:100% !important;max-width:none !important}.dashboard-grid>div[style*="grid-column"],.dashboard-grid>*[style*="grid-column"]{grid-column:1 / -1 !important}.dashboard-card h3,.dashboard-card .card-title{font-size:0.9rem;margin-bottom:0.25rem}.dashboard-card .stat-value{font-size:1.2rem}.dashboard-card p,.dashboard-card .card-text{font-size:0.75rem;margin:0.25rem 0}.dashboard-card p,a.dashboard-card p{display:none !important}.profile-header{display:flex;flex-direction:row;align-items:flex-start;gap:1rem;padding:0;text-align:left;margin-top:1rem}.profile-avatar{width:80px !important;height:80px !important;min-width:80px !important;flex-shrink:0;margin:0 !important}.profile-avatar img{width:72px !important;height:72px !important}.profile-info{flex:1;text-align:left;margin:0;padding:0}.profile-info h1{font-size:1.2rem;margin:0 0 0.25rem 0}.profile-age,.profile-location{font-size:0.75rem !important;margin:0.25rem 0 !important}a[href="#"][onclick*="bdsm"]>div{width:50px !important;height:70px !important;top:75px !important;right:8px !important}a[href="#"][onclick*="bdsm"] svg{width:50px !important;height:70px !important}a[href="#"][onclick*="bdsm"] text{font-size:12px !important}.profile-tabs-inline{position:absolute !important;top:4px !important;bottom:auto !important;left:calc(1.5rem+62px+0.75rem) !important;right:0.5rem !important;max-width:none !important;width:auto !important;flex-wrap:nowrap !important;overflow-x:auto !important;scrollbar-width:none !important;-ms-overflow-style:none !important;gap:2px !important;background:rgba(10,10,20,0.75) !important;backdrop-filter:blur(20px) !important;-webkit-backdrop-filter:blur(20px) !important;border-radius:14px !important;border:1px solid rgba(255,255,255,0.07) !important;padding:2px !important;box-shadow:0 4px 24px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.06) !important}.profile-tabs-inline::-webkit-scrollbar{display:none !important}.profile-tab-btn-inline{flex:1 0 auto !important;padding:2px 9px !important;font-size:11px !important;font-weight:700 !important;letter-spacing:0.3px !important;border-radius:11px !important;border:none !important;background:transparent !important;color:rgba(255,255,255,0.52) !important;white-space:nowrap !important;transition:background 0.15s ease,color 0.15s ease !important;line-height:1.2 !important;text-align:center !important;justify-content:center !important}.profile-tab-btn-inline:hover{background:rgba(255,255,255,0.09) !important;color:rgba(255,255,255,0.88) !important;border:none !important}.profile-tab-btn-inline.active{background:linear-gradient(135deg,#c71f37 0%,#9f1239 100%) !important;color:#fff !important;border:none !important;box-shadow:0 2px 12px rgba(199,31,55,0.55),inset 0 1px 0 rgba(255,255,255,0.2) !important}.btn-chat-mini,.btn-like-mini,.btn-favorite-mini{width:32px !important;height:32px !important;min-width:32px !important;min-height:32px !important}.btn-chat-mini svg,.btn-like-mini svg,.btn-favorite-mini svg{width:16px !important;height:16px !important}.profile-action-buttons-compact{right:3px !important;top:102px !important}.admin-view-badge{transform:scale(0.6) !important;position:fixed !important;top:10px !important;left:50% !important;transform:translateX(-50%) scale(0.6) !important;z-index:1002 !important}.nav-menu-container{grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:0.5rem;padding:0.6rem 1rem;padding-left:calc(1rem+env(safe-area-inset-left));padding-right:calc(1rem+env(safe-area-inset-right))}.nav-menu-container .nav-brand{grid-column:1;grid-row:1}.site-logo{height:52px}.nav-logout{grid-column:2;grid-row:1;justify-self:end;flex-direction:row !important;align-items:flex-start !important;gap:0.5rem !important}.nav-logout .btn{width:auto !important;padding:0.6rem 0.9rem}.nav-logout .nav-stat{font-size:0.75rem !important;white-space:nowrap}#section-statistiques{grid-column:span 1 !important;padding:0 !important}#section-statistiques>div>div[style*="flex-wrap"]{flex-direction:column !important;align-items:flex-start !important;gap:1rem !important}#section-statistiques>div>div>div[style*="text-align:right"]{text-align:left !important;width:100%}#stats-prev,#stats-next{padding:0.25rem !important}#section-statistiques .stat-bar-wrapper>div[style*="justify-content:space-between"]{flex-direction:column !important;align-items:flex-start !important;gap:0.5rem !important}#section-statistiques .stat-bar-wrapper>div>div[style*="display:flex"]{flex-wrap:wrap !important;gap:0.5rem !important}#section-statistiques .stat-bar-wrapper span[style*="font-size:1rem"]{font-size:0.9rem !important}#section-statistiques .stat-bar-wrapper span[style*="font-size:0.85rem"]{font-size:0.75rem !important}#section-statistiques>div>div>div[style*="justify-content:space-around"]{gap:0.5rem !important}#section-statistiques>div>div>div>div[style*="text-align:center"]{flex:1}#section-statistiques>div>div>div>div>div[style*="font-size:1.5rem"]{font-size:1.2rem !important}#section-statistiques>div[style*="grid-column:span 2"]{grid-column:span 1 !important}#section-statistiques canvas#visitsChart{max-height:150px !important}#section-statistiques>div>div[style*="height:180px"]{height:150px !important}#section-statistiques>div>div[style*="display:flex"][style*="justify-content:center"]{gap:1rem !important;flex-wrap:wrap}#section-statistiques>div>div>div>span[style*="font-size:0.8rem"]{font-size:0.7rem !important}.nav-menu{grid-column:1 / -1;grid-row:2;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:0.25rem;padding-bottom:0.25rem;width:100% !important;scrollbar-width:none}.nav-menu::-webkit-scrollbar{display:none}.nav-menu a,.nav-dropdown-btn{padding:0.75rem 0.9rem;font-size:0.95rem;border-radius:10px}nav .nav-menu img{height:24px !important;width:auto !important}.nav-dropdown-menu{position:fixed;left:1rem;right:1rem;top:76px;min-width:unset;max-height:60vh;overflow:auto;z-index:2000}.envies-background{min-width:0 !important;width:100% !important;max-width:100% !important;min-height:120px !important;max-height:none !important;padding:10px 12px !important;overflow:hidden !important}.envies-background::before{width:min(100%,750px) !important;aspect-ratio:750 / 129;height:auto !important;background-size:contain !important;background-position:center !important;background-repeat:no-repeat !important;opacity:0.22 !important;filter:drop-shadow(1px 1px 3px rgba(0,0,0,0.25)) !important}.tag-envies,span.tag-envies{padding:0px !important;margin:0px 2px !important}input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="number"],input[type="date"],input[type="time"],input[type="datetime-local"],textarea,select{font-size:1rem}.card{padding:1.25rem}.visitors-grid,.visits-grid,.matches-grid{grid-template-columns:1fr;gap:1rem}.visitor-actions,.visit-actions,.match-actions,.profile-actions,.form-actions{flex-direction:column}.visitor-actions .btn,.visit-actions .btn,.match-actions .btn,.profile-actions .btn,.form-actions .btn{width:100%}.profile-header{flex-direction:column;align-items:flex-start;text-align:center;gap:1rem;padding:0.5rem}.profile-info h1{font-size:1.6rem}.profile-status{justify-content:center}.profile-tab-content.active{padding:1rem !important}#tab-testimonials.profile-tab-content.active{gap:0rem !important}.btn-testimonial-emoji{display:none !important}.info-row{justify-content:normal !important}.profile-two-columns{gap:32px !important}.bdsm-tabs{padding-bottom:7px !important}.bdsm-tab{padding:4px 8px !important;font-size:9px !important}.bdsm-tab span{font-size:10px !important;margin-right:3px !important}.checkbox-grid{display:block !important;margin-top:0 !important}.profile-form{padding:0rem !important}.profile-edit-container .checkbox-group,.profile-edit-container .checkbox-grid,.profile-edit-container [style*="display:grid"],.profile-edit-container .form-grid{display:block !important;grid-template-columns:unset !important}.hero{padding:0px 0 40px !important;overflow:visible !important}.hero-stats{grid-template-columns:unset !important;margin:-2rem auto 0 auto !important}.hero-actions{display:block !important}.modal{width:95vw;max-width:95vw}#btnLeaveTestimonial{padding:0.75rem 0.5rem !important;font-size:0.75rem !important;white-space:nowrap !important;gap:0.25rem !important}.section-title{font-size:1.5rem !important;line-height:1.3 !important;margin-bottom:20px !important;padding:0 10px !important}h2.section-title[style*="font-size"],h2[style*="font-size:2.5rem"],h2[style*="font-size:2.2rem"],.container h2[style*="font-size"]{font-size:1.5rem !important;line-height:1.3 !important}.container>h2.section-title:first-of-type,.container>h2.section-title:nth-of-type(2){font-size:1.5rem !important;padding:10px !important;margin:20px 0 !important}}@media (max-width:480px){.site-logo{height:46px}.nav-menu a,.nav-dropdown-btn{padding:0.7rem 0.8rem;font-size:0.9rem}.nav-dropdown-menu{top:72px}.envies-background{padding:8px 10px !important;min-height:110px !important}}@media (max-width:768px){.flash-messages-container{margin-top:64px !important;padding-top:0 !important}.alert{padding:0.875rem 1rem !important;font-size:0.9rem;line-height:1.5;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:normal;z-index:100;position:relative}.alert span{flex:1;word-wrap:break-word;word-break:break-word}.alert svg{flex-shrink:0;width:18px;height:18px;margin-top:2px}}@media (max-width:480px){.alert{padding:0.75rem 0.875rem !important;font-size:0.85rem;margin-bottom:1rem}.alert svg{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.001ms !important;animation-iteration-count:1 !important;transition-duration:0.001ms !important;scroll-behavior:auto !important}}html{background:#0a0a0f !important}body{background:linear-gradient(180deg,#0a0a0f 0%,#3a3a4a 100%) !important;background-attachment:fixed !important}body::before{background:radial-gradient(ellipse at top right,rgba(199,31,55,0.08) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(139,21,56,0.08) 0%,transparent 50%),radial-gradient(ellipse at center,rgba(212,175,55,0.03) 0%,transparent 70%) !important}*,*::before,*::after{-webkit-transition:none !important;transition:none !important}.card{background:#1a1a28 !important;backface-visibility:hidden !important;-webkit-backface-visibility:hidden !important;transform:translateZ(0) !important;-webkit-transform:translateZ(0) !important}.card:hover{transform:none !important;-webkit-transform:none !important}.auth-container .card,.container .card{background:#1a1a28 !important}@media (min-width:1025px){body.admin-view .profile-container{transform:none !important;-webkit-transform:none !important;margin:0 auto !important;position:relative !important;left:110px !important}}.badge-option{display:flex;align-items:center;padding:0.75rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all 0.3s ease}.badge-option:hover{border-color:var(--primary-color);background:rgba(199,31,55,0.05)}.badge-option input[type="checkbox"]{margin-right:0.75rem;cursor:pointer;width:18px;height:18px}.badge-option input[type="checkbox"]:checked+span{color:var(--primary-color);font-weight:600}.badge-option span{font-size:0.95rem;transition:all 0.3s ease}#confirmationSection{animation:slideIn 0.3s ease}@keyframes slideIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.testimonials-list{margin-top:1.5rem}.testimonial-card{animation:fadeInUp 0.4s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.testimonial-badges-inline{animation:fadeIn 0.5s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes scaleIn{from{opacity:0;transform:scale(0.5)}to{opacity:1;transform:scale(1)}}.badge-tag{display:inline-flex;align-items:center;white-space:nowrap}.testimonial-badges{animation:fadeIn 0.6s ease}.badge-card{transition:all 0.3s ease;cursor:default}.badge-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,0.3)}.badge-card img{transition:transform 0.3s ease}.badge-card:hover img{transform:scale(1.1) rotate(5deg)}.spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:spin 0.6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.badges-grid{grid-template-columns:1fr !important}.testimonial-badges>div>div{grid-template-columns:repeat(auto-fill,minmax(150px,1fr)) !important}.badge-card{padding:0.75rem !important}.badge-card img{width:60px !important;height:60px !important}}@media (prefers-color-scheme:dark){.badge-option{background:rgba(255,255,255,0.05)}.badge-option:hover{background:rgba(199,31,55,0.1)}}.nav-brand-logo{height:30px !important;width:auto !important;filter:brightness(1.05) !important;transition:opacity 0.2s ease !important;display:block}.nav-brand-logo:hover{opacity:0.8 !important;transform:none !important;filter:brightness(1.05) !important}@keyframes bellRing{0%,100%{transform:rotate(0deg)}10%,30%{transform:rotate(-15deg)}20%,40%{transform:rotate(15deg)}50%{transform:rotate(0deg)}}@keyframes pulse{0%,100%{transform:scale(1);box-shadow:0 2px 6px rgba(245,158,11,0.4)}50%{transform:scale(1.1);box-shadow:0 2px 10px rgba(245,158,11,0.6)}}.admin-alert-bell:hover{background:rgba(245,158,11,0.1) !important;transform:translateY(-2px)}@keyframes ring-bell{0%,90%,100%{transform:rotate(0deg)}92%{transform:rotate(10deg)}94%{transform:rotate(-10deg)}96%{transform:rotate(10deg)}98%{transform:rotate(-10deg)}}@keyframes pulse-admin-badge{0%,100%{box-shadow:0 2px 8px rgba(255,68,88,0.5);transform:scale(1)}50%{box-shadow:0 4px 16px rgba(255,68,88,0.8);transform:scale(1.1)}}.admin-notification-bell:hover span:first-child{transform:scale(1.1)}@media (min-width:992px){.footer-grid{grid-template-columns:repeat(5,1fr) !important}}.mobile-quiet-mode-row{display:flex;align-items:center;justify-content:space-between;padding:0.75rem 1rem;border-top:1px solid rgba(255,255,255,0.08);gap:0.75rem}.mobile-quiet-mode-label{display:flex;align-items:center;gap:0.5rem;font-size:0.85rem;font-weight:600;color:rgba(255,255,255,0.85)}.quiet-mode-switch{position:relative;display:inline-block;width:36px;height:20px;flex-shrink:0}.quiet-mode-switch input{display:none}.quiet-mode-slider{position:absolute;cursor:pointer;inset:0;background:rgba(255,255,255,0.15);border-radius:20px;transition:background 0.3s}.quiet-mode-slider::before{content:'';position:absolute;width:14px;height:14px;left:3px;top:3px;background:white;border-radius:50%;transition:transform 0.3s}.quiet-mode-switch input:checked+.quiet-mode-slider{background:linear-gradient(135deg,#a855f7,#7c3aed)}.quiet-mode-switch input:checked+.quiet-mode-slider::before{transform:translateX(16px)}