.chat-box-v2-container{width:100vw;height:100vh;pointer-events:none;position:fixed;right:0;bottom:0;display:flex;align-items:end;justify-content:end;padding:20px;box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;z-index:1000}.chat-box-v2-container .open-icon{cursor:pointer;pointer-events:all;width:80px;height:80px;border:2px solid rgba(255,255,255,.3);box-sizing:border-box;border-radius:50%;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 32px #667eea66;text-align:center;align-content:center;font-weight:600;font-size:18px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-shadow:0 2px 4px rgba(0,0,0,.3);@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}}.chat-box-v2-container .open-icon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#764ba2,#667eea);opacity:0;transition:opacity .3s ease}.chat-box-v2-container .open-icon:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#667eea,#764ba2,#667eea);border-radius:50%;z-index:-1;animation:rotate 3s linear infinite}.chat-box-v2-container .open-icon:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 40px #667eea99;border-color:#ffffff80}.chat-box-v2-container .open-icon:active{transform:translateY(0) scale(1)}.chat-box-v2-container .chat-box{pointer-events:all;min-width:320px;min-height:240px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:space-between;border:1px solid rgba(255,255,255,.2);box-sizing:border-box;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0000001a,0 8px 32px #667eea26;animation:slideUp .4s cubic-bezier(.4,0,.2,1);@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}}[data-theme=dark] :is(.chat-box-v2-container .chat-box){background:#1e293bf2;border-color:#ffffff1a;box-shadow:0 20px 60px #0000004d,0 8px 32px #667eea33}@media (max-width: 768px){.chat-box-v2-container .chat-box{min-width:280px;width:calc(100vw - 32px);max-width:350px;border-radius:20px}}@media (max-width: 480px){.chat-box-v2-container .chat-box{min-width:250px;width:calc(100vw - 24px);border-radius:16px}}.chat-box-v2-container .chat-box .heading{width:100%;height:-moz-fit-content;height:fit-content;box-sizing:border-box;color:#fff;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:space-between;align-items:center;padding:0 8px 0 0;position:relative}.chat-box-v2-container .chat-box .heading:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent)}.chat-box-v2-container .chat-box .heading .name{padding:12px 16px;font-size:16px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:6px;@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}}.chat-box-v2-container .chat-box .heading .name i{font-size:18px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2);animation:pulse 2s infinite}.chat-box-v2-container .chat-box .heading .name span{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.chat-box-v2-container .chat-box .heading div{display:flex;align-items:center;gap:6px}.chat-box-v2-container .chat-box .heading i{width:32px;height:32px;text-align:center;align-content:center;font-size:14px;cursor:pointer;border-radius:8px;margin:6px 4px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center}.chat-box-v2-container .chat-box .heading i:hover{background:#fff3;transform:scale(1.05);box-shadow:0 4px 16px #00000026}.chat-box-v2-container .chat-box .heading i:hover:before{opacity:1}.chat-box-v2-container .chat-box .heading i:active{transform:scale(.95);background:#ffffff4d}.chat-box-v2-container .chat-box .chat-content{flex:1;overflow-y:auto;padding:20px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;flex-direction:column;gap:12px;position:relative}[data-theme=dark] :is(.chat-box-v2-container .chat-box .chat-content){background:linear-gradient(135deg,#1e293b,#0f172a)}@media (max-width: 768px){.chat-box-v2-container .chat-box .chat-content{padding:16px;gap:10px}}@media (max-width: 480px){.chat-box-v2-container .chat-box .chat-content{padding:12px;gap:8px}}.chat-box-v2-container .chat-box .chat-content::-webkit-scrollbar{width:6px}.chat-box-v2-container .chat-box .chat-content::-webkit-scrollbar-track{background:transparent}.chat-box-v2-container .chat-box .chat-content::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;opacity:.5;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}.chat-box-v2-container .chat-box .chat-content::-webkit-scrollbar-thumb:hover{opacity:.8}.chat-box-v2-container .chat-box .chat-content .welcome-message{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;opacity:.8;margin:auto;@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}}.chat-box-v2-container .chat-box .chat-content .welcome-message .welcome-icon{font-size:40px;color:#667eea;margin-bottom:15px;animation:bounce 2s infinite}.chat-box-v2-container .chat-box .chat-content .welcome-message .welcome-text h3{color:#374151;font-size:16px;font-weight:600;margin-bottom:6px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.chat-box-v2-container .chat-box .chat-content .welcome-message .welcome-text p{color:#6b7280;font-size:13px;line-height:1.5;max-width:240px}.chat-box-v2-container .chat-box .chat-content .message{padding:10px 14px;background:#fffffff2;border-radius:18px;max-width:75%;word-break:break-word;font-size:13px;line-height:1.5;box-shadow:0 2px 10px #00000014;border:1px solid rgba(255,255,255,.4);position:relative;animation:messageSlide .3s cubic-bezier(.4,0,.2,1);font-weight:400;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);@keyframes messageSlide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}.chat-box-v2-container .chat-box .chat-content .message.user-message{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin-left:auto;border-radius:18px 18px 4px;box-shadow:0 4px 14px #667eea4d;font-weight:500;border:1px solid rgba(255,255,255,.2);text-shadow:0 1px 2px rgba(0,0,0,.1)}.chat-box-v2-container .chat-box .chat-content .message.user-message .logo-bot{display:none}.chat-box-v2-container .chat-box .chat-content .message.bot-message{background:#fffffff2;color:#374151;margin-right:auto;border-radius:4px 18px 18px;border-left:3px solid #667eea;box-shadow:0 2px 10px #00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.1)}.chat-box-v2-container .chat-box .chat-content .message.bot-message .logo-bot{width:20px;height:20px;color:#dfbfff;font-size:13px;font-weight:700;text-align:center;align-content:center;text-shadow:1px 1px 1px #5e3b81;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);position:absolute;top:-6px;left:-10px}.chat-box-v2-container .chat-box .chat-content .typing-indicator{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#fffffff2;border-radius:4px 18px 18px;margin-right:auto;max-width:75%;animation:fadeIn .5s ease-in-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(102,126,234,.1);box-shadow:0 2px 10px #00000014;@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes loadingBounce{0%,to{transform:translateY(0);opacity:1}50%{transform:translateY(-4px);opacity:.7}}}.chat-box-v2-container .chat-box .chat-content .typing-indicator .logo-bot{width:20px;height:20px;color:#dfbfff;font-size:13px;font-weight:700;text-align:center;align-content:center;text-shadow:1px 1px 1px #5e3b81;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);position:absolute;top:-6px;left:-10px}.chat-box-v2-container .chat-box .chat-content .typing-indicator .dot{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);animation:loadingBounce 1.2s infinite ease-in-out;box-shadow:0 0 4px #667eea4d}.chat-box-v2-container .chat-box .chat-content .typing-indicator .dot:nth-child(1){animation-delay:-.24s}.chat-box-v2-container .chat-box .chat-content .typing-indicator .dot:nth-child(2){animation-delay:-.12s}.chat-box-v2-container .chat-box .chat-content .typing-indicator .dot:nth-child(3){animation-delay:0s}.chat-box-v2-container .chat-box form{display:flex;align-items:stretch;background:#ffffffe6;border-top:1px solid rgba(255,255,255,.2);padding:12px;gap:10px}[data-theme=dark] :is(.chat-box-v2-container .chat-box form){background:#1e293be6;border-top-color:#ffffff1a}@media (max-width: 768px){.chat-box-v2-container .chat-box form{padding:10px;gap:8px}}@media (max-width: 480px){.chat-box-v2-container .chat-box form{padding:8px;gap:6px}}.chat-box-v2-container .chat-box form .form-group{flex:1;display:flex;align-items:center;border:none;padding:0;position:relative}.chat-box-v2-container .chat-box form .form-group .input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:13px;z-index:1;transition:color .3s ease;pointer-events:none}.chat-box-v2-container .chat-box form .form-group:focus-within .input-icon{color:#667eea}.chat-box-v2-container .chat-box form .form-group input{outline:none;flex:1;padding:12px 18px 12px 40px;border:2px solid rgba(102,126,234,.2);background:#fffc;border-radius:22px;font-size:13px;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);color:#374151}[data-theme=dark] :is(.chat-box-v2-container .chat-box form .form-group input){background:#0f172acc;color:#e2e8f0;border-color:#667eea4d}@media (max-width: 480px){.chat-box-v2-container .chat-box form .form-group input{padding:10px 14px 10px 36px;font-size:12px}}.chat-box-v2-container .chat-box form .form-group input::-moz-placeholder{color:#9ca3af;font-weight:400}.chat-box-v2-container .chat-box form .form-group input::placeholder{color:#9ca3af;font-weight:400}.chat-box-v2-container .chat-box form .form-group input:focus{border-color:#667eea;background:#fffffff2;box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}[data-theme=dark] :is(.chat-box-v2-container .chat-box form .form-group input:focus){background:#0f172af2}.chat-box-v2-container .chat-box form .form-group input:hover{border-color:#667eea4d;background:#ffffffe6}[data-theme=dark] :is(.chat-box-v2-container .chat-box form .form-group input:hover){background:#0f172ae6}.chat-box-v2-container .chat-box form .form-group input:disabled{opacity:.6;cursor:not-allowed}.chat-box-v2-container .chat-box form .btn{min-width:48px;height:48px;border:none;border-radius:50%;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #667eea4d;position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.2)}.chat-box-v2-container .chat-box form .btn[title]{position:relative}.chat-box-v2-container .chat-box form .btn[title]:after{content:attr(title);position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#000c;color:#fff;padding:6px 10px;border-radius:6px;font-size:12px;font-weight:400;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.chat-box-v2-container .chat-box form .btn[title]:before{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:0;height:0;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.chat-box-v2-container .chat-box form .btn[title]:hover:after,.chat-box-v2-container .chat-box form .btn[title]:hover:before{opacity:1}@media (max-width: 480px){.chat-box-v2-container .chat-box form .btn{min-width:40px;height:40px;font-size:12px}}.chat-box-v2-container .chat-box form .btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#764ba2,#667eea);opacity:0;transition:opacity .3s ease}.chat-box-v2-container .chat-box form .btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66;border-color:#fff6}.chat-box-v2-container .chat-box form .btn:hover:before{opacity:1}.chat-box-v2-container .chat-box form .btn:active{transform:translateY(0)}.chat-box-v2-container .chat-box form .btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #667eea33;border-color:#ffffff1a}.message-preview{position:fixed;width:300px;height:40px;min-height:40px;bottom:40px;right:110px;background:#fff;color:#000;padding:8px 16px;border-radius:10px 0 10px 10px;box-shadow:0 4px 15px #00000080;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;animation:messagePreviewFadeInOut 3s ease forwards}@keyframes messagePreviewFadeInOut{0%{opacity:0;transform:translate(10px)}10%,90%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(10px)}}.loading-container{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,#a8ff00,#fff,#a259ff);display:flex;align-items:center;justify-content:center;z-index:50;overflow:hidden}.loading-container .fa-play{color:#fff;font-size:40px}.loading-container .loading-background{position:absolute;top:0;right:0;bottom:0;left:0}.loading-container .floating-dot{position:absolute;width:16px;height:16px;background-color:#a8ff004d;border-radius:9999px}.loading-container .loading-content{position:relative;z-index:10;text-align:center}.loading-container .logo-wrapper{margin-bottom:3rem}.loading-container .logo{width:128px;height:128px;background:linear-gradient(to right,#a8ff00,#a259ff);border-radius:1.5rem;display:flex;align-items:center;justify-content:center;margin:auto;position:relative;box-shadow:0 30px 60px #a8ff0066,inset 0 1px #fff3;overflow:hidden}.loading-container .logo-glow{position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:#fff3;border-radius:1rem}.loading-container .logo-icon{width:64px;height:64px;color:#fff;position:relative;z-index:10}.loading-container .orbit-dot{position:absolute;width:16px;height:16px;background-color:#a259ff;border-radius:9999px}.loading-container .loading-title{font-size:4rem;font-weight:900;margin-bottom:2rem;line-height:1.2;background-size:200% 200%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 10px 20px rgba(0,0,0,.1)}.loading-container .title-gradient{background:linear-gradient(135deg,#a8ff00,#a259ff,#a8ff00);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.loading-container .loading-dots{display:flex;justify-content:center;gap:.75rem;margin-bottom:3rem}.loading-container .loading-dot{width:16px;height:16px;border-radius:9999px;background:linear-gradient(to right,#a8ff00,#a259ff);box-shadow:0 5px 15px #a8ff0066}.loading-container .loading-text{font-size:1.5rem;font-weight:700;color:#4b5563;margin-bottom:2rem}.loading-container .progress-container{max-width:28rem;margin:auto}.loading-container .progress-bar{height:12px;background-color:#e5e7eb;border-radius:9999px;overflow:hidden;box-shadow:inset 0 1px 2px #0000000d}.loading-container .progress-fill{height:100%;background:linear-gradient(to right,#a8ff00,#a259ff);border-radius:9999px;position:relative;box-shadow:0 0 20px #a8ff0080;overflow:hidden}.loading-container .progress-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,transparent,rgba(255,255,255,.3),transparent)}.loading-container .floating-box{position:absolute;border-radius:1rem;filter:blur(4px)}.loading-container .floating-box.green{top:25%;left:25%;width:64px;height:64px;background:linear-gradient(to right,#a8ff0066,#a259ff66)}.loading-container .floating-box.purple{bottom:25%;right:25%;width:80px;height:80px;background:linear-gradient(to right,#a259ff66,#a8ff0066)}.loading-container .lightning-bolt{position:absolute;top:50%;right:25%;transform:translateY(-50%)}.loading-container .bolt-icon{width:32px;height:32px;color:#a8ff00}.payment-status{display:flex;justify-content:center;align-items:center;height:90vh;background:linear-gradient(135deg,#a259ff20,#a8ff0020);font-family:Inter,sans-serif}.payment-status .card{box-shadow:0 10px 30px #0000001a;border-radius:16px;text-align:center;padding:40px 24px 24px;width:360px;animation:fadeIn .6s ease-in-out}.payment-status .card .icon{background:linear-gradient(135deg,#a8ff00,#a259ff);width:200px;height:200px;border-radius:50%;margin:0 auto 20px;box-shadow:0 6px 15px #a259ff4d;color:#fff;font-size:120px;font-weight:700;align-content:center}.payment-status .card .icon .fa-spinner{animation:payment_loading 1.5s linear infinite}.payment-status .card .title{font-size:22px;color:#fff;font-weight:700}.payment-status .card .title.success{margin:0 20px 24px;text-shadow:0 4px 12px #28a745}.payment-status .card .title.fail{margin:0 40px 24px;text-shadow:0 4px 12px #dc3545}.payment-status .card .buttons{display:flex;flex-direction:column;gap:12px}.payment-status .card .buttons .btn-in-payment-status{width:100%;background:linear-gradient(135deg,#a259ff,#a8ff00);color:#fff;border-radius:10px;padding:8px 16px;transition:all .3s ease}.payment-status .card .buttons .btn-in-payment-status:hover{transform:scale(1.05);box-shadow:0 8px 20px #a259ff66}.payment-status .card .buttons .btn-in-payment-status:disabled{opacity:.6;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes payment_loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-quaternary: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-quaternary: #94a3b8;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-tertiary: #94a3b8;--shadow-primary: rgba(0, 0, 0, .1);--shadow-secondary: rgba(0, 0, 0, .05);--shadow-tertiary: rgba(0, 0, 0, .15);--accent-primary: #A8FF00;--accent-primary-light: #86efac;--accent-primary-dark: #15803d;--accent-secondary: #10b981;--accent-hover: #16a34a;--warning: #f59e0b;--warning-light: #fef3c7;--warning-dark: #92400e;--error: #ef4444;--success: #22c55e;--success-dark: #15803d;--info: #3b82f6;--info-rgb: 59, 130, 246;--accent-primary-rgb: 34, 197, 94;--success-rgb: 34, 197, 94;--warning-rgb: 245, 158, 11;--text-tertiary-rgb: 100, 116, 139}.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-quaternary: #475569;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #94a3b8;--text-quaternary: #64748b;--border-primary: #334155;--border-secondary: #475569;--border-tertiary: #64748b;--shadow-primary: rgba(0, 0, 0, .3);--shadow-secondary: rgba(0, 0, 0, .2);--shadow-tertiary: rgba(0, 0, 0, .4);--accent-primary: #A8FF00;--accent-primary-light: #86efac;--accent-primary-dark: #15803d;--accent-secondary: #10b981;--accent-hover: #16a34a;--warning: #b40404;--warning-light: #fef3c7;--warning-dark: #9f281862;--error: #ef4444;--success: #4ade80;--success-dark: #22c55e;--info: #60a5fa;--info-rgb: 96, 165, 250;--accent-primary-rgb: 34, 197, 94;--success-rgb: 74, 222, 128;--warning-rgb: 245, 158, 11;--text-tertiary-rgb: 148, 163, 184}.light{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-quaternary: #e2e8f0;--text-primary: #0f172a;--text-secondary: #475569;--text-tertiary: #64748b;--text-quaternary: #94a3b8;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-tertiary: #94a3b8;--shadow-primary: rgba(0, 0, 0, .1);--shadow-secondary: rgba(0, 0, 0, .05);--shadow-tertiary: rgba(0, 0, 0, .15);--accent-primary: #A8FF00;--accent-primary-light: #86efac;--accent-primary-dark: #15803d;--accent-secondary: #10b981;--accent-hover: #16a34a;--warning: #f59e0b;--warning-light: #fef3c7;--warning-dark: #92400e;--error: #ef4444;--success: #22c55e;--success-dark: #15803d;--info: #3b82f6;--info-rgb: 59, 130, 246;--accent-primary-rgb: 34, 197, 94;--success-rgb: 34, 197, 94;--warning-rgb: 245, 158, 11;--text-tertiary-rgb: 100, 116, 139}.theme-bg-primary{background-color:var(--bg-primary)}.theme-bg-secondary{background-color:var(--bg-secondary)}.theme-bg-tertiary{background-color:var(--bg-tertiary)}.theme-bg-quaternary{background-color:var(--bg-quaternary)}.theme-text-primary{color:var(--text-primary)}.theme-text-secondary{color:var(--text-secondary)}.theme-text-tertiary{color:var(--text-tertiary)}.theme-text-quaternary{color:var(--text-quaternary)}.theme-border-primary{border-color:var(--border-primary)}.theme-border-secondary{border-color:var(--border-secondary)}.theme-border-tertiary{border-color:var(--border-tertiary)}.theme-shadow-primary{box-shadow:0 4px 6px -1px var(--shadow-primary),0 2px 4px -1px var(--shadow-secondary)}.theme-shadow-secondary{box-shadow:0 1px 3px 0 var(--shadow-primary),0 1px 2px 0 var(--shadow-secondary)}.theme-shadow-tertiary{box-shadow:0 10px 15px -3px var(--shadow-tertiary),0 4px 6px -2px var(--shadow-primary)}.theme-accent-primary{color:var(--accent-primary)}.theme-bg-accent-primary{background-color:var(--accent-primary)}.theme-border-accent-primary{border-color:var(--accent-primary)}.theme-success{color:var(--success)}.theme-warning{color:var(--warning)}.theme-error{color:var(--error)}.theme-info{color:var(--info)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .3s ease,color .3s ease}*,*:before,*:after{transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}.layout{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#f9fafb);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;transition:background-color .3s ease;padding-top:65px}[data-theme=dark] .layout{background:linear-gradient(135deg,#0f172a,#1e293b,#1f2937)}.owner-layout-bg{min-height:100vh;background:linear-gradient(135deg,#f1f5f9,#e0e7ef);display:flex;flex-direction:column;transition:all .3s ease}[data-theme=dark] .owner-layout-bg{background:linear-gradient(135deg,#0f172a,#1e293b)}.owner-layout-wrapper{display:flex;flex:1;min-height:0}.owner-main-content{flex:1;padding:0;min-width:0;margin-left:0;background:transparent;transition:all .3s ease}@media (min-width: 1024px){.owner-main-content{margin-left:16rem}.layout__main{padding-top:0}}.footer{background:#f9fafb;border-top:1px solid #e5e7eb}[data-theme=dark] .footer{background:#1f2937;border-top-color:#374151}.footer__container{max-width:88rem;margin:0 auto;padding:3rem 1rem}@media (min-width: 640px){.footer__container{padding:3rem 1.5rem}}@media (min-width: 1024px){.footer__container{padding:3rem 2rem}}.footer__grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 768px){.footer__grid{grid-template-columns:1fr 1fr 1fr;gap:4rem}}.footer__logo{display:block;margin-bottom:1rem;text-decoration:none}.footer__logo-img{height:3.5rem;width:-moz-fit-content;width:fit-content}.footer__description{color:#6b7280;margin-bottom:1.5rem;font-size:1rem;max-width:25rem}[data-theme=dark] .footer__description{color:#d1d5db}.footer__social{display:flex;gap:1rem}.footer__social-link{color:6b7280;transition:color .3s ease,border-color .3s ease;border:1px solid #6b7280;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.footer__social-link:hover{color:#22c55e;border-color:#22c55e}[data-theme=dark] .footer__social-link{color:#d1d5db;border-color:#d1d5db}.footer__social-icon{width:1.25rem;height:1.25rem}.footer__section{display:block}.footer__sectionlinks{display:block;padding-left:3rem}.footer__title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:1rem}[data-theme=dark] .footer__title{color:#fff}.footer__links{display:flex;flex-direction:column;gap:.5rem;list-style:none;padding:0;margin:0}.footer__link{color:#6b7280;transition:color .3s ease;text-decoration:none;font-size:1rem}.footer__link:hover{color:#22c55e}[data-theme=dark] .footer__link{color:#d1d5db}.footer__contact{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0;margin:0}.footer__contact-item{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:1rem}[data-theme=dark] .footer__contact-item{color:#d1d5db}.footer__contact-icon{width:1.25rem;height:1.25rem;color:#22c55e}.footer__download{text-align:center;margin-top:2rem}.footer__download-text{color:#6b7280;font-size:1.125rem;margin-bottom:1rem}[data-theme=dark] .footer__download-text{color:#d1d5db}.footer__download-buttons{display:flex;justify-content:center;gap:1rem}.footer__download-link{display:inline-block}.footer__download-badge{height:50px;width:auto}.footer__bottom{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:2rem;display:flex;flex-direction:column;justify-content:space-between;align-items:center;gap:1rem}@media (min-width: 768px){.footer__bottom{flex-direction:row;gap:0}}[data-theme=dark] .footer__bottom{border-top-color:#374151}.footer__copyright{color:#6b7280;font-size:.875rem;margin:0}[data-theme=dark] .footer__copyright{color:#d1d5db}.footer__legal{display:flex;gap:1.5rem}.footer__legal-link{color:#6b7280;font-size:.875rem;transition:color .3s ease;text-decoration:none}.footer__legal-link:hover{color:#22c55e}[data-theme=dark] .footer__legal-link{color:#d1d5db}.theme-toggle{position:relative;padding:.5rem;border:none;border-radius:9999px;background:var(--bg-tertiary);color:var(--text-primary);cursor:pointer;transition:all .3s ease;outline:none;border:1px solid var(--border-secondary)}.theme-toggle:hover{transform:scale(1.1);background:var(--bg-quaternary);box-shadow:var(--shadow-primary)}.theme-toggle:focus{box-shadow:0 0 0 3px var(--accent-primary);outline:none}.theme-toggle__icon{position:relative;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center}.theme-toggle__sun{color:var(--warning);animation:pulse 2s infinite}.theme-toggle__moon{color:var(--info);animation:pulse 2s infinite}.theme-toggle__overlay{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:9999px;opacity:0;transition:opacity .3s ease;pointer-events:none}.theme-toggle:hover .theme-toggle__overlay{opacity:1}.theme-toggle__overlay--light{background:linear-gradient(45deg,#fbbf2433,#f9731633)}.theme-toggle__overlay--dark{background:linear-gradient(45deg,#3b82f633,#9333ea33)}@media (max-width: 640px){.theme-toggle{padding:.375rem}.theme-toggle__icon,.theme-toggle__sun,.theme-toggle__moon{width:1rem;height:1rem}}.header{position:fixed;top:0;left:0;right:0;z-index:50;transition:all .3s ease;background:var(--bg-primary);@keyframes vipPulse{0%,to{box-shadow:0 4px 12px #a8ff004d}50%{box-shadow:0 4px 16px #a259ff80}}}.header.header--scrolled{background:var(--bg-primary);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);box-shadow:var(--shadow-primary);border-bottom:1px solid var(--border-primary)}.header .container{max-width:88rem;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.header .container{padding:0 1.5rem}}@media (min-width: 1024px){.header .container{padding:0 2rem}}.header .wrapper{display:flex;align-items:center;justify-content:space-between;height:4rem}.header .logo{display:flex;align-items:center;height:4rem;padding-right:.5rem;transition:transform .3s ease}.header .logo:hover{transform:scale(1.1)}.header .logo .logo-img{height:3rem;width:auto;max-height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 16px var(--shadow-primary));transition:transform .3s ease}.header .nav{display:none;align-items:center;gap:1.5rem}@media (min-width: 768px){.header .nav{display:flex}}.header .nav .nav-link{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:1rem;font-weight:500;transition:all .3s ease;color:var(--text-secondary);text-decoration:none}.header .nav .nav-link:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.header .nav .nav-link.nav-link--active{color:var(--accent-primary);background:var(--bg-tertiary)}.header .nav .nav-link.nav-link--vip{position:relative;background:linear-gradient(135deg,#a8ff00,#a259ff);color:#000;font-weight:700;padding:.625rem 1rem;box-shadow:0 4px 12px #a8ff004d;animation:vipPulse 3s ease-in-out infinite}.header .nav .nav-link.nav-link--vip:hover{background:linear-gradient(135deg,#a259ff,#a8ff00);color:#000;box-shadow:0 8px 20px #a259ff80;transform:translateY(-2px)}.header .nav .nav-link.nav-link--vip.nav-link--active{background:linear-gradient(135deg,#a259ff,#a8ff00);color:#000;box-shadow:0 8px 20px #a259ff80}.header .nav .nav-link .nav-icon{width:1.25rem;height:1.25rem}.header .actions{display:none;align-items:center;gap:.75rem}@media (min-width: 768px){.header .actions{display:flex}}.header .actions .login-btn{display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#a8ff00,#84cc16);color:var(--bg-primary);padding:.5rem 1.25rem;border-radius:9999px;font-weight:600;font-size:1rem;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none}.header .actions .login-btn:hover{background:linear-gradient(135deg,#84cc16,#a8ff00);box-shadow:0 8px 12px -4px #a8ff0080;transform:scale(1.05)}.header .actions .login-btn .login-icon{width:1.25rem;height:1.25rem}.header .actions .lang-dropdown{position:relative;margin-left:.5rem;display:flex;align-items:center}.header .actions .lang-dropdown .lang-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;overflow:hidden;box-shadow:var(--shadow-secondary);border:none;cursor:pointer;background:var(--bg-secondary)}.header .actions .lang-dropdown .lang-btn:hover{box-shadow:var(--shadow-primary);background:var(--bg-tertiary)}.header .actions .lang-dropdown .lang-btn.lang-btn--active{box-shadow:var(--shadow-tertiary)}.header .actions .lang-dropdown .lang-btn .lang-flag{width:2rem;height:2rem;-o-object-fit:cover;object-fit:cover;border-radius:50%}.header .actions .lang-dropdown .lang-menu{position:absolute;right:0;top:100%;width:10rem;background:var(--bg-primary);border-radius:.75rem;box-shadow:var(--shadow-tertiary);border:1px solid var(--border-primary);z-index:50;animation:fadeIn .2s ease-out;padding:.5rem 0;max-height:8rem;overflow:auto}.header .actions .lang-dropdown .lang-menu .lang-item{width:100%;display:flex;align-items:center;padding:.5rem .75rem;gap:.75rem;border-radius:.5rem;font-size:1rem;font-weight:500;transition:all .2s ease;background:none;border:none;cursor:pointer;color:var(--text-secondary)}.header .actions .lang-dropdown .lang-menu .lang-item:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.header .actions .lang-dropdown .lang-menu .lang-item.lang-item--active{background:var(--bg-tertiary);color:var(--accent-primary);font-weight:700;cursor:not-allowed}.header .actions .lang-dropdown .lang-menu .lang-item .lang-item-flag{width:1.5rem;height:1.5rem;-o-object-fit:cover;object-fit:cover;border-radius:50%}.header .actions .lang-dropdown .lang-menu .lang-item .lang-item-name{color:var(--text-primary)}.header .mobile-btn{display:block;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:color .3s ease}.header .mobile-btn:hover{color:var(--accent-primary)}@media (min-width: 768px){.header .mobile-btn{display:none}}.header .mobile-btn .mobile-icon{width:1.5rem;height:1.5rem}.header .mobile-menu{display:block;background:var(--bg-primary);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-top:1px solid var(--border-primary);animation:slideIn .2s ease-out}@media (min-width: 768px){.header .mobile-menu{display:none}}.header .mobile-menu .mobile-content{padding:1.5rem 1rem;display:flex;flex-direction:column;gap:1rem}.header .mobile-menu .mobile-content .mobile-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.5rem;font-size:1rem;font-weight:500;transition:all .3s ease;color:var(--text-secondary);text-decoration:none}.header .mobile-menu .mobile-content .mobile-link:hover,.header .mobile-menu .mobile-content .mobile-link.mobile-link--active{color:var(--accent-primary);background:var(--bg-tertiary)}.header .mobile-menu .mobile-content .mobile-link.mobile-link--vip{background:linear-gradient(135deg,#a8ff00,#a259ff);color:#000;font-weight:700;box-shadow:0 4px 12px #a8ff004d}.header .mobile-menu .mobile-content .mobile-link.mobile-link--vip:hover{background:linear-gradient(135deg,#a259ff,#a8ff00);color:#000;box-shadow:0 8px 20px #a259ff80}.header .mobile-menu .mobile-content .mobile-link.mobile-link--vip.mobile-link--active{background:linear-gradient(135deg,#a259ff,#a8ff00);color:#000}.header .mobile-menu .mobile-content .mobile-link .mobile-link-icon{width:1.25rem;height:1.25rem}.header .mobile-menu .mobile-content .mobile-login{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent-primary);color:var(--bg-primary);padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;border:none;cursor:pointer}.header .mobile-menu .mobile-content .mobile-login:hover{background:var(--accent-hover)}.header .mobile-menu .mobile-content .mobile-login .mobile-login-icon{width:1.25rem;height:1.25rem}.header .mobile-menu .mobile-content .mobile-actions{display:flex;justify-content:center;padding-top:.5rem;gap:.5rem}.header .mobile-menu .mobile-content .mobile-actions .mobile-lang{position:relative;display:flex;align-items:center}.header .mobile-menu .mobile-content .mobile-actions .mobile-lang .mobile-lang-btn{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;overflow:hidden;box-shadow:var(--shadow-secondary);border:none;cursor:pointer;background:var(--bg-secondary)}.header .mobile-menu .mobile-content .mobile-actions .mobile-lang .mobile-lang-btn:hover{box-shadow:var(--shadow-primary);background:var(--bg-tertiary)}.header .mobile-menu .mobile-content .mobile-actions .mobile-lang .mobile-lang-btn.mobile-lang-btn--active{box-shadow:var(--shadow-tertiary)}.header .mobile-menu .mobile-content .mobile-actions .mobile-lang .mobile-lang-btn .mobile-lang-flag{width:2rem;height:2rem;-o-object-fit:cover;object-fit:cover;border-radius:50%}.header .mobile-menu .mobile-content .mobile-actions .mobile-lang .mobile-lang-menu{position:absolute;right:0;top:100%;width:10rem;background:#fff;border-radius:.75rem;box-shadow:0 25px 50px -12px #00000040;z-index:50;animation:fadeIn .2s ease-out;padding:.5rem 0;max-height:8rem;overflow:auto}[data-theme=dark] :is(.header .mobile-menu .mobile-content .mobile-actions .mobile-lang .mobile-lang-menu){background:#1f2937}.header .mobile-menu .mobile-content .mobile-actions .mobile-lang .mobile-lang-menu .mobile-lang-item{width:100%;display:flex;align-items:center;padding:.5rem .75rem;gap:.75rem;border-radius:.5rem;font-size:1rem;font-weight:500;transition:all .2s ease;background:none;border:none;cursor:pointer;color:#6b7280}.header .mobile-menu .mobile-content .mobile-actions .mobile-lang .mobile-lang-menu .mobile-lang-item:hover{background:#22c55e1a;color:#22c55e}.header .mobile-menu .mobile-content .mobile-actions .mobile-lang .mobile-lang-menu .mobile-lang-item.mobile-lang-item--active{background:#22c55e1a;color:#22c55e;font-weight:700;cursor:not-allowed}[data-theme=dark] :is(.header .mobile-menu .mobile-content .mobile-actions .mobile-lang .mobile-lang-menu .mobile-lang-item){color:#f3f4f6}.header .mobile-menu .mobile-content .mobile-actions .mobile-lang .mobile-lang-menu .mobile-lang-item .mobile-lang-item-flag{width:1.5rem;height:1.5rem;-o-object-fit:cover;object-fit:cover;border-radius:50%}.header .mobile-menu .mobile-content .mobile-actions .mobile-lang .mobile-lang-menu .mobile-lang-item .mobile-lang-item-name{color:#000}[data-theme=dark] :is(.header .mobile-menu .mobile-content .mobile-actions .mobile-lang .mobile-lang-menu .mobile-lang-item .mobile-lang-item-name){color:#fff}@keyframes fadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.header__user-dropdown{position:relative}.header__user-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:.5rem;font-size:1rem;font-weight:500;transition:all .3s ease;background:none;border:none;cursor:pointer;color:var(--text-secondary)}.header__user-btn:hover,.header__user-btn--active{background:var(--bg-tertiary);color:var(--accent-primary)}.header__user-avatar{width:2rem;height:2rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.header__user-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.header__user-avatar-icon{width:1.25rem;height:1.25rem;color:var(--text-secondary)}.header__user-name{max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:none}@media (min-width: 1024px){.header__user-name{display:block}}.header__user-chevron{width:1rem;height:1rem;transition:transform .2s ease}.header__user-btn--active .header__user-chevron{transform:rotate(180deg)}.header__user-menu{position:absolute;top:calc(100% + .5rem);right:0;width:16rem;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.75rem;box-shadow:var(--shadow-secondary);z-index:50;overflow:hidden;animation:fadeInDown .2s ease-out}.header__user-info{padding:1rem;display:flex;align-items:center;gap:.75rem}.header__user-info-avatar{width:3rem;height:3rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.header__user-info-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.header__user-info-avatar-icon{width:1.5rem;height:1.5rem;color:var(--text-secondary)}.header__user-info-details{flex:1;overflow:hidden}.header__user-info-name{font-weight:600;color:var(--text-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__user-info-email{font-size:.875rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__user-menu-divider{height:1px;background:var(--border-primary);margin:.5rem 1rem}.header__user-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:1rem;font-weight:500;transition:all .2s ease;background:none;border:none;cursor:pointer;color:var(--text-secondary);text-align:left}.header__user-menu-item:hover{background:var(--bg-tertiary);color:var(--accent-primary)}.header__user-menu-item--logout{color:var(--error-color, #ef4444)}.header__user-menu-item--logout:hover{background:var(--error-bg, rgba(239, 68, 68, .1));color:var(--error-color, #ef4444)}.header__user-menu-icon{width:1.25rem;height:1.25rem}.header__mobile-user{padding:1rem 0;border-top:1px solid var(--border-primary);margin-top:1rem}.header__mobile-user-info{display:flex;align-items:center;gap:.75rem;padding:.5rem 0 1rem}.header__mobile-user-avatar{width:3rem;height:3rem;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary)}.header__mobile-user-avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.header__mobile-user-avatar-icon{width:1.5rem;height:1.5rem;color:var(--text-secondary)}.header__mobile-user-details{flex:1;overflow:hidden}.header__mobile-user-name{font-weight:600;color:var(--text-primary);margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__mobile-user-email{font-size:.875rem;color:var(--text-secondary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header__mobile-user-menu-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 0;font-size:1rem;font-weight:500;transition:all .2s ease;background:none;border:none;cursor:pointer;color:var(--text-secondary);text-align:left}.header__mobile-user-menu-item:hover{color:var(--accent-primary)}.header__mobile-user-menu-item--logout,.header__mobile-user-menu-item--logout:hover{color:var(--error-color, #ef4444)}.header__mobile-user-menu-icon{width:1.25rem;height:1.25rem}.header__mobile-user-menu-divider{height:1px;background:var(--border-primary);margin:.5rem 0}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.owner-header{position:fixed;top:0;left:0;right:0;height:4rem;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);box-shadow:0 2px 10px var(--shadow-primary);border-bottom:1px solid var(--border-primary);z-index:50;transition:all .3s ease}.dark .owner-header{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-bottom-color:var(--border-secondary)}@media (min-width: 1024px){.owner-header{display:none!important}}.header-container{max-width:1280px;margin:0 auto;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;height:100%}.header-left{display:flex;align-items:center;gap:1rem}.menu-toggle{padding:.5rem;border-radius:.75rem;background:var(--accent-primary-light);border:1px solid var(--accent-primary);transition:all .2s ease}.menu-toggle:hover{background:var(--accent-primary);transform:translateY(-1px)}.menu-icon{width:1.25rem;height:1.25rem;color:var(--accent-primary);stroke-width:2.5}.logo-container{display:flex;align-items:center;gap:.5rem}.logo-image{height:3rem;width:auto;max-height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 16px var(--shadow-primary));transition:transform .3s ease}.dark .logo-text{color:#f8fafc}.header-right{display:flex;align-items:center;gap:.75rem}.notification-toggle{position:relative;padding:.5rem;border-radius:.75rem;background:#94a3b814;border:1px solid rgba(148,163,184,.15);transition:all .2s ease}.notification-toggle:hover{background:#94a3b826;transform:translateY(-1px)}.notification-count{position:absolute;top:-.25rem;right:-.25rem;min-width:1.25rem;height:1.25rem;background:linear-gradient(135deg,#ef4444,#dc2626);border-radius:9999px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;border:2px solid #ffffff;animation:pulse 2s infinite ease-in-out}.dark .notification-count{border-color:#1e293b}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}.theme-toggle{padding:.5rem;border-radius:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);transition:all .2s ease}.theme-toggle:hover{background:var(--bg-quaternary);transform:translateY(-1px)}.theme-icon{width:1.25rem;height:1.25rem;color:var(--text-secondary);stroke-width:2.5}.dark .theme-icon{color:var(--text-tertiary)}.user-profile{position:relative}.user-toggle{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:.75rem;background:#fff9;border:1px solid rgba(226,232,240,.5);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease}.dark .user-toggle{background:#1e293b99;border-color:#33415580}.user-toggle:hover{background:#fffc;transform:translateY(-1px);box-shadow:0 4px 15px #0000000d}.dark .user-toggle:hover{background:#1e293bcc;box-shadow:0 4px 15px #0000001a}.avatar{width:1.75rem;height:1.75rem;background:linear-gradient(135deg,#a8ff00,#a259ff);border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #a8ff0033}.user-icon{width:1rem;height:1rem;color:#000;stroke-width:2.5}.user-details{display:flex;flex-direction:column;text-align:left}.user-role{font-size:.75rem;color:#64748b}.dark .user-role{color:#94a3b8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.modal-content{position:relative;background-color:var(--bg-secondary);border-radius:1rem;box-shadow:var(--shadow-tertiary);width:100%;max-height:90vh;overflow-y:auto;transition:all .3s ease;animation:slideInFromBottom .3s ease-out;border:1px solid var(--border-primary)}.modal-content--sm{max-width:28rem}.modal-content--md{max-width:32rem}.modal-content--lg{max-width:42rem}.modal-content--xl{max-width:80rem}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-primary)}.modal-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.modal-close-button{padding:.5rem;border:none;background:none;border-radius:.5rem;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.modal-close-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.modal-close-button--absolute{position:absolute;top:1rem;right:1rem;z-index:10;background-color:var(--bg-secondary);border:1px solid var(--border-primary)}.modal-body{padding:1.5rem}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutToBottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1rem)}}.modal-content--closing{animation:slideOutToBottom .3s ease-out}.modal-backdrop--closing{animation:fadeOut .3s ease-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-open{overflow:hidden}@media (max-width: 640px){.modal-overlay{padding:.5rem}.modal-content{max-height:95vh;border-radius:.5rem}.modal-header,.modal-body{padding:1rem}}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;border-radius:12px;transition:all .3s ease;outline:none;border:none;cursor:pointer;transform:scale(1)}.button:focus{box-shadow:0 0 0 2px var(--accent-primary)}.button:disabled{opacity:.5;cursor:not-allowed}.button:hover:not(:disabled){transform:scale(1.05)}.button:active:not(:disabled){transform:scale(.95)}.button--primary{background-color:var(--accent-primary);color:var(--bg-primary)}.button--primary:hover:not(:disabled){background-color:var(--accent-hover)}.button--primary.button--glow{box-shadow:0 10px 25px var(--accent-primary)}.button--primary.button--glow:hover:not(:disabled){box-shadow:0 15px 35px var(--accent-primary)}.button--secondary{background-color:var(--info);color:var(--text-primary)}.button--secondary:hover:not(:disabled){background-color:var(--accent-hover)}.button--outline{border:2px solid var(--accent-primary);background-color:transparent;color:var(--accent-primary)}.button--outline:hover:not(:disabled){background-color:var(--accent-primary);color:var(--bg-primary)}.button--ghost{background-color:transparent;color:var(--text-secondary)}.button--ghost:hover:not(:disabled){background-color:var(--bg-tertiary);color:var(--text-primary)}.button--sm{padding:8px 16px;font-size:14px}.button--md{padding:12px 24px;font-size:16px}.button--lg{padding:16px 32px;font-size:18px}.button__spinner{width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.button__icon{width:20px;height:20px}.confirm-modal{display:flex;flex-direction:column;gap:1rem}.confirm-modal__content{padding:1rem}.confirm-modal__message{margin:0 0 1rem;font-size:1rem;line-height:1.5}.confirm-modal__actions{display:flex;justify-content:flex-end;gap:.5rem}.mobile-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:60;display:flex;animation:fadeIn .3s ease}.mobile-sidebar{width:80%;max-width:320px;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);box-shadow:4px 0 20px var(--shadow-primary);display:flex;flex-direction:column;animation:slideIn .3s ease}.dark .mobile-sidebar{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);box-shadow:4px 0 20px var(--shadow-tertiary)}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(226,232,240,.5)}.dark .mobile-header{border-bottom-color:#33415580}.mobile-logo{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.logo-image{width:6rem;height:auto;-o-object-fit:contain;object-fit:contain}.close-button{padding:.5rem;border-radius:.75rem;transition:all .2s ease}.close-button:hover{background:#94a3b81a}.close-icon{width:1.25rem;height:1.25rem;color:#64748b;stroke-width:2.5}.dark .close-icon{color:#94a3b8}.mobile-nav{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.25rem}.nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;transition:all .2s ease;background-color:transparent;color:#475569}.dark .nav-item{color:#cbd5e1}.nav-item:hover{background:#a8ff0014;transform:translate(4px)}.dark .nav-item:hover{background:#a8ff000d}.nav-item.active{background:#a8ff0026;color:#a8ff00;font-weight:600}.dark .nav-item.active{background:#a8ff001a;color:#a8ff00}.nav-icon{width:1.25rem;height:1.25rem;stroke-width:2.5}.nav-text{flex:1}.chevron{width:1rem;height:1rem;color:#94a3b8;stroke-width:2.5;opacity:.5}.mobile-footer{padding:1rem;border-top:1px solid rgba(226,232,240,.5)}.dark .mobile-footer{border-top-color:#33415580}.user-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;min-width:0}.avatar{width:2.25rem;min-width:2.25rem;height:2.25rem;background:linear-gradient(135deg,#a8ff00,#a259ff);border-radius:9999px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #a8ff0033;overflow:hidden}.avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:9999px}.avatar-icon{width:1.25rem;height:1.25rem;color:#000;stroke-width:2.5}.user-details{display:flex;flex-direction:column}.user-name{font-size:.875rem;font-weight:600;color:#0f172a}.dark .user-name{color:#f8fafc}.user-email{font-size:.75rem;color:#64748b}.dark .user-email{color:#94a3b8}.desktop-sidebar{position:fixed;top:0;left:0;bottom:0;width:16rem;background:linear-gradient(180deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);box-shadow:2px 0 10px var(--shadow-primary);z-index:40;transition:all .3s ease;display:none}@media (min-width: 1024px){.desktop-sidebar{display:block}}.dark .desktop-sidebar{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);box-shadow:2px 0 10px var(--shadow-tertiary)}.sidebar-content{display:flex;flex-direction:column;height:100%;padding:1rem 0}.sidebar-header{padding:0 1rem 1rem;border-bottom:1px solid rgba(226,232,240,.5)}.dark .sidebar-header{border-bottom-color:#33415580}.logo-container{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%}.sidebar-nav{flex:1;padding:0 1rem;display:flex;flex-direction:column;gap:.25rem}.sidebar-footer{padding:1.25rem 1rem;border-top:1px solid rgba(226,232,240,.5);margin-top:auto}.dark .sidebar-footer{border-top-color:#33415580}.footer-actions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.theme-button,.logout-button{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;transition:all .2s ease;width:100%;justify-content:flex-start;background-color:transparent;color:#475569}.dark .theme-button,.dark .logout-button{color:#cbd5e1}.theme-button:hover,.logout-button:hover{background:#a8ff0014}.logout-button:hover{background:#ef444414;color:#dc2626}.dark .theme-button:hover,.dark .logout-button:hover{background:#a8ff000d}.dark .logout-button:hover{background:#ef444414;color:#ef4444}.logout-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.dark .logout-button:disabled{opacity:.6}.theme-icon,.logout-icon{width:1.25rem;height:1.25rem;stroke-width:2.5}.notification-button{padding:.5rem;border-radius:.75rem;background:#94a3b814;border:1px solid rgba(148,163,184,.15);transition:all .2s ease;margin-left:auto;min-width:2.25rem}.notification-button:hover{background:#94a3b826;transform:translateY(-1px)}.bell-icon{width:1.25rem;height:1.25rem;color:#64748b;stroke-width:2.5}.dark .bell-icon{color:#94a3b8}.owner-layout{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%);transition:all .3s ease}.dark .owner-layout{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-quaternary) 100%)}.owner-layout-container{display:flex;flex:1;position:relative}.owner-main-content{flex:1;padding:2rem;margin-left:0;transition:margin-left .3s ease}@media (min-width: 1024px){.owner-main-content{margin-left:16rem;padding-top:0}}.owner-main-content>*{max-width:1280px;margin:0 auto;width:100%}@media (max-width: 768px){.owner-main-content{padding:1rem}}.ad-sidebar__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:40}@media (min-width: 1024px){.ad-sidebar__overlay{display:none}}.ad-sidebar{position:fixed;top:0;left:0;z-index:50;height:100vh;width:16rem;background-color:var(--bg-primary);border-right:1px solid var(--border-primary);transform:translate(-100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;&--open{transform:translate(0)}}@media (min-width: 1024px){.ad-sidebar{position:sticky;top:0;left:0;height:100vh;z-index:auto;transform:translate(0)}}.ad-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-primary)}.ad-sidebar__title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.ad-sidebar__close-btn{padding:.5rem;border-radius:.375rem;color:var(--text-secondary);background-color:transparent;border:none;cursor:pointer;transition:background-color .2s ease}.ad-sidebar__close-btn:hover{background-color:var(--bg-secondary)}@media (min-width: 1024px){.ad-sidebar__close-btn{display:none}}.ad-sidebar__close-icon{width:1.25rem;height:1.25rem}.ad-sidebar__nav{flex:1;padding:1rem;display:flex;flex-direction:column;gap:.5rem;overflow-y:auto}.ad-sidebar__nav::-webkit-scrollbar{width:6px}.ad-sidebar__nav::-webkit-scrollbar-track{background:transparent}.ad-sidebar__nav::-webkit-scrollbar-thumb{background:var(--color-border, #e5e7eb);border-radius:3px}:is():hover{background:var(--color-text-tertiary, #9ca3af)}.dark .ad-sidebar__nav::-webkit-scrollbar-thumb{background:var(--color-border-dark, #374151)}:is():hover{background:var(--color-text-tertiary-dark, #6b7280)}.ad-sidebar__link{width:100%;display:flex;align-items:center;padding:.5rem .75rem;border-radius:.5rem;text-align:left;transition:all .2s ease;color:var(--text-secondary);text-decoration:none;position:relative;&--active{background-color:#a8ff001a;color:var(--accent-primary)}}.ad-sidebar__link:hover{background-color:var(--bg-secondary)}.ad-sidebar__link-icon{width:1.25rem;height:1.25rem;margin-right:.75rem;flex-shrink:0}.ad-sidebar__link-text{font-weight:500;font-size:.875rem}.ad-sidebar__notification{margin-left:auto;display:flex;align-items:center;gap:.25rem}.ad-sidebar__notification-icon{width:1rem;height:1rem}.ad-sidebar__notification-badge{background-color:var(--error);color:#fff;font-size:.75rem;border-radius:9999px;padding:.125rem .5rem;min-width:1.25rem;text-align:center;font-weight:500;line-height:1.25rem}.ad-sidebar__toggle-btn{position:fixed;top:1rem;left:1rem;z-index:30;padding:.5rem;border-radius:.375rem;background-color:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-secondary);cursor:pointer;transition:background-color .2s ease}.ad-sidebar__toggle-btn:hover{background-color:var(--bg-secondary)}@media (min-width: 1024px){.ad-sidebar__toggle-btn{display:none}}.dark .ad-sidebar__toggle-btn{background-color:var(--color-bg-primary-dark, #111827);border-color:var(--color-border-dark, #374151);color:var(--color-text-secondary-dark, #d1d5db)}.dark .ad-sidebar__toggle-btn:hover{background-color:var(--color-bg-hover-dark, #1f2937)}.ad-sidebar__toggle-icon{width:1.25rem;height:1.25rem}.ad-sidebar__footer{padding:1rem;border-top:1px solid var(--color-border, #e5e7eb)}.dark .ad-sidebar__footer{border-top-color:var(--color-border-dark, #374151)}.ad-sidebar__logout-btn{width:100%;display:flex;align-items:center;gap:.75rem;padding:.625rem .75rem;border-radius:.5rem;background-color:var(--color-bg-hover, #f3f4f6);color:var(--color-danger, #ef4444);border:1px solid var(--color-border, #e5e7eb);cursor:pointer;font-weight:600;transition:background-color .2s ease,transform .05s ease}.ad-sidebar__logout-btn:hover{background-color:#fee2e2}.ad-sidebar__logout-btn:active{transform:translateY(1px)}.dark .ad-sidebar__logout-btn{background-color:var(--color-bg-hover-dark, #1f2937);border-color:var(--color-border-dark, #374151);color:#fca5a5}.dark .ad-sidebar__logout-btn:hover{background-color:#7f1d1d}.ad-sidebar__logout-icon{width:1.1rem;height:1.1rem}.ad-header{background-color:var(--bg-primary);border-bottom:1px solid var(--border-primary);padding:1rem;flex-shrink:0;transition:background-color .3s ease,border-color .3s ease;&--scrolled{box-shadow:0 2px 8px var(--shadow-primary)}}@media (min-width: 1024px){.ad-header{padding:1rem 1.5rem}}.ad-header__container{display:flex;align-items:center;justify-content:space-between;width:100%}.ad-header__logo{display:block}@media (min-width: 1024px){.ad-header__logo{display:none}}.ad-header__title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.ad-header__actions{display:flex;align-items:center;gap:1rem;margin-left:auto}.ad-header__button{position:relative;padding:.5rem;border-radius:.5rem;color:var(--text-secondary);background-color:transparent;border:none;cursor:pointer;transition:all .2s ease}.ad-header__button:hover{background-color:var(--bg-secondary)}.ad-header__button:focus{outline:2px solid var(--accent-primary);outline-offset:2px}.ad-header__icon{width:1.25rem;height:1.25rem;display:block}.ad-header__badge{position:absolute;top:-.25rem;right:-.25rem;background-color:var(--error);color:#fff;font-size:.75rem;border-radius:9999px;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;font-weight:500;line-height:1}.ad-header__user{display:flex;align-items:center;gap:.75rem;margin-left:.5rem}.ad-header__user-info{text-align:right;display:none}@media (min-width: 640px){.ad-header__user-info{display:block}}.ad-header__user-name{font-size:.875rem;font-weight:500;color:var(--text-primary);margin:0;line-height:1.25rem}.ad-header__user-email{font-size:.75rem;color:var(--text-tertiary);margin:0;line-height:1rem}.ad-header__avatar{width:2rem;height:2rem;background-color:var(--accent-primary);border-radius:9999px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.ad-header__avatar-img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.ad-header__avatar-text{color:#fff;font-size:.875rem;font-weight:500}.ad-admin-layout{display:flex;min-height:100vh;background-color:var(--bg-secondary);transition:background-color .2s ease}.ad-admin-layout__content{display:flex;flex:1;flex-direction:column}@media (min-width: 1024px){.ad-admin-layout__content{margin-left:0}}.ad-admin-layout__main{flex:1;overflow:auto;scroll-behavior:smooth}.ad-admin-layout__main::-webkit-scrollbar{width:8px;height:8px}.ad-admin-layout__main::-webkit-scrollbar-track{background-color:transparent}.ad-admin-layout__main::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}:is():hover{background-color:#0000004d}.dark :is(){background-color:#fff3}.dark :is():hover{background-color:#ffffff4d}@media (max-width: 1023px){.ad-admin-layout__content{width:100%}}.ad-stats-card{background-color:var(--bg-primary);border-radius:.75rem;padding:1rem;border:1px solid var(--border-primary);transition:box-shadow .2s ease;height:100%}.ad-stats-card:hover{box-shadow:0 10px 15px -3px var(--shadow-primary),0 4px 6px -2px var(--shadow-secondary)}@media (min-width: 1024px){.ad-stats-card{padding:1.5rem}}.ad-stats-card__content{display:flex;align-items:flex-start;justify-content:space-between;height:100%}.ad-stats-card__info{display:flex;flex-direction:column;flex:1}.ad-stats-card__title{font-size:.875rem;color:var(--text-secondary);margin:0 0 .25rem}.ad-stats-card__value{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;word-break:break-word}@media (min-width: 1024px){.ad-stats-card__value{font-size:1.5rem}}.ad-stats-card__change{font-size:.875rem;margin:.25rem 0 0;&--positive{color:var(--success)}&--negative{color:var(--error)}&--neutral{color:var(--text-secondary)}}.ad-stats-card__icon-wrapper{padding:.5rem;border-radius:.5rem;flex-shrink:0;&--blue{background-color:rgba(var(--info-rgb),.08);color:var(--info);.dark &{background-color:rgba(var(--info-rgb),.16)}}&--green{background-color:#22c55e1a;color:#16a34a;.dark &{background-color:#22c55e33;color:#4ade80}}&--yellow{background-color:#eab3081a;color:#ca8a04;.dark &{background-color:#eab30833;color:#facc15}}&--purple{background-color:#8b5cf61a;color:#7c3aed;.dark &{background-color:#8b5cf633;color:#a78bfa}}}@media (min-width: 1024px){.ad-stats-card__icon-wrapper{padding:.75rem}}.ad-stats-card__icon{width:1.25rem;height:1.25rem}@media (min-width: 1024px){.ad-stats-card__icon{width:1.5rem;height:1.5rem}}.ad-chart{background-color:var(--color-bg-primary, #ffffff);border-radius:.75rem;padding:1rem;border:1px solid var(--color-border, #e5e7eb);width:100%}@media (min-width: 1024px){.ad-chart{padding:1.5rem}}.dark .ad-chart{background-color:#1f2937;border-color:var(--color-border-dark, #374151)}.ad-chart__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;gap:1rem;flex-wrap:wrap}.ad-chart__title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0}.dark .ad-chart__title{color:var(--color-text-primary-dark, #ffffff)}.ad-chart__filter{display:flex;gap:.5rem;background-color:var(--color-bg-secondary, #f3f4f6);padding:.25rem;border-radius:.5rem}.dark .ad-chart__filter{background-color:#374151}.ad-chart__filter-btn{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #6b7280);background-color:transparent;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s}.ad-chart__filter-btn:hover{color:var(--color-text-primary, #111827);background-color:#3b82f61a}.dark .ad-chart__filter-btn{color:var(--color-text-secondary-dark, #9ca3af)}.dark .ad-chart__filter-btn:hover{color:var(--color-text-primary-dark, #ffffff);background-color:#3b82f633}.ad-chart__filter-btn--active{color:#fff;background-color:#3b82f6}.ad-chart__filter-btn--active:hover{color:#fff;background-color:#2563eb}.dark .ad-chart__filter-btn--active{color:#fff;background-color:#3b82f6}.dark .ad-chart__filter-btn--active:hover{color:#fff;background-color:#2563eb}.ad-chart__container{height:16rem;width:100%}@media (min-width: 1024px){.ad-chart__container{height:20rem}}.ad-chart__tooltip{background-color:var(--color-bg-primary, #ffffff);padding:.75rem;border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid var(--color-border, #e5e7eb)}.dark .ad-chart__tooltip{background-color:#1f2937;border-color:var(--color-border-dark, #374151)}.ad-chart__tooltip-label{font-size:.875rem;color:var(--color-text-secondary, #6b7280);margin:0 0 .25rem}.dark .ad-chart__tooltip-label{color:var(--color-text-secondary-dark, #9ca3af)}.ad-chart__tooltip-value{font-size:.875rem;font-weight:500;margin:.25rem 0 0}.ad-dashboard{padding:1rem;display:flex;flex-direction:column;gap:1.5rem;max-width:100%}@media (min-width: 1024px){.ad-dashboard{padding:1.5rem}}.ad-dashboard__stats{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.ad-dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ad-dashboard__stats{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.ad-dashboard__charts{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 1280px){.ad-dashboard__charts{grid-template-columns:repeat(2,1fr);gap:1.5rem}}.ad-dashboard__revenue-section{display:grid;gap:1rem}@media (min-width: 1280px){.ad-dashboard__revenue-section{gap:1.5rem}}@media (min-width: 1024px){.ad-dashboard__pie-chart{grid-column:span 1}}@media (min-width: 1280px){.ad-dashboard__overview{grid-column:span 2}}.ad-dashboard__overview-card{background-color:var(--bg-primary);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border-primary)}.ad-dashboard__overview-title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 1rem}.ad-dashboard__overview-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.ad-dashboard__overview-grid{grid-template-columns:repeat(3,1fr)}}.ad-dashboard__metric{text-align:center;padding:1rem;border-radius:.5rem;&--blue{background-color:#3b82f61a;.dark &{background-color:#3b82f633}}&--green{background-color:#10b9811a;.dark &{background-color:#10b98133}}&--purple{background-color:#8b5cf61a;.dark &{background-color:#8b5cf633}}}.ad-dashboard__metric-value{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.ad-dashboard__metric--blue .ad-dashboard__metric-value{color:#3b82f6}.dark :is(.ad-dashboard__metric--blue .ad-dashboard__metric-value){color:#60a5fa}.ad-dashboard__metric--green .ad-dashboard__metric-value{color:#10b981}.dark :is(.ad-dashboard__metric--green .ad-dashboard__metric-value){color:#34d399}.ad-dashboard__metric--purple .ad-dashboard__metric-value{color:#8b5cf6}.dark :is(.ad-dashboard__metric--purple .ad-dashboard__metric-value){color:#a78bfa}.ad-dashboard__metric-label{font-size:.875rem;color:var(--text-secondary);margin:0}.ad-search{position:relative;width:100%}.ad-search__icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1rem;height:1rem;pointer-events:none}.ad-search__input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border:1px solid var(--color-border, #d1d5db);border-radius:.5rem;background-color:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #111827);font-size:.875rem;transition:all .2s ease}.ad-search__input::-moz-placeholder{color:#6b7280}.ad-search__input::placeholder{color:#6b7280}.ad-search__input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #3b82f6}.dark .ad-search__input{border-color:var(--color-border-dark, #4b5563);background-color:var(--color-bg-hover-dark, #374151);color:var(--color-text-primary-dark, #ffffff)}.dark .ad-search__input::-moz-placeholder{color:#9ca3af}.dark .ad-search__input::placeholder{color:#9ca3af}.ad-filter{position:relative;display:inline-block}.ad-filter__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #d1d5db);border-radius:.5rem;padding:.5rem 2rem .5rem 1rem;color:var(--color-text-primary, #111827);font-size:.875rem;cursor:pointer;transition:all .2s ease;min-width:150px}.ad-filter__select:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #3b82f6}.ad-filter__select:hover{background-color:var(--color-bg-hover, #f9fafb)}.dark .ad-filter__select{background-color:var(--color-bg-hover-dark, #374151);border-color:var(--color-border-dark, #4b5563);color:var(--color-text-primary-dark, #ffffff)}.dark .ad-filter__select:hover{background-color:#4b5563}.dark .ad-filter__select option{background-color:#374151;color:#fff}.ad-filter__icon{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:#9ca3af;width:1rem;height:1rem;pointer-events:none}.ad-status-badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;line-height:1.25rem;text-align:center;&--booking{&.ad-status-badge--confirmed{background-color:#22c55e1a;color:#16a34a;.dark &{background-color:#22c55e33;color:#4ade80}}&.ad-status-badge--pending{background-color:#eab3081a;color:#ca8a04;.dark &{background-color:#eab30833;color:#facc15}}&.ad-status-badge--cancelled{background-color:#ef44441a;color:#dc2626;.dark &{background-color:#ef444433;color:#f87171}}}&--payment{&.ad-status-badge--paid{background-color:#22c55e1a;color:#16a34a;.dark &{background-color:#22c55e33;color:#4ade80}}&.ad-status-badge--pending{background-color:#eab3081a;color:#ca8a04;.dark &{background-color:#eab30833;color:#facc15}}&.ad-status-badge--failed{background-color:#ef44441a;color:#dc2626;.dark &{background-color:#ef444433;color:#f87171}}}}.ad-status-badge.ad-status-badge--user.ad-status-badge--active,.ad-status-badge.ad-status-badge--field.ad-status-badge--active{background-color:#10b9811a;color:#10b981}.dark .ad-status-badge.ad-status-badge--user.ad-status-badge--active,.dark .ad-status-badge.ad-status-badge--field.ad-status-badge--active{background-color:#10b98133;color:#34d399}.ad-status-badge.ad-status-badge--user.ad-status-badge--inactive,.ad-status-badge.ad-status-badge--field.ad-status-badge--inactive{background-color:#ef44441a;color:#dc2626}.dark .ad-status-badge.ad-status-badge--user.ad-status-badge--inactive,.dark .ad-status-badge.ad-status-badge--field.ad-status-badge--inactive{background-color:#ef444433;color:#f87171}.ad-status-badge:not([class*=--confirmed]):not([class*=--pending]):not([class*=--cancelled]):not([class*=--active]):not([class*=--inactive]):not([class*=--paid]):not([class*=--failed]){background-color:#6b72801a;color:#4b5563}.dark .ad-status-badge:not([class*=--confirmed]):not([class*=--pending]):not([class*=--cancelled]):not([class*=--active]):not([class*=--inactive]):not([class*=--paid]):not([class*=--failed]){background-color:#6b728033;color:#9ca3af}.ad-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border-radius:.5rem;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .05s ease;border:1px solid transparent;cursor:pointer;position:relative;line-height:1.25;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ad-button:focus{outline:none}.ad-button:focus-visible{box-shadow:0 0 0 3px rgba(var(--info-rgb, 59, 130, 246),.35)}.ad-button:active{transform:translateY(.5px) scale(.99)}.ad-button--primary{background-color:var(--info, #3b82f6);color:#fff;border-color:transparent}.ad-button--primary:hover:not(.ad-button--disabled){background-color:#2563eb}.dark .ad-button--primary:hover:not(.ad-button--disabled){background-color:#3b82f6}.ad-button--primary:focus-visible{box-shadow:0 0 0 3px rgba(var(--info-rgb, 59, 130, 246),.4)}.ad-button--secondary{background-color:var(--bg-secondary, #f3f4f6);color:var(--text-primary, #0f172a);border-color:var(--border-primary, #e5e7eb)}.ad-button--secondary:hover:not(.ad-button--disabled){background-color:var(--bg-tertiary, #e5e7eb)}.dark .ad-button--secondary{background-color:var(--bg-secondary, #374151);color:var(--text-primary, #ffffff);border-color:var(--border-primary, #4b5563)}.dark .ad-button--secondary:hover:not(.ad-button--disabled){background-color:var(--bg-tertiary, #4b5563)}.ad-button--danger{background-color:var(--error, #ef4444);color:#fff;border-color:transparent}.ad-button--danger:hover:not(.ad-button--disabled){background-color:#dc2626}.ad-button--danger:focus-visible{box-shadow:0 0 0 3px #ef444466}.ad-button--ghost{background-color:transparent;color:var(--text-secondary, #475569);border-color:var(--border-primary, #e5e7eb)}.ad-button--ghost:hover:not(.ad-button--disabled){background-color:var(--bg-secondary, #f3f4f6)}.dark .ad-button--ghost{color:var(--text-secondary, #d1d5db);border-color:var(--border-primary, #374151)}.dark .ad-button--ghost:hover:not(.ad-button--disabled){background-color:var(--bg-secondary, #1f2937)}.ad-button--sm{padding:.375rem .75rem;font-size:.8125rem}.ad-button--md{padding:.5rem 1rem;font-size:.875rem}.ad-button--lg{padding:.625rem 1.25rem;font-size:1rem}.ad-button--disabled,.ad-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none;transform:none!important;box-shadow:none!important}.ad-button__icon{width:1rem;height:1rem;flex-shrink:0}.ad-button__text{line-height:1.25}.booking-detail-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.booking-detail-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.booking-detail-modal__content{position:relative;background-color:var(--color-bg-primary, #ffffff);border-radius:1rem;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out}.dark .booking-detail-modal__content{background-color:#1f2937}.booking-detail-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.dark .booking-detail-modal__header{border-color:var(--color-border-dark, #374151)}.booking-detail-modal__header-main{flex:1}.booking-detail-modal__title{font-size:1.5rem;font-weight:700;color:var(--color-text-primary, #111827);margin:0 0 .5rem}.dark .booking-detail-modal__title{color:var(--color-text-primary-dark, #ffffff)}.booking-detail-modal__booking-id{font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.dark .booking-detail-modal__booking-id{color:var(--color-text-secondary-dark, #9ca3af)}.booking-detail-modal__booking-id strong{color:#3b82f6;font-weight:600}.booking-detail-modal__close{background:none;border:none;cursor:pointer;color:var(--color-text-secondary, #6b7280);padding:.5rem;border-radius:.5rem;transition:all .2s}.booking-detail-modal__close:hover{background-color:#f3f4f6;color:var(--color-text-primary, #111827)}.dark .booking-detail-modal__close:hover{background-color:#374151;color:var(--color-text-primary-dark, #ffffff)}.booking-detail-modal__status-section{display:flex;gap:.75rem;padding:1rem 1.5rem;background-color:#f9fafb}.dark .booking-detail-modal__status-section{background-color:#111827}.booking-detail-modal__status-badge,.booking-detail-modal__payment-badge{padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;font-weight:600;color:#fff;text-align:center}.booking-detail-modal__body{padding:1.5rem}.booking-detail-modal__section{margin-bottom:1.5rem;padding:1.25rem;background-color:#f9fafb;border-radius:.75rem;border:1px solid var(--color-border, #e5e7eb)}.dark .booking-detail-modal__section{background-color:#111827;border-color:var(--color-border-dark, #374151)}.booking-detail-modal__section:last-child{margin-bottom:0}.booking-detail-modal__section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.dark .booking-detail-modal__section-header{border-color:var(--color-border-dark, #374151)}.booking-detail-modal__section-header svg{color:#3b82f6}.booking-detail-modal__section-header h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary, #111827);margin:0}.dark .booking-detail-modal__section-header h3{color:var(--color-text-primary-dark, #ffffff)}.booking-detail-modal__info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.booking-detail-modal__info-item{display:flex;flex-direction:column;gap:.25rem}.booking-detail-modal__info-item--full{grid-column:1 / -1}.booking-detail-modal__info-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #6b7280);display:flex;align-items:center;gap:.5rem}.dark .booking-detail-modal__info-label{color:var(--color-text-secondary-dark, #9ca3af)}.booking-detail-modal__info-value{font-size:1rem;font-weight:500;color:var(--color-text-primary, #111827)}.dark .booking-detail-modal__info-value{color:var(--color-text-primary-dark, #ffffff)}.booking-detail-modal__price{font-size:1.5rem;font-weight:700;color:#3b82f6}.booking-detail-modal__payment-status{font-weight:600}.booking-detail-modal__footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1.5rem;border-top:1px solid var(--color-border, #e5e7eb);background-color:#f9fafb}.dark .booking-detail-modal__footer{border-color:var(--color-border-dark, #374151);background-color:#111827}.booking-detail-modal__button{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;border-radius:.5rem;cursor:pointer;transition:all .2s;border:none}.booking-detail-modal__button--secondary{background-color:#fff;color:var(--color-text-primary, #111827);border:1px solid var(--color-border, #d1d5db)}.booking-detail-modal__button--secondary:hover{background-color:#f9fafb}.dark .booking-detail-modal__button--secondary{background-color:#374151;color:var(--color-text-primary-dark, #ffffff);border-color:var(--color-border-dark, #4b5563)}.dark .booking-detail-modal__button--secondary:hover{background-color:#4b5563}.booking-detail-modal__button--primary{background-color:#3b82f6;color:#fff}.booking-detail-modal__button--primary:hover{background-color:#2563eb}@media (max-width: 768px){.booking-detail-modal__content{max-height:95vh}.booking-detail-modal__info-grid{grid-template-columns:1fr}.booking-detail-modal__footer{flex-direction:column-reverse}.booking-detail-modal__button{width:100%}}@media print{.booking-detail-modal__backdrop,.booking-detail-modal__close,.booking-detail-modal__footer{display:none}.booking-detail-modal__content{max-width:100%;max-height:none;box-shadow:none}}.ad-booking-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.ad-booking-page__header{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.ad-booking-page__header{flex-direction:row;align-items:center;justify-content:space-between}}.ad-booking-page__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.ad-booking-page__view-toggle{display:flex;align-items:center;gap:.5rem}.ad-booking-page__filters{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ad-booking-page__filters{grid-template-columns:repeat(3,1fr)}}.ad-booking-page__actions{display:flex;gap:.5rem}.ad-booking-table{background-color:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-primary);overflow:hidden}.ad-booking-table__wrapper{overflow-x:auto}.ad-booking-table__table{width:100%;border-collapse:collapse}.ad-booking-table__head{background-color:var(--bg-secondary)}.ad-booking-table__th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ad-booking-table__body{background-color:var(--bg-primary)}.ad-booking-table__row{border-top:1px solid var(--border-primary);transition:background-color .2s ease}.ad-booking-table__row:hover{background-color:var(--bg-secondary)}.ad-booking-table__td{padding:1rem 1.5rem;white-space:nowrap;font-size:.875rem;color:var(--text-primary);&--id{font-weight:500}&--price{font-weight:500}}.ad-booking-table__user{display:flex;flex-direction:column}.ad-booking-table__user-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.ad-booking-table__user-type{font-size:.875rem;color:var(--text-secondary)}.ad-booking-table__datetime{display:flex;flex-direction:column}.ad-booking-table__date{font-size:.875rem;color:var(--text-primary)}.ad-booking-table__time{font-size:.875rem;color:var(--text-secondary)}.ad-booking-table__badges{display:flex;flex-direction:column;gap:.25rem}.ad-booking-table__button-group{display:flex;gap:.5rem;font-weight:500}.ad-booking-calendar{background-color:var(--color-bg-primary, #ffffff);border-radius:.75rem;padding:1.5rem;border:1px solid var(--color-border, #e5e7eb)}.dark .ad-booking-calendar{background-color:#1f2937;border-color:var(--color-border-dark, #374151)}.ad-booking-calendar__placeholder{text-align:center;padding:3rem 0}.ad-booking-calendar__icon{width:4rem;height:4rem;color:#9ca3af;margin:0 auto 1rem}.ad-booking-calendar__title{font-size:1.125rem;font-weight:500;color:var(--color-text-primary, #111827);margin:0 0 .5rem}.dark .ad-booking-calendar__title{color:var(--color-text-primary-dark, #ffffff)}.ad-booking-calendar__description{font-size:.875rem;color:var(--color-text-secondary, #6b7280);margin:0}.dark .ad-booking-calendar__description{color:var(--color-text-secondary-dark, #9ca3af)}.ad-booking-pagination{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:1px solid var(--color-border, #e5e7eb);align-items:flex-start}@media (min-width: 768px){.ad-booking-pagination{flex-direction:column;align-items:flex-start;justify-content:flex-start}}.dark .ad-booking-pagination{border-color:var(--color-border-dark, #374151)}.ad-booking-pagination__info{font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.dark .ad-booking-pagination__info{color:var(--color-text-secondary-dark, #9ca3af)}.ad-booking-pagination__controls{display:flex;align-items:center;gap:.5rem}.ad-booking-pagination__button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #111827);background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #d1d5db);border-radius:.375rem;cursor:pointer;transition:all .2s}.ad-booking-pagination__button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.ad-booking-pagination__button:disabled{opacity:.5;cursor:not-allowed}.dark .ad-booking-pagination__button{color:var(--color-text-primary-dark, #ffffff);background-color:#374151;border-color:var(--color-border-dark, #4b5563)}.dark .ad-booking-pagination__button:hover:not(:disabled){background-color:#4b5563;border-color:#6b7280}.ad-booking-pagination__pages{display:flex;align-items:center;gap:.25rem}.ad-booking-pagination__page{min-width:2.5rem;height:2.5rem;padding:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #111827);background-color:transparent;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .2s}.ad-booking-pagination__page:hover{background-color:#f3f4f6}.dark .ad-booking-pagination__page{color:var(--color-text-primary-dark, #ffffff)}.dark .ad-booking-pagination__page:hover{background-color:#374151}.ad-booking-pagination__ellipsis{min-width:2.5rem;height:2.5rem;padding:.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.dark .ad-booking-pagination__ellipsis{color:var(--color-text-secondary-dark, #9ca3af)}.ad-booking-pagination__page--active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.ad-booking-pagination__page--active:hover{background-color:#2563eb}.dark .ad-booking-pagination__page--active{color:#fff;background-color:#3b82f6}.dark .ad-booking-pagination__page--active:hover{background-color:#2563eb}.field-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.field-edit-modal{background-color:var(--bg-primary);border-radius:.75rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.field-edit-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-primary)}.field-edit-modal__title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.field-edit-modal__close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.field-edit-modal__close:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.field-edit-modal__form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.field-edit-modal__error{padding:.75rem;background-color:#fee;border:1px solid #fcc;border-radius:.5rem;color:#c00;font-size:.875rem}.field-edit-modal__field{display:flex;flex-direction:column;gap:.5rem}.field-edit-modal__label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.required{color:#ef4444}.field-edit-modal__input,.field-edit-modal__select,.field-edit-modal__textarea{padding:.625rem .875rem;border:1px solid var(--border-primary);border-radius:.5rem;font-size:.875rem;color:var(--text-primary);background-color:var(--bg-primary);transition:all .2s}.field-edit-modal__input:focus,.field-edit-modal__select:focus,.field-edit-modal__textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.field-edit-modal__input::-moz-placeholder,.field-edit-modal__select::-moz-placeholder,.field-edit-modal__textarea::-moz-placeholder{color:var(--text-tertiary)}.field-edit-modal__input::placeholder,.field-edit-modal__select::placeholder,.field-edit-modal__textarea::placeholder{color:var(--text-tertiary)}.field-edit-modal__textarea{resize:vertical;min-height:80px;font-family:inherit}.field-edit-modal__actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.slot-mgmt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.slot-mgmt-modal{background-color:var(--bg-primary);border-radius:.75rem;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.slot-mgmt-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-primary)}.slot-mgmt-modal__title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 .25rem}.slot-mgmt-modal__subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.slot-mgmt-modal__close{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.375rem;transition:all .2s}.slot-mgmt-modal__close:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.slot-mgmt-modal__content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.slot-mgmt-modal__error{padding:.75rem;background-color:#fee;border:1px solid #fcc;border-radius:.5rem;color:#c00;font-size:.875rem}.slot-mgmt-modal__add-section{display:flex;justify-content:flex-start}.slot-mgmt-modal__footer{padding:1.5rem;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end}.slot-form{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.slot-form__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.slot-form__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.slot-form__cancel{background:none;border:none;cursor:pointer;color:var(--text-secondary);padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:.25rem;transition:all .2s}.slot-form__cancel:hover{color:var(--text-primary);background-color:var(--bg-primary)}.slot-form__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.slot-form__grid{grid-template-columns:repeat(2,1fr)}}.slot-form__field{display:flex;flex-direction:column;gap:.5rem}.slot-form__label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.slot-form__input,.slot-form__select{padding:.625rem .875rem;border:1px solid var(--border-primary);border-radius:.5rem;font-size:.875rem;color:var(--text-primary);background-color:var(--bg-primary);transition:all .2s}.slot-form__input:focus,.slot-form__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.slot-form__input::-moz-placeholder,.slot-form__select::-moz-placeholder{color:var(--text-tertiary)}.slot-form__input::placeholder,.slot-form__select::placeholder{color:var(--text-tertiary)}.slot-form__actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem}.slots-list{display:flex;flex-direction:column;gap:1rem}.slots-list__title{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.slots-list__empty{text-align:center;padding:2rem;color:var(--text-secondary);font-size:.875rem}.slots-list__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.slots-list__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 768px){.slots-list__grid{grid-template-columns:repeat(3,1fr)}}.slot-card{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s}.slot-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.slot-card__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.slot-card__name{font-size:.9375rem;font-weight:600;color:var(--text-primary);margin:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-card__status{font-size:.75rem;padding:.25rem .5rem;border-radius:.375rem;font-weight:500;white-space:nowrap}.slot-card__status.active{background-color:#d1fae5;color:#065f46}.slot-card__status.inactive{background-color:#fee;color:#991b1b}.slot-card__details{display:flex;flex-direction:column;gap:.5rem}.slot-card__detail{display:flex;justify-content:space-between;font-size:.8125rem}.slot-card__label{color:var(--text-secondary);font-weight:500}.slot-card__value{color:var(--text-primary);font-weight:600}.slot-card__price{color:#059669}.slot-card__actions{display:flex;gap:.5rem;padding-top:.5rem;border-top:1px solid var(--border-primary)}.ad-field-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.ad-field-page__header{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.ad-field-page__header{flex-direction:row;align-items:center;justify-content:space-between}}.ad-field-page__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.ad-field-page__filters{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ad-field-page__filters{grid-template-columns:repeat(4,1fr)}}.ad-field-page__stats{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ad-field-page__stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ad-field-page__stats{grid-template-columns:repeat(4,1fr)}}.ad-field-page__stat-card{background-color:var(--bg-primary);border-radius:.5rem;padding:1rem;border:1px solid var(--border-primary);display:flex;align-items:center}.ad-field-page__stat-icon{padding:.5rem;border-radius:.5rem;flex-shrink:0;&--blue{background-color:#3b82f61a;.dark &{background-color:#3b82f633}.ad-field-page__icon{color:#3b82f6;.dark &{color:#60a5fa}}}&--green{background-color:#10b9811a;.dark &{background-color:#10b98133}.ad-field-page__icon{color:#10b981;.dark &{color:#34d399}}}&--yellow{background-color:#eab3081a;.dark &{background-color:#eab30833}.ad-field-page__icon{color:#eab308;.dark &{color:#fbbf24}}}&--purple{background-color:#8b5cf61a;.dark &{background-color:#8b5cf633}.ad-field-page__icon{color:#8b5cf6;.dark &{color:#a78bfa}}}}.ad-field-page__icon{width:1.25rem;height:1.25rem}.ad-field-page__stat-content{margin-left:.75rem}.ad-field-page__stat-label{font-size:.875rem;color:var(--text-secondary);margin:0}.ad-field-page__stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.ad-field-page__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.ad-field-page__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ad-field-page__grid{grid-template-columns:repeat(3,1fr)}}.ad-field-card{background-color:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-primary);padding:1.5rem;transition:all .3s ease}.ad-field-card:hover{box-shadow:0 10px 15px -3px var(--shadow-primary),0 4px 6px -2px var(--shadow-secondary)}.ad-field-card--highlighted{animation:highlightPulse 2s ease-in-out;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633,0 10px 15px -3px var(--shadow-primary),0 4px 6px -2px var(--shadow-secondary)}@keyframes highlightPulse{0%,to{box-shadow:0 0 #3b82f666,0 10px 15px -3px var(--shadow-primary),0 4px 6px -2px var(--shadow-secondary)}50%{box-shadow:0 0 0 8px #3b82f600,0 10px 15px -3px var(--shadow-primary),0 4px 6px -2px var(--shadow-secondary)}}.ad-field-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:1rem}.ad-field-card__info{flex:1}.ad-field-card__name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.ad-field-card__location{font-size:.875rem;color:var(--text-secondary);margin:0 0 .5rem}.ad-field-card__details{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.ad-field-card__detail-row{display:flex;justify-content:space-between;align-items:center}.ad-field-card__detail-label{font-size:.875rem;color:var(--text-secondary)}.ad-field-card__detail-value{font-weight:500;color:var(--text-primary)}.ad-field-card__progress-wrapper{margin-bottom:1rem}.ad-field-card__progress-bar{width:100%;background-color:var(--bg-tertiary);border-radius:9999px;height:.5rem;overflow:hidden}.ad-field-card__progress-fill{background-color:#3b82f6;height:100%;border-radius:9999px;transition:width .3s ease}.ad-field-card__description{font-size:.75rem;color:var(--text-secondary);margin:0 0 1rem}.ad-field-card__actions{display:flex;padding-top:1rem;align-items:center;justify-content:space-between}.ad-field-card__button-group{display:flex;gap:.5rem}.ad-field-card__slots{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border-primary)}.ad-field-card__expand-button{width:100%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-primary);font-weight:500;font-size:.875rem;transition:background-color .2s;border-radius:.25rem}.ad-field-card__expand-button:hover{background-color:var(--bg-secondary)}.ad-field-card__slots-list{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.ad-slot-item{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;padding:.75rem}.ad-slot-item__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.ad-slot-item__time{display:flex;align-items:center;gap:.5rem;font-weight:500;color:var(--text-primary);font-size:.875rem}.ad-slot-item__status{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500}.ad-slot-item__status.available{background-color:#10b9811a;color:#10b981}.dark .ad-slot-item__status.available{background-color:#10b98133;color:#34d399}.ad-slot-item__status.looked{background-color:#ef44441a;color:#ef4444}.dark .ad-slot-item__status.looked{background-color:#ef444433;color:#f87171}.ad-slot-item__details{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:var(--text-secondary)}.ad-slot-item__price{display:flex;align-items:center;gap:.25rem;font-weight:500;color:var(--text-primary)}.ad-slot-item__bookings{color:var(--text-secondary)}.ad-field-page__loading{padding:2rem;text-align:center;color:var(--text-secondary)}.ad-field-page__error{padding:1rem;background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:.5rem;color:#ef4444}.dark .ad-field-page__error{background-color:#ef444433;color:#f87171}.ad-field-page__empty{padding:3rem;text-align:center;color:var(--text-secondary);background-color:var(--bg-secondary);border-radius:.75rem;border:1px dashed var(--border-primary)}.alert-modal{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.alert-modal__icon{color:#f59e0b;display:flex;align-items:center;justify-content:center}.alert-modal__content{text-align:center}.alert-modal__message{margin:0;font-size:1rem;line-height:1.5}.alert-modal__actions{display:flex;justify-content:center;gap:.5rem;width:100%}.ad-owner-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.ad-owner-page__header{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.ad-owner-page__header{flex-direction:row;align-items:center;justify-content:space-between}}.ad-owner-page__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.ad-owner-page__filters{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ad-owner-page__filters{grid-template-columns:repeat(3,1fr)}}.ad-owner-page__actions{display:flex;gap:.5rem}.ad-owner-page__stats{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ad-owner-page__stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ad-owner-page__stats{grid-template-columns:repeat(4,1fr)}}.ad-owner-page__stat-card{background-color:var(--bg-primary);border-radius:.5rem;padding:1rem;border:1px solid var(--border-primary);display:flex;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.ad-owner-page__stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-primary)}.ad-owner-page__stat-icon{padding:.5rem;border-radius:.5rem;flex-shrink:0;&--blue{background-color:#3b82f61a;.dark &{background-color:#3b82f633}.ad-owner-page__icon{color:#3b82f6;.dark &{color:#60a5fa}}}&--green{background-color:#10b9811a;.dark &{background-color:#10b98133}.ad-owner-page__icon{color:#10b981;.dark &{color:#34d399}}}&--yellow{background-color:#eab3081a;.dark &{background-color:#eab30833}.ad-owner-page__icon{color:#eab308;.dark &{color:#fbbf24}}}&--purple{background-color:#8b5cf61a;.dark &{background-color:#8b5cf633}.ad-owner-page__icon{color:#8b5cf6;.dark &{color:#a78bfa}}}}.ad-owner-page__icon{width:1.25rem;height:1.25rem}.ad-owner-page__stat-content{margin-left:.75rem}.ad-owner-page__stat-label{font-size:.875rem;color:var(--text-secondary);margin:0}.ad-owner-page__stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.ad-owner-table{background-color:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-primary);overflow:hidden}.ad-owner-table__wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.ad-owner-table__table{width:100%;min-width:1200px;border-collapse:collapse;table-layout:auto}.ad-owner-table__head{background-color:var(--bg-secondary)}.ad-owner-table__th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.ad-owner-table__th:nth-child(1){width:200px}.ad-owner-table__th:nth-child(2){width:180px}.ad-owner-table__th:nth-child(3){width:200px}.ad-owner-table__th:nth-child(4){width:120px}.ad-owner-table__th:nth-child(5){width:100px}.ad-owner-table__th:nth-child(7){width:140px}.ad-owner-table__th:nth-child(8){width:120px}.ad-owner-table__th:nth-child(9){width:auto}.ad-owner-table__body{background-color:var(--bg-primary)}.ad-owner-table__row{border-top:1px solid var(--border-primary);transition:background-color .2s ease}.ad-owner-table__row:hover{background-color:var(--bg-secondary)}.ad-owner-table__td{padding:1rem;font-size:.875rem;color:var(--text-primary);vertical-align:middle;&--price{font-weight:600;color:var(--text-primary)}}.ad-owner-table__td:nth-child(2),.ad-owner-table__td:nth-child(3){white-space:normal;word-wrap:break-word;max-width:200px}.ad-owner-table__td:nth-child(1),.ad-owner-table__td:nth-child(4),.ad-owner-table__td:nth-child(5),.ad-owner-table__td:nth-child(7),.ad-owner-table__td:nth-child(8),.ad-owner-table__td:nth-child(9){white-space:nowrap}.ad-owner-table__owner{display:flex;align-items:center;gap:.75rem;min-width:180px}.ad-owner-table__avatar{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:9999px;background:linear-gradient(135deg,#8b5cf6,#6366f1);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #8b5cf64d}.ad-owner-table__avatar-text{font-size:.875rem;font-weight:500;color:#fff}.ad-owner-table__owner-info{flex:1;min-width:0}.ad-owner-table__owner-name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ad-owner-table__owner-id{font-size:.875rem;color:var(--text-secondary)}.ad-owner-table__business-name{font-size:.875rem;font-weight:500;color:var(--text-primary);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.ad-owner-table__business-license{font-size:.875rem;color:var(--text-secondary)}.ad-owner-table__contact-email{font-size:.875rem;color:var(--text-primary);font-weight:500;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;display:block}.ad-owner-table__contact-phone{font-size:.8125rem;color:var(--text-secondary);display:block;line-height:1.4}.ad-owner-table__badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;background-color:#3b82f61a;color:#3b82f6;white-space:nowrap}.dark .ad-owner-table__badge{background-color:#3b82f633;color:#60a5fa}.ad-owner-table__button-group{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:flex-end;min-width:200px}.ad-owner-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.ad-owner-modal{background-color:var(--bg-primary);border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.ad-owner-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color)}.ad-owner-modal__title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.ad-owner-modal__close{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-secondary);border-radius:.375rem;transition:all .2s}.ad-owner-modal__close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.ad-owner-modal__body{padding:1.5rem;overflow-y:auto;flex:1}.ad-owner-modal__error{padding:.75rem 1rem;background-color:#ef44441a;color:#ef4444;border-radius:.375rem;margin-bottom:1rem;font-size:.875rem}.dark .ad-owner-modal__error{background-color:#ef444433;color:#fca5a5}.ad-owner-modal__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-bottom:1.5rem;padding:1rem;background-color:var(--bg-secondary);border-radius:.375rem}.ad-owner-modal__stat{display:flex;flex-direction:column;gap:.25rem}.ad-owner-modal__stat-label{font-size:.75rem;color:var(--text-secondary);font-weight:500}.ad-owner-modal__stat-value{font-size:1rem;font-weight:700;color:var(--text-primary)}.ad-owner-modal__form{display:flex;flex-direction:column;gap:1rem}.ad-owner-modal__field{display:flex;flex-direction:column;gap:.5rem}.ad-owner-modal__label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.ad-owner-modal__input,.ad-owner-modal__select{padding:.625rem .75rem;border:1px solid var(--border-color);border-radius:.375rem;background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s}.ad-owner-modal__input:focus,.ad-owner-modal__select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ad-owner-modal__input:disabled,.ad-owner-modal__select:disabled{background-color:var(--bg-secondary);cursor:not-allowed;opacity:.6}.ad-owner-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-top:1px solid var(--border-color);gap:1rem;flex-wrap:wrap}.ad-owner-modal__actions{display:flex;gap:.75rem}.ad-owner-pagination{display:flex;flex-direction:column;gap:1rem;align-items:flex-start;margin-top:1.5rem}@media (min-width: 640px){.ad-owner-pagination{flex-direction:column;align-items:flex-start;justify-content:flex-start}}.ad-owner-pagination__info{font-size:.875rem;color:var(--text-secondary);font-weight:500}.ad-owner-pagination__controls{display:flex;align-items:center;gap:.75rem}.ad-owner-pagination__pages{display:flex;align-items:center;gap:.5rem}.ad-owner-pagination__page-info{font-size:.875rem;color:var(--text-primary);font-weight:600;padding:.5rem .75rem;background-color:var(--bg-secondary);border-radius:.375rem;min-width:80px;text-align:center}@media (max-width: 1279px){.ad-owner-table__wrapper{position:relative}.ad-owner-table__wrapper:after{content:"";position:absolute;top:0;right:0;bottom:0;width:20px;background:linear-gradient(to left,rgba(0,0,0,.1),transparent);pointer-events:none}.ad-owner-table__button-group{flex-direction:column;align-items:flex-start;min-width:auto}}@media (max-width: 767px){.ad-owner-page__filters{grid-template-columns:1fr}.ad-owner-table__th,.ad-owner-table__td{padding:.75rem .5rem}.ad-owner-pagination{flex-direction:column;gap:1rem;align-items:flex-start}.ad-owner-pagination__info{text-align:left}}.ad-owner-page__loading,.ad-owner-page__error,.ad-owner-page__empty{text-align:center;padding:3rem 1.5rem;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem}.ad-owner-page__loading{color:var(--info);font-size:1rem;font-weight:500}.ad-owner-page__error{color:var(--error);font-size:.875rem}.ad-owner-page__empty{color:var(--text-tertiary);font-size:.875rem}.ad-owner-pagination{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:1px solid var(--color-border, #e5e7eb);align-items:flex-start}@media (min-width: 768px){.ad-owner-pagination{flex-direction:column;align-items:flex-start;justify-content:flex-start}}.dark .ad-owner-pagination{border-color:var(--color-border-dark, #374151)}.ad-owner-pagination__info{font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.dark .ad-owner-pagination__info{color:var(--color-text-secondary-dark, #9ca3af)}.ad-owner-pagination__controls{display:flex;align-items:center;gap:.5rem}.ad-owner-pagination__button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #111827);background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #d1d5db);border-radius:.375rem;cursor:pointer;transition:all .2s}.ad-owner-pagination__button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.ad-owner-pagination__button:disabled{opacity:.5;cursor:not-allowed}.dark .ad-owner-pagination__button{color:var(--color-text-primary-dark, #ffffff);background-color:#374151;border-color:var(--color-border-dark, #4b5563)}.dark .ad-owner-pagination__button:hover:not(:disabled){background-color:#4b5563;border-color:#6b7280}.ad-owner-pagination__pages{display:flex;align-items:center;gap:.25rem}.ad-owner-pagination__page{min-width:2.5rem;height:2.5rem;padding:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #111827);background-color:transparent;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .2s}.ad-owner-pagination__page:hover{background-color:#f3f4f6}.dark .ad-owner-pagination__page{color:var(--color-text-primary-dark, #ffffff)}.dark .ad-owner-pagination__page:hover{background-color:#374151}.ad-owner-pagination__ellipsis{min-width:2.5rem;height:2.5rem;padding:.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.dark .ad-owner-pagination__ellipsis{color:var(--color-text-secondary-dark, #9ca3af)}.ad-owner-pagination__page--active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.ad-owner-pagination__page--active:hover{background-color:#2563eb}.dark .ad-owner-pagination__page--active{color:#fff;background-color:#3b82f6}.dark .ad-owner-pagination__page--active:hover{background-color:#2563eb}.ad-revenue-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.ad-revenue-page__header{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.ad-revenue-page__header{flex-direction:row;align-items:center;justify-content:space-between}}.ad-revenue-page__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.ad-revenue-page__header-actions{display:flex;gap:.5rem}.ad-revenue-page__stats{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.ad-revenue-page__stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ad-revenue-page__stats{grid-template-columns:repeat(4,1fr)}}.ad-revenue-stat-card{background-color:var(--bg-primary);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border-primary);display:flex;justify-content:space-between}.ad-revenue-stat-card__content{flex:1}.ad-revenue-stat-card__label{font-size:.875rem;color:var(--text-secondary);margin:0 0 .25rem}.ad-revenue-stat-card__value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.ad-revenue-stat-card__change{font-size:.875rem;margin:.25rem 0 0;&--positive{color:#16a34a;.dark &{color:#4ade80}}&--negative{color:#dc2626;.dark &{color:#f87171}}&--neutral{color:#eab308;.dark &{color:#fbbf24}}}.ad-revenue-stat-card__icon{padding:.75rem;border-radius:.5rem;flex-shrink:0}.ad-revenue-stat-card--blue .ad-revenue-stat-card__icon{background-color:#3b82f61a}.dark :is(.ad-revenue-stat-card--blue .ad-revenue-stat-card__icon){background-color:#3b82f633}.ad-revenue-stat-card--green .ad-revenue-stat-card__icon{background-color:#10b9811a}.dark :is(.ad-revenue-stat-card--green .ad-revenue-stat-card__icon){background-color:#10b98133}.ad-revenue-stat-card--purple .ad-revenue-stat-card__icon{background-color:#8b5cf61a}.dark :is(.ad-revenue-stat-card--purple .ad-revenue-stat-card__icon){background-color:#8b5cf633}.ad-revenue-stat-card--yellow .ad-revenue-stat-card__icon{background-color:#eab3081a}.dark :is(.ad-revenue-stat-card--yellow .ad-revenue-stat-card__icon){background-color:#eab30833}.ad-revenue-stat-card__icon-svg{width:1.5rem;height:1.5rem}.ad-revenue-stat-card--blue .ad-revenue-stat-card__icon-svg{color:#3b82f6}.dark :is(.ad-revenue-stat-card--blue .ad-revenue-stat-card__icon-svg){color:#60a5fa}.ad-revenue-stat-card--green .ad-revenue-stat-card__icon-svg{color:#10b981}.dark :is(.ad-revenue-stat-card--green .ad-revenue-stat-card__icon-svg){color:#34d399}.ad-revenue-stat-card--purple .ad-revenue-stat-card__icon-svg{color:#8b5cf6}.dark :is(.ad-revenue-stat-card--purple .ad-revenue-stat-card__icon-svg){color:#a78bfa}.ad-revenue-stat-card--yellow .ad-revenue-stat-card__icon-svg{color:#eab308}.dark :is(.ad-revenue-stat-card--yellow .ad-revenue-stat-card__icon-svg){color:#fbbf24}.ad-revenue-page__charts{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.ad-revenue-page__charts{grid-template-columns:repeat(2,1fr)}}.ad-revenue-transactions{background-color:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-primary);overflow:hidden}.ad-revenue-transactions__header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-primary)}.ad-revenue-transactions__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.dark .ad-revenue-transactions__title{color:var(--color-text-primary-dark, #ffffff)}.ad-revenue-transactions__table-wrapper{overflow-x:auto}.ad-revenue-transactions__table{width:100%;border-collapse:collapse}.ad-revenue-transactions__thead{background-color:#f9fafb}.dark .ad-revenue-transactions__thead{background-color:#374151}.ad-revenue-transactions__th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:var(--color-text-secondary, #6b7280);text-transform:uppercase;letter-spacing:.05em}.dark .ad-revenue-transactions__th{color:var(--color-text-secondary-dark, #d1d5db)}.ad-revenue-transactions__tbody{background-color:var(--color-bg-primary, #ffffff)}.dark .ad-revenue-transactions__tbody{background-color:#1f2937}.ad-revenue-transactions__row{border-top:1px solid var(--color-border, #e5e7eb);transition:background-color .2s ease}.ad-revenue-transactions__row:hover{background-color:#f9fafb}.dark .ad-revenue-transactions__row{border-top-color:var(--color-border-dark, #374151)}.dark .ad-revenue-transactions__row:hover{background-color:#374151}.ad-revenue-transactions__td{padding:1rem 1.5rem;white-space:nowrap;font-size:.875rem;color:var(--color-text-primary, #111827);&--id,&--amount{font-weight:500}}.dark .ad-revenue-transactions__td{color:var(--color-text-primary-dark, #ffffff)}.ad-revenue-transactions__badge{display:inline-block;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500;&--completed{background-color:#22c55e1a;color:#16a34a;.dark &{background-color:#22c55e33;color:#4ade80}}&--pending{background-color:#eab3081a;color:#ca8a04;.dark &{background-color:#eab30833;color:#facc15}}&--failed{background-color:#ef44441a;color:#dc2626;.dark &{background-color:#ef444433;color:#f87171}}}.ad-revenue-transactions__pagination{display:flex;align-items:center;justify-content:flex-start;gap:1rem;padding:1.5rem;border-top:1px solid var(--color-border, #e5e7eb);background-color:var(--color-bg-secondary, #f9fafb)}.dark .ad-revenue-transactions__pagination{border-top-color:var(--color-border-dark, #374151);background-color:#111827}.ad-revenue-transactions__btn-prev,.ad-revenue-transactions__btn-next{padding:.5rem 1rem;border:1px solid var(--color-border, #e5e7eb);border-radius:.375rem;background-color:var(--color-bg-primary, #ffffff);color:var(--color-text-primary, #111827);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}.dark .ad-revenue-transactions__btn-prev,.dark .ad-revenue-transactions__btn-next{border-color:var(--color-border-dark, #374151);background-color:#1f2937;color:var(--color-text-primary-dark, #ffffff)}.ad-revenue-transactions__btn-prev:hover:not(:disabled),.ad-revenue-transactions__btn-next:hover:not(:disabled){background-color:var(--color-primary, #3b82f6);color:#fff;border-color:var(--color-primary, #3b82f6)}.ad-revenue-transactions__btn-prev:disabled,.ad-revenue-transactions__btn-next:disabled{opacity:.5;cursor:not-allowed}.ad-revenue-transactions__page-info{font-size:.875rem;font-weight:500;color:var(--color-text-secondary, #6b7280);min-width:100px;text-align:center}.dark .ad-revenue-transactions__page-info{color:var(--color-text-secondary-dark, #d1d5db)}.ad-revenue-pagination{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:1px solid var(--color-border, #e5e7eb);align-items:flex-start}@media (min-width: 768px){.ad-revenue-pagination{flex-direction:column;align-items:flex-start;justify-content:flex-start}}.dark .ad-revenue-pagination{border-color:var(--color-border-dark, #374151)}.ad-revenue-pagination__info{font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.dark .ad-revenue-pagination__info{color:var(--color-text-secondary-dark, #9ca3af)}.ad-revenue-pagination__controls{display:flex;align-items:center;gap:.5rem}.ad-revenue-pagination__button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #111827);background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #d1d5db);border-radius:.375rem;cursor:pointer;transition:all .2s}.ad-revenue-pagination__button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.ad-revenue-pagination__button:disabled{opacity:.5;cursor:not-allowed}.dark .ad-revenue-pagination__button{color:var(--color-text-primary-dark, #ffffff);background-color:#374151;border-color:var(--color-border-dark, #4b5563)}.dark .ad-revenue-pagination__button:hover:not(:disabled){background-color:#4b5563;border-color:#6b7280}.ad-revenue-pagination__pages{display:flex;align-items:center;gap:.25rem}.ad-revenue-pagination__page{min-width:2.5rem;height:2.5rem;padding:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #111827);background-color:transparent;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .2s}.ad-revenue-pagination__page:hover{background-color:#f3f4f6}.dark .ad-revenue-pagination__page{color:var(--color-text-primary-dark, #ffffff)}.dark .ad-revenue-pagination__page:hover{background-color:#374151}.ad-revenue-pagination__ellipsis{min-width:2.5rem;height:2.5rem;padding:.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.dark .ad-revenue-pagination__ellipsis{color:var(--color-text-secondary-dark, #9ca3af)}.ad-revenue-pagination__page--active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.ad-revenue-pagination__page--active:hover{background-color:#2563eb}.dark .ad-revenue-pagination__page--active{color:#fff;background-color:#3b82f6}.dark .ad-revenue-pagination__page--active:hover{background-color:#2563eb}.ad-settings-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.ad-settings-page__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.ad-settings-page__grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.ad-settings-page__grid{grid-template-columns:repeat(2,1fr)}}.ad-settings-section{background-color:var(--bg-primary);border-radius:.75rem;padding:1.5rem;border:1px solid var(--border-primary);&--wide{@media (min-width: 1024px){grid-column:span 2}}}.ad-settings-section__header{display:flex;align-items:center;margin-bottom:1rem}.ad-settings-section__icon{width:1.25rem;height:1.25rem;color:var(--text-secondary);margin-right:.5rem}.ad-settings-section__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.ad-settings-section__content{display:flex;flex-direction:column;gap:1rem}.ad-settings-input-group{display:flex;flex-direction:column}.ad-settings-input-group__label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.25rem}.ad-settings-input-group__input{width:100%;padding:.5rem .75rem;border:1px solid var(--border-secondary);border-radius:.5rem;background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.ad-settings-input-group__input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ad-settings-option{display:flex;align-items:center;justify-content:space-between}.ad-settings-option__info{flex:1}.ad-settings-option__title{font-weight:500;color:var(--text-primary);margin:0 0 .25rem}.ad-settings-option__description{font-size:.875rem;color:var(--text-secondary);margin:0}.ad-settings-toggle{display:flex;align-items:center;justify-content:space-between}.ad-settings-toggle__info{flex:1}.ad-settings-toggle__title{font-weight:500;color:var(--text-primary);margin:0 0 .25rem}.ad-settings-toggle__description{font-size:.875rem;color:var(--text-secondary);margin:0}.ad-settings-toggle__switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;width:2.75rem;height:1.5rem}.ad-settings-toggle__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.ad-settings-toggle__input:focus~.ad-settings-toggle__slider{box-shadow:0 0 0 4px #3b82f64d}.dark :is(.ad-settings-toggle__input:focus~.ad-settings-toggle__slider){box-shadow:0 0 0 4px #3b82f680}.ad-settings-toggle__input:checked~.ad-settings-toggle__slider{background-color:#3b82f6}.ad-settings-toggle__input:checked~.ad-settings-toggle__slider:after{transform:translate(1.25rem);border-color:#fff}.dark :is(.ad-settings-toggle__input:checked~.ad-settings-toggle__slider){background-color:#60a5fa}.ad-settings-toggle__slider{width:2.75rem;height:1.5rem;background-color:#e5e7eb;border-radius:9999px;transition:all .3s ease;position:relative}.dark .ad-settings-toggle__slider{background-color:#374151}.ad-settings-toggle__slider:after{content:"";position:absolute;top:2px;left:2px;width:1.25rem;height:1.25rem;background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;transition:all .3s ease}.dark :is(){border-color:#4b5563}.ad-settings-button--full{width:100%}.ad-settings-help-buttons{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ad-settings-help-buttons{grid-template-columns:repeat(3,1fr)}}.ad-settings-info-box{margin-top:1rem;padding:1rem;background-color:#3b82f60d;border-radius:.5rem}.dark .ad-settings-info-box{background-color:#3b82f626}.ad-settings-info-box__text{font-size:.875rem;color:#1e40af;margin:0;line-height:1.75}.dark .ad-settings-info-box__text{color:#93c5fd}.ad-settings-info-box__text strong{font-weight:600}.ad-user-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.ad-user-page__header{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.ad-user-page__header{flex-direction:row;align-items:center;justify-content:space-between}}.ad-user-page__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.ad-user-page__filters{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ad-user-page__filters{grid-template-columns:repeat(4,1fr)}}.ad-user-page__actions{display:flex;gap:.5rem}.ad-user-page__stats{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ad-user-page__stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ad-user-page__stats{grid-template-columns:repeat(4,1fr)}}.ad-user-page__stat-card{background-color:var(--bg-primary);border-radius:.5rem;padding:1rem;border:1px solid var(--border-primary);display:flex;align-items:center}.ad-user-page__stat-icon{padding:.5rem;border-radius:.5rem;flex-shrink:0;&--blue{background-color:#3b82f61a;.dark &{background-color:#3b82f633}.ad-user-page__icon{color:#3b82f6;.dark &{color:#60a5fa}}}&--green{background-color:#10b9811a;.dark &{background-color:#10b98133}.ad-user-page__icon{color:#10b981;.dark &{color:#34d399}}}&--yellow{background-color:#eab3081a;.dark &{background-color:#eab30833}.ad-user-page__icon{color:#eab308;.dark &{color:#fbbf24}}}&--purple{background-color:#8b5cf61a;.dark &{background-color:#8b5cf633}.ad-user-page__icon{color:#8b5cf6;.dark &{color:#a78bfa}}}}.ad-user-page__icon{width:1.25rem;height:1.25rem}.ad-user-page__stat-content{margin-left:.75rem}.ad-user-page__stat-label{font-size:.875rem;color:var(--text-secondary);margin:0}.ad-user-page__stat-value{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.ad-user-table{background-color:var(--bg-primary);border-radius:.75rem;border:1px solid var(--border-primary);overflow:hidden}.ad-user-table__wrapper{overflow-x:auto}.ad-user-table__table{width:100%;border-collapse:collapse}.ad-user-table__head{background-color:var(--bg-secondary)}.ad-user-table__th{padding:.75rem 1.5rem;text-align:left;font-size:.75rem;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.ad-user-table__body{background-color:var(--bg-primary)}.ad-user-table__row{border-top:1px solid var(--border-primary);transition:background-color .2s ease}.ad-user-table__row:hover{background-color:var(--bg-secondary)}.ad-user-table__td{padding:1rem 1.5rem;white-space:nowrap;font-size:.875rem;color:var(--text-primary)}.ad-user-table__user{display:flex;align-items:center}.ad-user-table__avatar{flex-shrink:0;width:2.5rem;height:2.5rem;border-radius:9999px;background-color:#10b981;display:flex;align-items:center;justify-content:center}.ad-user-table__avatar-text{font-size:.875rem;font-weight:500;color:#fff}.ad-user-table__user-info{margin-left:1rem}.ad-user-table__user-name{font-size:.875rem;font-weight:500;color:var(--text-primary)}.ad-user-table__user-role{font-size:.875rem;color:var(--text-secondary)}.ad-user-table__user-type{display:inline-flex;align-items:center;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;transition:all .2s ease;&--regular{background-color:#64748b1a;color:#64748b;.dark &{background-color:#64748b33;color:#94a3b8}}&--vip{background-color:#eab3081a;color:#eab308;.dark &{background-color:#eab30833;color:#fbbf24}}}.ad-user-table__badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#3b82f61a;color:#3b82f6}.dark .ad-user-table__badge{background-color:#3b82f633;color:#60a5fa}.ad-user-table__button-group{display:flex;gap:.5rem;font-weight:500}.ad-user-pagination{display:flex;flex-direction:column;gap:1rem;padding:1rem;border-top:1px solid var(--color-border, #e5e7eb);align-items:flex-start}@media (min-width: 768px){.ad-user-pagination{flex-direction:column;align-items:flex-start;justify-content:flex-start}}.dark .ad-user-pagination{border-color:var(--color-border-dark, #374151)}.ad-user-pagination__info{font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.dark .ad-user-pagination__info{color:var(--color-text-secondary-dark, #9ca3af)}.ad-user-pagination__controls{display:flex;align-items:center;gap:.5rem}.ad-user-pagination__button{padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #111827);background-color:var(--color-bg-primary, #ffffff);border:1px solid var(--color-border, #d1d5db);border-radius:.375rem;cursor:pointer;transition:all .2s}.ad-user-pagination__button:hover:not(:disabled){background-color:#f9fafb;border-color:#9ca3af}.ad-user-pagination__button:disabled{opacity:.5;cursor:not-allowed}.dark .ad-user-pagination__button{color:var(--color-text-primary-dark, #ffffff);background-color:#374151;border-color:var(--color-border-dark, #4b5563)}.dark .ad-user-pagination__button:hover:not(:disabled){background-color:#4b5563;border-color:#6b7280}.ad-user-pagination__pages{display:flex;align-items:center;gap:.25rem}.ad-user-pagination__page{min-width:2.5rem;height:2.5rem;padding:.5rem;font-size:.875rem;font-weight:500;color:var(--color-text-primary, #111827);background-color:transparent;border:1px solid transparent;border-radius:.375rem;cursor:pointer;transition:all .2s}.ad-user-pagination__page:hover{background-color:#f3f4f6}.dark .ad-user-pagination__page{color:var(--color-text-primary-dark, #ffffff)}.dark .ad-user-pagination__page:hover{background-color:#374151}.ad-user-pagination__ellipsis{min-width:2.5rem;height:2.5rem;padding:.5rem;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--color-text-secondary, #6b7280)}.dark .ad-user-pagination__ellipsis{color:var(--color-text-secondary-dark, #9ca3af)}.ad-user-pagination__page--active{color:#fff;background-color:#3b82f6;border-color:#3b82f6}.ad-user-pagination__page--active:hover{background-color:#2563eb}.dark .ad-user-pagination__page--active{color:#fff;background-color:#3b82f6}.dark .ad-user-pagination__page--active:hover{background-color:#2563eb}.venue-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.venue-edit-modal{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.dark .venue-edit-modal{background-color:#1f2937}.venue-edit-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.dark .venue-edit-modal__header{border-bottom-color:#374151}.venue-edit-modal__title{font-size:1.5rem;font-weight:700;color:#1f2937}.dark .venue-edit-modal__title{color:#fff}.venue-edit-modal__close{padding:.5rem;border-radius:.5rem;transition:background-color .2s;color:#6b7280;background:transparent;border:none;cursor:pointer}.venue-edit-modal__close:hover{background-color:#f3f4f6}.dark .venue-edit-modal__close{color:#9ca3af}.dark .venue-edit-modal__close:hover{background-color:#374151}.venue-edit-modal__form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.venue-edit-modal__error{padding:.75rem 1rem;background-color:#fee2e2;color:#991b1b;border-radius:.5rem;font-size:.875rem}.dark .venue-edit-modal__error{background-color:#dc26261a;color:#fca5a5}.venue-edit-modal__field{display:flex;flex-direction:column;gap:.5rem}.venue-edit-modal__label{font-weight:600;color:#374151;font-size:.875rem}.dark .venue-edit-modal__label{color:#e5e7eb}.venue-edit-modal__input,.venue-edit-modal__select,.venue-edit-modal__textarea{padding:.75rem;border-radius:.5rem;border:1px solid #d1d5db;background-color:#fff;color:#1f2937;font-size:.875rem;transition:all .2s}.dark .venue-edit-modal__input,.dark .venue-edit-modal__select,.dark .venue-edit-modal__textarea{background-color:#374151;border-color:#4b5563;color:#fff}.venue-edit-modal__input:focus,.venue-edit-modal__select:focus,.venue-edit-modal__textarea:focus{outline:none;border-color:#a8ff00;box-shadow:0 0 0 3px #a8ff001a}.venue-edit-modal__textarea{resize:vertical;min-height:100px;font-family:inherit}.venue-edit-modal__actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.dark .venue-edit-modal__actions{border-top-color:#374151}.venue-edit-modal__images{display:flex;flex-direction:column;gap:.75rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem}.dark .venue-edit-modal__images{background-color:#1f2937}.venue-edit-modal__images-title{font-size:.875rem;font-weight:600;color:#6b7280;margin-bottom:.5rem}.dark .venue-edit-modal__images-title{color:#9ca3af}.venue-edit-modal__image-item{display:flex;align-items:center;gap:1rem;padding:.75rem;background-color:#fff;border-radius:.5rem;border:1px solid #e5e7eb}.dark .venue-edit-modal__image-item{background-color:#374151;border-color:#4b5563}.venue-edit-modal__image-preview{width:80px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:.375rem;flex-shrink:0}.venue-edit-modal__image-info{flex:1;min-width:0}.venue-edit-modal__image-name{font-size:.875rem;color:#374151;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .venue-edit-modal__image-name{color:#e5e7eb}.venue-edit-modal__image-delete{padding:.5rem;background-color:#fee2e2;color:#dc2626;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.venue-edit-modal__image-delete:hover{background-color:#fecaca}.dark .venue-edit-modal__image-delete{background-color:#dc26261a;color:#f87171}.dark .venue-edit-modal__image-delete:hover{background-color:#dc262633}.venue-edit-modal__new-images{display:flex;flex-direction:column;gap:.75rem;margin-top:1rem}.venue-edit-modal__image-input-group{display:flex;gap:.5rem;align-items:center}.venue-edit-modal__remove-link-btn{padding:.5rem;background-color:#f3f4f6;color:#6b7280;border:none;border-radius:.375rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.venue-edit-modal__remove-link-btn:hover{background-color:#e5e7eb;color:#374151}.dark .venue-edit-modal__remove-link-btn{background-color:#374151;color:#9ca3af}.dark .venue-edit-modal__remove-link-btn:hover{background-color:#4b5563;color:#e5e7eb}.ad-venue-page{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.ad-venue-page__header{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.ad-venue-page__header{flex-direction:row;align-items:center;justify-content:space-between}}.ad-venue-page__title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.ad-venue-page__filters{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ad-venue-page__filters{grid-template-columns:repeat(4,1fr)}}.ad-venue-page__stats{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ad-venue-page__stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.ad-venue-page__stats{grid-template-columns:repeat(4,1fr)}}.ad-venue-page__stat-card{background-color:var(--bg-primary);border-radius:.5rem;padding:1rem;border:1px solid var(--border-primary);display:flex;align-items:center;transition:transform .2s ease,box-shadow .2s ease}.ad-venue-page__stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-primary)}.ad-venue-page__stat-icon{padding:.5rem;border-radius:.5rem;flex-shrink:0;&--blue{background-color:#3b82f61a;.dark &{background-color:#3b82f633}.ad-venue-page__icon{color:#3b82f6;.dark &{color:#60a5fa}}}&--green{background-color:#10b9811a;.dark &{background-color:#10b98133}.ad-venue-page__icon{color:#10b981;.dark &{color:#34d399}}}&--yellow{background-color:#f59e0b1a;.dark &{background-color:#f59e0b33}.ad-venue-page__icon{color:#f59e0b;.dark &{color:#fbbf24}}}&--purple{background-color:#8b5cf61a;.dark &{background-color:#8b5cf633}.ad-venue-page__icon{color:#8b5cf6;.dark &{color:#a78bfa}}}}.ad-venue-page__icon{width:1.5rem;height:1.5rem}.ad-venue-page__stat-content{margin-left:1rem;flex:1}.ad-venue-page__stat-label{font-size:.8125rem;color:var(--text-tertiary);margin:0 0 .25rem}.ad-venue-page__stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.ad-venue-page__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.ad-venue-page__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1280px){.ad-venue-page__grid{grid-template-columns:repeat(3,1fr)}}.ad-venue-card{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.ad-venue-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-primary)}.ad-venue-card__image-container{position:relative;width:100%;height:12rem;overflow:hidden;background:linear-gradient(135deg,#3b82f61a,#8b5cf61a)}.dark .ad-venue-card__image-container{background:linear-gradient(135deg,#3b82f633,#8b5cf633)}.ad-venue-card__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.ad-venue-card:hover .ad-venue-card__image{transform:scale(1.05)}.ad-venue-card__image-overlay{position:absolute;top:.75rem;right:.75rem}.ad-venue-card__header{padding:1rem;border-bottom:1px solid var(--border-primary)}.ad-venue-card__info{display:flex;flex-direction:column;gap:.5rem}.ad-venue-card__name{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ad-venue-card__location{font-size:.8125rem;color:var(--text-tertiary);margin:0;display:flex;align-items:center;gap:.375rem}.ad-venue-card__details{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.ad-venue-card__detail-row{display:flex;justify-content:space-between;align-items:center;font-size:.8125rem}.ad-venue-card__detail-label{color:var(--text-tertiary);font-weight:500}.ad-venue-card__detail-value{color:var(--text-primary);font-weight:600}.ad-venue-card__description{padding:0 1rem 1rem;font-size:.8125rem;color:var(--text-secondary);margin:0;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ad-venue-card__fields{border-top:1px solid var(--border-primary);padding:1rem}.ad-venue-card__expand-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.625rem .75rem;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.375rem;font-size:.8125rem;font-weight:600;color:var(--info);cursor:pointer;transition:background-color .2s ease}.ad-venue-card__expand-button:hover{background-color:var(--bg-tertiary)}.dark .ad-venue-card__expand-button:hover{background-color:var(--bg-quaternary)}.ad-venue-card__fields-list{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.ad-field-item{background-color:var(--bg-secondary);padding:.875rem;border-radius:.375rem;border-left:3px solid var(--info)}.ad-field-item__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.625rem}.ad-field-item__name{font-size:.875rem;font-weight:600;color:var(--text-primary);margin:0}.ad-field-item__details{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-bottom:.5rem}.ad-field-item__detail{display:flex;flex-direction:column;gap:.25rem}.ad-field-item__label{font-size:.75rem;color:var(--text-tertiary);font-weight:500}.ad-field-item__value{font-size:.8125rem;color:var(--text-primary);font-weight:600}.ad-field-item__description{font-size:.75rem;color:var(--text-secondary);margin:.5rem 0 0;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ad-field-item__actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-primary);display:flex;justify-content:flex-end}.ad-venue-card__actions{padding:1rem;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;gap:.75rem}.ad-venue-card__button-group{display:flex;gap:.5rem;flex-wrap:wrap}.ad-venue-page__loading,.ad-venue-page__error,.ad-venue-page__empty{text-align:center;padding:3rem 1.5rem;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem}.ad-venue-page__loading{color:var(--info);font-size:1rem;font-weight:500}.ad-venue-page__error{color:var(--error);font-size:.875rem}.ad-venue-page__empty{color:var(--text-tertiary);font-size:.875rem}@media (max-width: 1023px){.ad-venue-page__filters,.ad-venue-page__grid{grid-template-columns:1fr}}@media (max-width: 767px){.ad-venue-page{padding:1rem}.ad-venue-page__header,.ad-venue-page__stats{gap:.75rem}.ad-venue-card__actions{flex-direction:column;align-items:stretch}.ad-venue-card__button-group{width:100%;justify-content:space-between}}.add-field-wrapper{padding:2rem;max-width:1000px;margin:0 auto;animation:fadeIn .3s ease-in}.add-field-container{background:var(--card-bg, #ffffff);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.add-field-header{padding:2rem;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;align-items:center;gap:1rem}.empty-state{text-align:center;padding:4rem 2rem}.empty-state h2{font-size:1.5rem;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:.5rem}.empty-state p{color:var(--text-secondary, #6b7280);margin-bottom:2rem}.add-field-form{padding:2rem}.form-section{margin-bottom:2rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem;font-size:.875rem;border:1px solid var(--border-color, #d1d5db);border-radius:8px;background:var(--input-bg, #ffffff);color:var(--text-primary, #1f2937);transition:all .2s;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{color:var(--text-tertiary, #9ca3af)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary, #9ca3af)}.form-textarea{resize:vertical;min-height:100px}.form-hint{margin-top:.375rem;font-size:.75rem;color:var(--text-secondary, #6b7280)}.info-box{background:var(--info-bg, #eff6ff);border:1px solid var(--info-border, #bfdbfe);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.info-box-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:.75rem}.info-box-list{list-style:none;padding:0;margin:0}.info-box-list li{font-size:.875rem;color:var(--text-secondary, #6b7280);padding-left:1.5rem;margin-bottom:.5rem;position:relative}.info-box-list li:last-child{margin-bottom:0}.info-box-list li:before{content:"•";position:absolute;left:.5rem;color:var(--primary-color, #3b82f6);font-weight:700}[data-theme=dark] .add-field-container{background:#1f2937}[data-theme=dark] .add-field-header{border-bottom-color:#374151}[data-theme=dark] .page-title,[data-theme=dark] .section-title,[data-theme=dark] .form-label,[data-theme=dark] .info-box-title{color:#f9fafb}[data-theme=dark] .loading-container p,[data-theme=dark] .form-hint{color:#9ca3af}[data-theme=dark] .empty-state h2{color:#f9fafb}[data-theme=dark] .empty-state p{color:#9ca3af}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:#3b82f6}[data-theme=dark] .info-box{background:#1e3a5f;border-color:#2563eb}[data-theme=dark] .info-box-list li{color:#d1d5db}[data-theme=dark] .btn-secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:#4b5563}@media (max-width: 768px){.add-field-wrapper{padding:1rem}.add-field-header{flex-direction:column;align-items:flex-start}.page-title{font-size:1.5rem}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn{width:100%;justify-content:center}.empty-state{padding:2rem 1rem}}.add-venue-wrapper{padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .3s ease-in}.add-venue-container{background:var(--card-bg, #ffffff);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.add-venue-header{padding:2rem;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;align-items:center;gap:1rem}.add-venue-form{padding:2rem}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:.5rem}.section-description{font-size:.875rem;color:var(--text-secondary, #6b7280);margin-bottom:1.5rem}.image-preview-container{margin-top:2rem;padding:1.5rem;background:var(--secondary-bg, #f9fafb);border-radius:8px}.preview-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:1rem}[data-theme=dark] .add-venue-container{background:#1f2937}[data-theme=dark] .add-venue-header{border-bottom-color:#374151}[data-theme=dark] .page-title,[data-theme=dark] .section-title,[data-theme=dark] .form-label{color:#f9fafb}[data-theme=dark] .section-description{color:#9ca3af}[data-theme=dark] .image-preview-container{background:#374151}@media (max-width: 768px){.add-venue-wrapper{padding:1rem}.add-venue-header{flex-direction:column;align-items:flex-start}.page-title{font-size:1.5rem}.form-row,.image-preview-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn{width:100%;justify-content:center}}.booking-management-wrapper{padding:24px;max-width:1600px;margin:0 auto}.management-header{margin-bottom:32px}.filters-section{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:300px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:10px;transition:all .2s ease}.search-box:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.search-box svg{color:var(--text-secondary);flex-shrink:0}.search-box input{flex:1;border:none;background:transparent;font-size:14px;color:var(--text-primary);outline:none}.search-box input::-moz-placeholder{color:var(--text-tertiary)}.search-box input::placeholder{color:var(--text-tertiary)}.filter-group{display:flex;align-items:center;gap:12px}.filter-group svg{color:var(--text-secondary)}.filter-group select{padding:12px 16px;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:10px;font-size:14px;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.filter-group select:hover{border-color:var(--accent-primary)}.filter-group select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(var(--accent-primary-rgb),.1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;padding:20px;display:flex;align-items:center;gap:16px;transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 12px var(--shadow-primary);transform:translateY(-2px)}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon.pending{background:var(--warning-light);color:var(--warning)}.stat-icon.confirmed{background:rgba(var(--info-rgb),.1);color:var(--info)}.stat-icon.completed{background:rgba(var(--success-rgb),.1);color:var(--success)}.stat-icon.cancelled{background:#ef44441a;color:var(--error)}.stat-content{flex:1}.stat-label{margin:0;font-size:14px;color:var(--text-secondary);font-weight:500}.stat-value{margin:4px 0 0;font-size:28px;font-weight:700;color:var(--text-primary)}.bookings-table-container{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.bookings-table{width:100%;border-collapse:collapse}.bookings-table thead{background:var(--bg-secondary);border-bottom:2px solid var(--border-primary)}.bookings-table th{padding:16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.bookings-table td{padding:16px;border-bottom:1px solid var(--border-primary);font-size:14px;color:var(--text-primary)}.bookings-table tbody tr:hover{background:var(--bg-secondary)}.bookings-table tbody tr:last-child td{border-bottom:none}.booking-id{font-weight:600;color:var(--accent-primary)}.customer-cell,.venue-cell{display:flex;align-items:center;gap:8px}.customer-cell svg,.venue-cell svg{color:var(--text-secondary);flex-shrink:0}.slots-count{font-weight:600}.price-cell{font-weight:600;color:var(--accent-primary)}.status-badge{display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.btn-view,.btn-confirm,.btn-complete,.btn-cancel{padding:8px 16px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-view{background:var(--bg-secondary);color:var(--text-primary)}.btn-view:hover{background:var(--bg-tertiary)}.btn-confirm{background:var(--info);color:#fff}.btn-confirm:hover{background:var(--info);filter:brightness(.9)}.btn-complete{background:var(--success);color:#fff}.btn-complete:hover{background:var(--accent-hover)}.btn-cancel{background:var(--error);color:#fff}.btn-cancel:hover{background:var(--error);filter:brightness(.9)}.btn-confirm:disabled,.btn-complete:disabled,.btn-cancel:disabled{opacity:.6;cursor:not-allowed}.detail-modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px var(--shadow-tertiary)}.modal-header h2{margin:0;font-size:24px;font-weight:700;color:var(--text-primary)}.booking-info-section,.booking-slots-section{margin-bottom:32px}.booking-info-section h3,.booking-slots-section h3{margin:0 0 16px;font-size:18px;font-weight:600;color:var(--text-primary)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:4px}.info-label{font-size:13px;color:var(--text-secondary);font-weight:500}.info-value{font-size:15px;color:var(--text-primary);font-weight:600}.slot-detail-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;padding:16px;margin-bottom:12px;display:flex;flex-direction:column;gap:12px}.slot-time,.slot-location,.slot-price{display:flex;align-items:center;gap:10px;font-size:14px}.slot-time svg,.slot-location svg,.slot-price svg{color:var(--accent-primary);flex-shrink:0}.slot-time{font-weight:600;font-size:16px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--border-primary);flex-wrap:wrap}.btn-confirm-large,.btn-complete-large,.btn-cancel-large{display:flex;align-items:center;gap:10px;padding:14px 28px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-confirm-large{background:var(--info);color:#fff}.btn-confirm-large:hover{background:var(--info);filter:brightness(.9);box-shadow:0 4px 12px rgba(var(--info-rgb),.3)}.btn-complete-large{background:var(--success);color:#fff}.btn-complete-large:hover{background:var(--accent-hover);box-shadow:0 4px 12px rgba(var(--success-rgb),.3)}.btn-cancel-large{background:var(--error);color:#fff}.btn-cancel-large:hover{background:var(--error);filter:brightness(.9);box-shadow:0 4px 12px #ef44444d}.btn-confirm-large:disabled,.btn-complete-large:disabled,.btn-cancel-large:disabled{opacity:.6;cursor:not-allowed}.success-toast{position:fixed;top:20px;right:20px;background:var(--success);color:#fff;padding:16px 24px;border-radius:12px;box-shadow:0 10px 25px var(--shadow-secondary);display:flex;align-items:center;gap:12px;z-index:10000;opacity:0;transform:translate(400px);transition:all .3s ease;font-weight:600;font-size:14px}.success-toast.show{opacity:1;transform:translate(0)}.success-toast svg{flex-shrink:0}.no-data{text-align:center;padding:48px 20px!important;color:var(--text-secondary);font-style:italic}@media (max-width: 1024px){.info-grid{grid-template-columns:1fr}.bookings-table-container{overflow-x:auto}.bookings-table{min-width:1000px}}@media (max-width: 768px){.booking-management-wrapper{padding:16px}.filters-section{flex-direction:column}.search-box{min-width:100%}.filter-group{width:100%;flex-wrap:wrap}.filter-group select{flex:1}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:16px}.stat-icon{width:40px;height:40px}.stat-value{font-size:24px}.detail-modal{max-width:100%;border-radius:16px 16px 0 0}.action-buttons{flex-direction:column}.btn-view,.btn-confirm,.btn-complete,.btn-cancel{width:100%;justify-content:center}.modal-actions{flex-direction:column}.btn-confirm-large,.btn-complete-large,.btn-cancel-large{width:100%;justify-content:center}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.header-title h1{font-size:22px}}.booking-schedule-wrapper{padding:24px;max-width:1400px;margin:0 auto}.schedule-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.header-title{display:flex;align-items:center;gap:16px}.header-title svg{color:var(--accent-primary)}.header-title h1{margin:0;font-size:28px;font-weight:700;color:var(--text-primary)}.header-title p{margin:4px 0 0;font-size:14px;color:var(--text-secondary)}.month-navigation{display:flex;gap:12px;align-items:center}.nav-button,.today-button{display:flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.nav-button:hover,.today-button:hover{background:var(--bg-secondary);border-color:var(--accent-primary)}.today-button{background:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}.today-button:hover{background:var(--accent-hover)}.month-overview{margin-bottom:24px}.month-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0;text-transform:capitalize}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:8px}.weekday-header{text-align:center;font-size:14px;font-weight:600;color:var(--text-secondary);padding:12px;text-transform:uppercase;letter-spacing:.5px}.calendar-month-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-bottom:32px}.calendar-day{background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:8px;padding:12px;min-height:100px;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;transition:all .3s ease;position:relative}.calendar-day.empty{background:transparent;border:none;pointer-events:none}.calendar-day.other-month{opacity:.4}.calendar-day.has-bookings{cursor:pointer;border-color:rgba(var(--accent-primary-rgb),.3)}.calendar-day.has-bookings:hover{transform:translateY(-2px);box-shadow:0 6px 12px var(--shadow-primary);border-color:var(--accent-primary)}.calendar-day.today{border-color:var(--accent-primary);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-width:3px}.day-number{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.calendar-day.today .day-number{color:var(--accent-primary)}.day-bookings{display:flex;align-items:center;justify-content:center;margin-top:auto}.booking-badge{background:var(--accent-primary);color:var(--bg-primary);padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;min-width:32px;text-align:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.detail-modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:700px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px var(--shadow-tertiary)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--border-primary)}.modal-header h2{margin:0;font-size:20px;font-weight:600;color:var(--text-primary)}.close-button{background:transparent;border:none;cursor:pointer;padding:8px;color:var(--text-secondary);border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.close-button:hover{background:var(--bg-secondary);color:var(--text-primary)}.modal-content{padding:24px;overflow-y:auto;flex:1}.bookings-list{display:flex;flex-direction:column;gap:16px}.booking-item{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:16px;transition:all .2s ease}.booking-item:hover{box-shadow:0 4px 12px var(--shadow-secondary);border-color:rgba(var(--accent-primary-rgb),.3)}.booking-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.time-info{display:flex;align-items:center;gap:8px}.time-info svg{color:var(--accent-primary)}.time-range{font-size:16px;font-weight:600;color:var(--text-primary)}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:var(--warning-light);color:var(--warning-dark)}.status-confirmed{background:rgba(var(--info-rgb),.15);color:var(--info)}.status-completed{background:rgba(var(--success-rgb),.15);color:var(--success-dark)}.status-cancelled{background:#ef444426;color:var(--error)}.booking-item-body{display:flex;flex-direction:column;gap:12px}.booking-info-row{display:flex;align-items:flex-start;gap:12px}.booking-info-row svg{flex-shrink:0;margin-top:2px;color:var(--text-secondary)}.booking-info-text{display:flex;flex-direction:column;gap:2px;flex:1}.info-label{font-size:12px;color:var(--text-secondary);font-weight:500}.info-value{font-size:14px;color:var(--text-primary);font-weight:500}.no-bookings-message{text-align:center;padding:48px 20px}.no-bookings-message p{color:var(--text-secondary);font-size:16px}.reports-loading{padding:2rem;text-align:center;font-size:1.125rem;color:#4b5563;background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a}.dark .reports-loading{background-color:#1f2937;color:#9ca3af}@media (max-width: 1200px){.calendar-month-grid{gap:6px}.calendar-day{min-height:80px;padding:8px}.day-number{font-size:16px}}@media (max-width: 768px){.schedule-header{flex-direction:column;align-items:flex-start}.month-navigation{width:100%;justify-content:space-between}.calendar-month-grid{gap:4px}.calendar-day{min-height:60px;padding:6px;border-radius:6px}.day-number{font-size:14px;margin-bottom:4px}.booking-badge{padding:4px 8px;font-size:11px;min-width:24px}.weekday-header{font-size:11px;padding:8px 4px}.month-title{font-size:20px}.detail-modal{max-width:100%;margin:0;border-radius:16px 16px 0 0}}@media (max-width: 480px){.nav-button span,.today-button{font-size:13px}.header-title h1{font-size:22px}.header-title p{font-size:12px}}.edit-venue-wrapper{padding:2rem;max-width:1200px;margin:0 auto;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.edit-venue-container{background:var(--card-bg, #ffffff);border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.edit-venue-header{padding:2rem;border-bottom:1px solid var(--border-color, #e5e7eb);display:flex;align-items:center;gap:1rem}.back-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;color:var(--text-primary, #1f2937);font-size:.875rem;cursor:pointer;transition:all .2s}.back-button:hover{background:var(--hover-bg, #f3f4f6);border-color:var(--primary-color, #3b82f6);color:var(--primary-color, #3b82f6)}.page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary, #1f2937);margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:1rem}.spinner-large{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top-color:var(--primary-color, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}.loading-container p{color:var(--text-secondary, #6b7280);font-size:.875rem}.alert{padding:1rem 1.5rem;margin:1.5rem 2rem;border-radius:8px;font-size:.875rem;animation:slideDown .3s ease-out}.alert-error{background:#fee;border:1px solid #fcc;color:#c00}.alert-success{background:#efe;border:1px solid #cfc;color:#0a0}.edit-venue-form{padding:2rem}.form-section{margin-bottom:2.5rem}.section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:1.5rem}.subsection-title{font-size:1rem;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-primary, #1f2937);margin-bottom:.5rem}.required{color:#ef4444;margin-left:.25rem}.form-input,.form-select{width:100%;padding:.75rem;font-size:.875rem;border:1px solid var(--border-color, #d1d5db);border-radius:8px;background:var(--input-bg, #ffffff);color:var(--text-primary, #1f2937);transition:all .2s}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.form-input::-moz-placeholder{color:var(--text-tertiary, #9ca3af)}.form-input::placeholder{color:var(--text-tertiary, #9ca3af)}.existing-images-section{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.existing-images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.existing-image-item{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;background:var(--secondary-bg, #f9fafb)}.existing-image-preview{width:100%;aspect-ratio:3/2;-o-object-fit:cover;object-fit:cover;display:block}.delete-image-button{position:absolute;bottom:.5rem;right:.5rem;display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;background:#ef4444f2;border:none;border-radius:6px;color:#fff;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.delete-image-button:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 8px #ef44444d}.new-images-section{margin-top:1rem}.image-links-container{margin-bottom:1.5rem}.image-link-group{display:flex;gap:.75rem;margin-bottom:1rem;align-items:center}.image-link-group .form-input{flex:1}.remove-link-button{padding:.75rem;background:#fee;border:1px solid #fcc;border-radius:8px;color:#c00;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.remove-link-button:hover{background:#fdd;border-color:#f99}.add-link-button{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;background:var(--secondary-bg, #f3f4f6);border:1px solid var(--border-color, #d1d5db);border-radius:8px;color:var(--text-primary, #1f2937);cursor:pointer;transition:all .2s}.add-link-button:hover{background:var(--hover-bg, #e5e7eb);border-color:var(--primary-color, #3b82f6);color:var(--primary-color, #3b82f6)}.image-preview-container{margin-top:1.5rem;padding:1.5rem;background:var(--secondary-bg, #f9fafb);border-radius:8px}.preview-title{font-size:.875rem;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:1rem}.image-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.image-preview-item{position:relative;aspect-ratio:3/2;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.image-preview-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.form-actions{display:flex;justify-content:flex-end;gap:1rem;padding-top:2rem;border-top:1px solid var(--border-color, #e5e7eb)}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;border:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--secondary-bg, #f3f4f6);color:var(--text-primary, #1f2937);border:1px solid var(--border-color, #d1d5db)}.btn-secondary:hover:not(:disabled){background:var(--hover-bg, #e5e7eb)}.btn-primary{background:var(--primary-color, #3b82f6);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover, #2563eb);box-shadow:0 4px 12px #3b82f64d}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}[data-theme=dark] .edit-venue-container{background:#1f2937}[data-theme=dark] .edit-venue-header{border-bottom-color:#374151}[data-theme=dark] .back-button{border-color:#374151;color:#e5e7eb}[data-theme=dark] .back-button:hover{background:#374151;border-color:#3b82f6;color:#3b82f6}[data-theme=dark] .page-title,[data-theme=dark] .section-title,[data-theme=dark] .subsection-title,[data-theme=dark] .form-label{color:#f9fafb}[data-theme=dark] .loading-container p{color:#9ca3af}[data-theme=dark] .form-input,[data-theme=dark] .form-select{background:#374151;border-color:#4b5563;color:#f9fafb}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus{border-color:#3b82f6}[data-theme=dark] .existing-images-section{border-bottom-color:#374151}[data-theme=dark] .existing-image-item,[data-theme=dark] .image-preview-container{background:#374151}[data-theme=dark] .add-link-button,[data-theme=dark] .btn-secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}[data-theme=dark] .add-link-button:hover,[data-theme=dark] .btn-secondary:hover:not(:disabled){background:#4b5563}[data-theme=dark] .form-actions{border-top-color:#374151}@media (max-width: 768px){.edit-venue-wrapper{padding:1rem}.edit-venue-header{flex-direction:column;align-items:flex-start}.page-title{font-size:1.5rem}.form-row,.existing-images-grid,.image-preview-grid{grid-template-columns:1fr}.form-actions{flex-direction:column-reverse}.btn{width:100%;justify-content:center}.delete-image-button{bottom:.25rem;right:.25rem;padding:.375rem .5rem;font-size:.625rem}}.dashboard-overview{padding:1.5rem;display:flex;flex-direction:column;gap:2rem;animation:fadeIn .5s ease}.dashboard-overview .header-section{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}@media (min-width: 1024px){.dashboard-overview .header-section{flex-direction:row;align-items:center;justify-content:space-between}}.dashboard-overview .header-section .title-container .title{font-size:2.25rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.dashboard-overview .header-section .title-container .subtitle{font-size:1rem;color:#64748b}.dashboard-overview .header-section .period-selector select{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #e2e8f0;background:#fff;color:#0f172a;font-size:.875rem;transition:all .3s ease}.dashboard-overview .header-section .period-selector select:focus{border-color:#a8ff00;box-shadow:0 0 0 2px #a8ff0033;outline:none}.dashboard-overview .stats-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.dashboard-overview .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.dashboard-overview .stats-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-overview .stats-card{border-radius:1rem;background:#fff;padding:1.5rem;border-left:4px solid;box-shadow:0 4px 6px #0000000d;transition:all .5s ease}.dashboard-overview .stats-card:hover{transform:translateY(-.5rem) scale(1.05);box-shadow:0 10px 15px #0000001a}.dashboard-overview .stats-card .card-content{display:flex;align-items:center;justify-content:space-between}.dashboard-overview .stats-card .info .label{font-size:.875rem;font-weight:500;color:#64748b;margin-bottom:.25rem}.dashboard-overview .stats-card .info .value{font-size:1.875rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.dashboard-overview .stats-card .info .trend{display:flex;align-items:center;font-size:.75rem;font-weight:500}.dashboard-overview .stats-card .info .trend .trend-icon{width:.75rem;height:.75rem;margin-right:.25rem}.dashboard-overview .stats-card .icon-wrapper{padding:1rem;border-radius:9999px;transition:all .3s ease}.dashboard-overview .stats-card .icon-wrapper .icon{width:2rem;height:2rem;transition:transform .3s ease}.dashboard-overview .stats-card .icon-wrapper:hover .icon{transform:scale(1.1)}.dashboard-overview .revenue-card{border-left-color:#a8ff00}.dashboard-overview .revenue-card .trend{color:#a8ff00}.dashboard-overview .revenue-card .icon-wrapper{background:#a8ff0033}.dashboard-overview .revenue-card .icon-wrapper:hover{background:#a8ff004d}.dashboard-overview .revenue-card .icon-wrapper .icon{color:#a8ff00}.dashboard-overview .users-card{border-left-color:#a259ff}.dashboard-overview .users-card .trend{color:#a259ff}.dashboard-overview .users-card .icon-wrapper{background:#a259ff33}.dashboard-overview .users-card .icon-wrapper:hover{background:#a259ff4d}.dashboard-overview .users-card .icon-wrapper .icon{color:#a259ff}.dashboard-overview .bookings-card{border-left-color:#3b82f6}.dashboard-overview .bookings-card .trend{color:#3b82f6}.dashboard-overview .bookings-card .icon-wrapper{background:#3b82f633}.dashboard-overview .bookings-card .icon-wrapper:hover{background:#3b82f64d}.dashboard-overview .bookings-card .icon-wrapper .icon{color:#3b82f6}.dashboard-overview .fields-card{border-left-color:#22c55e}.dashboard-overview .fields-card .trend{color:#22c55e}.dashboard-overview .fields-card .icon-wrapper{background:#22c55e33}.dashboard-overview .fields-card .icon-wrapper:hover{background:#22c55e4d}.dashboard-overview .fields-card .icon-wrapper .icon{color:#22c55e}.dashboard-overview .charts-grid{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.dashboard-overview .charts-grid{grid-template-columns:repeat(2,1fr)}}.dashboard-overview .chart-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d;padding:1.5rem}.dashboard-overview .chart-card .chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.dashboard-overview .chart-card .chart-header .chart-title{font-size:1.25rem;font-weight:600;color:#0f172a}.dashboard-overview .chart-card .chart-header .chart-icon{width:1.5rem;height:1.5rem;color:#64748b}.dashboard-overview .chart-card .chart-container{height:16rem;display:flex;align-items:flex-end;gap:.5rem}.dashboard-overview .chart-card .bar{flex:1;display:flex;flex-direction:column;align-items:center}.dashboard-overview .chart-card .bar .bar-fill{width:100%;border-top-left-radius:.5rem;border-top-right-radius:.5rem;transition:opacity .3s ease}.dashboard-overview .chart-card .bar .bar-fill:hover{opacity:.8}.dashboard-overview .chart-card .bar .bar-label{font-size:.75rem;color:#64748b;margin-top:.5rem}.dashboard-overview .revenue-chart .bar .bar-fill{background:linear-gradient(180deg,#a8ff00,#a259ff)}.dashboard-overview .bookings-chart .bar .bar-fill{background:linear-gradient(180deg,#3b82f6,#93c5fd)}.dashboard-overview .top-fields-card{background:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000000d;padding:1.5rem}.dashboard-overview .top-fields-card .section-title{font-size:1.25rem;font-weight:600;color:#0f172a;margin-bottom:1.5rem}.dashboard-overview .top-fields-card .fields-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.dashboard-overview .top-fields-card .fields-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.dashboard-overview .top-fields-card .fields-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-overview .top-fields-card .field-card{background:#f8fafc;border-radius:.75rem;padding:1rem;transition:all .3s ease}.dashboard-overview .top-fields-card .field-card:hover{box-shadow:0 4px 10px #0000001a}.dashboard-overview .top-fields-card .field-card .field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.dashboard-overview .top-fields-card .field-card .field-header .field-name{font-size:1rem;font-weight:600;color:#0f172a}.dashboard-overview .top-fields-card .field-card .field-header .status{padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.dashboard-overview .top-fields-card .field-card .location{font-size:.875rem;color:#64748b;margin-bottom:.5rem}.dashboard-overview .top-fields-card .field-card .field-stats{display:flex;justify-content:space-between;font-size:.875rem}.dashboard-overview .top-fields-card .field-card .field-stats .stat-label{color:#64748b}.dashboard-overview .top-fields-card .field-card .field-stats .stat-value{font-weight:600;color:#a8ff00}.dashboard-overview .top-fields-card .status-active{background:#22c55e1a;color:#22c55e}.dashboard-overview .top-fields-card .status-maintenance{background:#eab3081a;color:#eab308}.dashboard-overview .top-fields-card .status-inactive{background:#ef44441a;color:#ef4444}.dark .dashboard-overview .header-section{background-color:#1f2937;color:#fff}.dark .dashboard-overview .header-section .title-container .title{color:#f8fafc}.dark .dashboard-overview .header-section .title-container .subtitle{color:#94a3b8}.dark .dashboard-overview .header-section .period-selector select{background:#1e293b;border-color:#334155;color:#f8fafc}.dark .dashboard-overview .header-section .period-selector select:focus{border-color:#a8ff00;box-shadow:0 0 0 2px #a8ff0033}.dark .dashboard-overview .stats-card{background:#1e293b}.dark .dashboard-overview .stats-card .info .label{color:#94a3b8}.dark .dashboard-overview .stats-card .info .value{color:#f8fafc}.dark .dashboard-overview .chart-card{background:#1e293b}.dark .dashboard-overview .chart-card .chart-header .chart-title{color:#f8fafc}.dark .dashboard-overview .chart-card .chart-header .chart-icon,.dark .dashboard-overview .chart-card .bar .bar-label{color:#94a3b8}.dark .dashboard-overview .top-fields-card{background:#1e293b}.dark .dashboard-overview .top-fields-card .section-title{color:#f8fafc}.dark .dashboard-overview .top-fields-card .field-card{background:#334155}.dark .dashboard-overview .top-fields-card .field-card .field-header .field-name{color:#f8fafc}.dark .dashboard-overview .top-fields-card .field-card .location,.dark .dashboard-overview .top-fields-card .field-card .field-stats .stat-label{color:#94a3b8}.owner-field-edit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.owner-field-edit-modal{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -5px #0000000a;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:modalSlideIn .3s ease-out}.dark .owner-field-edit-modal{background-color:#1f2937}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.owner-field-edit-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.dark .owner-field-edit-modal__header{border-bottom-color:#374151}.owner-field-edit-modal__title{font-size:1.5rem;font-weight:700;color:#1f2937}.dark .owner-field-edit-modal__title{color:#fff}.owner-field-edit-modal__close{padding:.5rem;border-radius:.5rem;transition:background-color .2s;color:#6b7280;background:transparent;border:none;cursor:pointer}.owner-field-edit-modal__close:hover{background-color:#f3f4f6}.dark .owner-field-edit-modal__close{color:#9ca3af}.dark .owner-field-edit-modal__close:hover{background-color:#374151}.owner-field-edit-modal__form{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.owner-field-edit-modal__error{padding:.75rem 1rem;background-color:#fee2e2;color:#991b1b;border-radius:.5rem;font-size:.875rem}.dark .owner-field-edit-modal__error{background-color:#dc26261a;color:#fca5a5}.owner-field-edit-modal__field{display:flex;flex-direction:column;gap:.5rem}.owner-field-edit-modal__label{font-weight:600;color:#374151;font-size:.875rem}.dark .owner-field-edit-modal__label{color:#e5e7eb}.required{color:#dc2626}.owner-field-edit-modal__input,.owner-field-edit-modal__select,.owner-field-edit-modal__textarea{padding:.75rem;border-radius:.5rem;border:1px solid #d1d5db;background-color:#fff;color:#1f2937;font-size:.875rem;transition:all .2s}.dark .owner-field-edit-modal__input,.dark .owner-field-edit-modal__select,.dark .owner-field-edit-modal__textarea{background-color:#374151;border-color:#4b5563;color:#fff}.owner-field-edit-modal__input:focus,.owner-field-edit-modal__select:focus,.owner-field-edit-modal__textarea:focus{outline:none;border-color:#a8ff00;box-shadow:0 0 0 3px #a8ff001a}.owner-field-edit-modal__textarea{resize:vertical;min-height:100px;font-family:inherit}.owner-field-edit-modal__actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.dark .owner-field-edit-modal__actions{border-top-color:#374151}.btn-primary,.btn-secondary{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s;cursor:pointer;border:none}.btn-primary{background-color:#a8ff00;color:#000}.btn-primary:hover:not(:disabled){background-color:#a8ff00cc;box-shadow:0 4px 6px -1px #0000001a}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background-color:#f3f4f6;color:#1f2937}.btn-secondary:hover{background-color:#e5e7eb}.dark .btn-secondary{background-color:#374151;color:#e5e7eb}.dark .btn-secondary:hover{background-color:#4b5563}.owner-slot-mgmt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.owner-slot-mgmt-modal{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -5px #0000000a;max-width:900px;width:100%;max-height:90vh;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.dark .owner-slot-mgmt-modal{background-color:#1f2937}.owner-slot-mgmt-modal__header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid #e5e7eb}.dark .owner-slot-mgmt-modal__header{border-bottom-color:#374151}.owner-slot-mgmt-modal__title{font-size:1.5rem;font-weight:700;color:#1f2937}.dark .owner-slot-mgmt-modal__title{color:#fff}.owner-slot-mgmt-modal__subtitle{font-size:.875rem;color:#6b7280;margin-top:.25rem}.dark .owner-slot-mgmt-modal__subtitle{color:#9ca3af}.owner-slot-mgmt-modal__close{padding:.5rem;border-radius:.5rem;transition:background-color .2s;color:#6b7280;background:transparent;border:none;cursor:pointer}.owner-slot-mgmt-modal__close:hover{background-color:#f3f4f6}.dark .owner-slot-mgmt-modal__close{color:#9ca3af}.dark .owner-slot-mgmt-modal__close:hover{background-color:#374151}.owner-slot-mgmt-modal__content{flex:1;overflow-y:auto;padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.owner-slot-mgmt-modal__error{padding:.75rem 1rem;background-color:#fee2e2;color:#991b1b;border-radius:.5rem;font-size:.875rem}.dark .owner-slot-mgmt-modal__error{background-color:#dc26261a;color:#fca5a5}.owner-slot-form{background-color:#f9fafb;border-radius:.75rem;padding:1.5rem;border:1px solid #e5e7eb}.dark .owner-slot-form{background-color:#111827;border-color:#374151}.owner-slot-form__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.owner-slot-form__title{font-size:1.125rem;font-weight:600;color:#1f2937}.dark .owner-slot-form__title{color:#fff}.owner-slot-form__cancel{padding:.5rem;border-radius:.375rem;background:transparent;border:none;color:#6b7280;cursor:pointer;transition:background-color .2s}.owner-slot-form__cancel:hover{background-color:#e5e7eb}.dark .owner-slot-form__cancel:hover{background-color:#374151}.owner-slot-form__grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}@media (min-width: 768px){.owner-slot-form__grid{grid-template-columns:repeat(2,1fr)}}.owner-slot-form__field{display:flex;flex-direction:column;gap:.5rem}.owner-slot-form__label{font-weight:600;color:#374151;font-size:.875rem}.dark .owner-slot-form__label{color:#e5e7eb}.owner-slot-form__input,.owner-slot-form__select{padding:.75rem;border-radius:.5rem;border:1px solid #d1d5db;background-color:#fff;color:#1f2937;font-size:.875rem;transition:all .2s}.dark .owner-slot-form__input,.dark .owner-slot-form__select{background-color:#374151;border-color:#4b5563;color:#fff}.owner-slot-form__input:focus,.owner-slot-form__select:focus{outline:none;border-color:#a8ff00;box-shadow:0 0 0 3px #a8ff001a}.owner-slot-form__actions{display:flex;gap:1rem;justify-content:flex-end;padding-top:1rem;border-top:1px solid #e5e7eb}.dark .owner-slot-form__actions{border-top-color:#374151}.owner-slot-mgmt-modal__add-section{display:flex;justify-content:flex-start}.owner-slots-list__title{font-size:1.125rem;font-weight:600;color:#1f2937;margin-bottom:1rem}.dark .owner-slots-list__title{color:#fff}.owner-slots-list__empty{text-align:center;padding:3rem 1rem;color:#6b7280}.dark .owner-slots-list__empty{color:#9ca3af}.owner-slots-list__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.owner-slots-list__grid{grid-template-columns:repeat(2,1fr)}}.owner-slot-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;transition:all .2s}.dark .owner-slot-card{background-color:#111827;border-color:#374151}.owner-slot-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.owner-slot-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.owner-slot-card__name{font-weight:600;color:#1f2937}.dark .owner-slot-card__name{color:#fff}.owner-slot-card__status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.owner-slot-card__status.active{background-color:#dcfce7;color:#166534}.owner-slot-card__status.inactive{background-color:#fee2e2;color:#991b1b}.owner-slot-card__details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.owner-slot-card__detail{display:flex;align-items:center;font-size:.875rem}.owner-slot-card__label{color:#6b7280;margin-right:.5rem}.dark .owner-slot-card__label{color:#9ca3af}.owner-slot-card__value{color:#1f2937;font-weight:500}.dark .owner-slot-card__value{color:#fff}.owner-slot-card__price{color:#a8ff00;font-weight:600}.owner-slot-card__actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.dark .owner-slot-card__actions{border-top-color:#374151}.owner-slot-mgmt-modal__footer{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.dark .owner-slot-mgmt-modal__footer{border-top-color:#374151}.btn-primary,.btn-secondary,.btn-ghost-sm{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;display:flex;align-items:center;gap:.5rem;transition:all .2s;cursor:pointer;border:none}.btn-ghost-sm{padding:.5rem .75rem;background:transparent;color:#6b7280;border:1px solid transparent}.btn-ghost-sm:hover:not(:disabled){background-color:#f3f4f6;color:#1f2937}.dark .btn-ghost-sm{color:#9ca3af}.dark .btn-ghost-sm:hover:not(:disabled){background-color:#374151;color:#fff}.btn-ghost-sm.btn-danger:hover:not(:disabled){background-color:#fee2e2;color:#dc2626}.dark .btn-ghost-sm.btn-danger:hover:not(:disabled){background-color:#dc26261a;color:#fca5a5}.btn-ghost-sm:disabled{opacity:.4;cursor:not-allowed}@keyframes highlightPulse{0%,to{box-shadow:0 0 0 3px #a8ff00,0 20px 25px -5px #0000001a}50%{box-shadow:0 0 0 6px #a8ff0080,0 20px 25px -5px #0000001a}}.manage-fields-wrapper{padding:1.5rem;display:flex;flex-direction:column;gap:2rem;animation:fadeIn .5s ease-in-out}.manage-fields-wrapper .header-section{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem}.dark :is(.manage-fields-wrapper .header-section){background-color:#1f2937;color:#fff}@media (min-width: 1024px){.manage-fields-wrapper .header-section{flex-direction:row;align-items:center}}.manage-fields-wrapper .header-section .title-container{display:flex;flex-direction:column}.manage-fields-wrapper .header-section .title-container .page-title{font-size:2.25rem;font-weight:700;color:#1f2937}.dark :is(.manage-fields-wrapper .header-section .title-container .page-title){color:#fff}.manage-fields-wrapper .header-section .title-container .page-description{color:#4b5563}.dark :is(.manage-fields-wrapper .header-section .title-container .page-description){color:#9ca3af}.manage-fields-wrapper .header-section .add-button{background-color:#a8ff00;color:#000;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .3s ease}.manage-fields-wrapper .header-section .add-button:hover{background-color:#a8ff00cc;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.manage-fields-wrapper .filter-container{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem}.dark :is(.manage-fields-wrapper .filter-container){background-color:#1f2937}.manage-fields-wrapper .filter-container .filter-wrapper{display:flex;flex-direction:column;gap:1rem}@media (min-width: 768px){.manage-fields-wrapper .filter-container .filter-wrapper{flex-direction:row}}.manage-fields-wrapper .filter-container .filter-wrapper .search-container{position:relative;flex:1}.manage-fields-wrapper .filter-container .filter-wrapper .search-container .search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#6b7280}.dark :is(.manage-fields-wrapper .filter-container .filter-wrapper .search-container .search-icon){color:#9ca3af}.manage-fields-wrapper .filter-container .filter-wrapper .search-container .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:.75rem;border:1px solid #d1d5db;background-color:#f3f4f6;color:#1f2937;transition:all .3s ease}.manage-fields-wrapper .filter-container .filter-wrapper .search-container .search-input::-moz-placeholder{color:#6b7284}.manage-fields-wrapper .filter-container .filter-wrapper .search-container .search-input::placeholder{color:#6b7284}.manage-fields-wrapper .filter-container .filter-wrapper .search-container .search-input:focus{border-color:#a8ff00;outline:none;box-shadow:0 0 0 2px #a8ff0033}.dark :is(.manage-fields-wrapper .filter-container .filter-wrapper .search-container .search-input){background-color:#374151;border-color:#4b5563;color:#fff}.dark :is(.manage-fields-wrapper .filter-container .filter-wrapper .search-container .search-input)::-moz-placeholder{color:#9ca3af}.dark :is(.manage-fields-wrapper .filter-container .filter-wrapper .search-container .search-input)::placeholder{color:#9ca3af}.dark :is(.manage-fields-wrapper .filter-container .filter-wrapper .search-container .search-input):focus{border-color:#a8ff00;box-shadow:0 0 0 2px #a8ff0033}.manage-fields-wrapper .filter-container .filter-wrapper .status-container{position:relative}.manage-fields-wrapper .filter-container .filter-wrapper .status-container .filter-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#6b7280}.dark :is(.manage-fields-wrapper .filter-container .filter-wrapper .status-container .filter-icon){color:#9ca3af}.manage-fields-wrapper .filter-container .filter-wrapper .status-container .status-select{padding:.75rem 2rem .75rem 2.5rem;border-radius:.75rem;border:1px solid #d1d5db;background-color:#f3f4f6;color:#1f2937;transition:all .3s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none}.manage-fields-wrapper .filter-container .filter-wrapper .status-container .status-select:focus{border-color:#a8ff00;outline:none;box-shadow:0 0 0 2px #a8ff0033}.dark :is(.manage-fields-wrapper .filter-container .filter-wrapper .status-container .status-select){background-color:#374151;border-color:#4b5563;color:#fff}.dark :is(.manage-fields-wrapper .filter-container .filter-wrapper .status-container .status-select):focus{border-color:#a8ff00;box-shadow:0 0 0 2px #a8ff0033}.manage-fields-wrapper .fields-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.manage-fields-wrapper .fields-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.manage-fields-wrapper .fields-grid{grid-template-columns:repeat(3,1fr)}}.manage-fields-wrapper .fields-grid .field-card{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;transition:all .5s ease}.manage-fields-wrapper .fields-grid .field-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -5px #0000000a;transform:translateY(-.5rem)}.manage-fields-wrapper .fields-grid .field-card.highlighted{animation:highlightPulse 2s ease-in-out;box-shadow:0 0 0 3px #a8ff00,0 20px 25px -5px #0000001a}.dark :is(.manage-fields-wrapper .fields-grid .field-card){background-color:#1f2937}.dark :is(.manage-fields-wrapper .fields-grid .field-card).highlighted{box-shadow:0 0 0 3px #a8ff00,0 20px 25px -5px #0003}.manage-fields-wrapper .fields-grid .field-card .field-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.manage-fields-wrapper .fields-grid .field-card .field-header .field-name{font-size:1.125rem;font-weight:600;color:#1f2937}.dark :is(.manage-fields-wrapper .fields-grid .field-card .field-header .field-name){color:#fff}.manage-fields-wrapper .fields-grid .field-card .field-header .status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.manage-fields-wrapper .fields-grid .field-card .field-header .status-badge.status-active{background-color:#dcfce7;color:#166534}.manage-fields-wrapper .fields-grid .field-card .field-header .status-badge.status-maintenance{background-color:#fefce8;color:#854d0e}.manage-fields-wrapper .fields-grid .field-card .field-header .status-badge.status-hidden{background-color:#fee2e2;color:#991b1b}.manage-fields-wrapper .fields-grid .field-card .field-header .status-badge.status-default{background-color:#f3f4f6;color:#1f2937}.manage-fields-wrapper .fields-grid .field-card .field-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.manage-fields-wrapper .fields-grid .field-card .field-info .info-item{display:flex;align-items:center;font-size:.875rem}.manage-fields-wrapper .fields-grid .field-card .field-info .info-item .info-icon{width:1rem;height:1rem;margin-right:.5rem;color:#6b7280}.dark :is(.manage-fields-wrapper .fields-grid .field-card .field-info .info-item .info-icon){color:#9ca3af}.manage-fields-wrapper .fields-grid .field-card .field-info .info-item .info-text{color:#4b5563}.dark :is(.manage-fields-wrapper .fields-grid .field-card .field-info .info-item .info-text){color:#9ca3af}.manage-fields-wrapper .fields-grid .field-card .revenue-section{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.manage-fields-wrapper .fields-grid .field-card .revenue-section .revenue-amount{font-size:1.125rem;font-weight:700;color:#a8ff00}.manage-fields-wrapper .fields-grid .field-card .revenue-section .revenue-label{font-size:.875rem;color:#4b5563}.dark :is(.manage-fields-wrapper .fields-grid .field-card .revenue-section .revenue-label){color:#9ca3af}.manage-fields-wrapper .fields-grid .field-card .action-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.manage-fields-wrapper .fields-grid .field-card .action-buttons .visibility-button{flex:1;min-width:80px;display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;transition:all .3s ease}.manage-fields-wrapper .fields-grid .field-card .action-buttons .visibility-button.visibility-visible{background-color:#dbeafe;color:#1e40af}.manage-fields-wrapper .fields-grid .field-card .action-buttons .visibility-button.visibility-visible:hover{background-color:#bfdbfe}.manage-fields-wrapper .fields-grid .field-card .action-buttons .visibility-button.visibility-hidden{background-color:#f3f4f6;color:#1f2937}.manage-fields-wrapper .fields-grid .field-card .action-buttons .visibility-button.visibility-hidden:hover{background-color:#e5e7eb}.manage-fields-wrapper .fields-grid .field-card .action-buttons .edit-button{flex:1;min-width:80px;display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;background-color:#fefce8;color:#854d0e;transition:all .3s ease}.manage-fields-wrapper .fields-grid .field-card .action-buttons .edit-button:hover{background-color:#fef9c3}.manage-fields-wrapper .fields-grid .field-card .action-buttons .settings-button{flex:1;min-width:80px;display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;background-color:#e0e7ff;color:#3730a3;transition:all .3s ease}.manage-fields-wrapper .fields-grid .field-card .action-buttons .settings-button:hover{background-color:#c7d2fe}.manage-fields-wrapper .fields-grid .field-card .action-buttons .delete-button{flex:1;min-width:80px;display:flex;align-items:center;justify-content:center;padding:.5rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:500;background-color:#fee2e2;color:#991b1b;transition:all .3s ease}.manage-fields-wrapper .fields-grid .field-card .action-buttons .delete-button:hover{background-color:#fecaca}.manage-fields-wrapper .fields-grid .field-card .action-buttons .action-icon{width:1rem;height:1rem;margin-right:.25rem}.manage-fields-wrapper .no-fields-container{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:3rem;text-align:center}.dark :is(.manage-fields-wrapper .no-fields-container){background-color:#1f2937}.manage-fields-wrapper .no-fields-container .no-fields-icon{font-size:3.75rem;margin-bottom:1rem;color:#d1d5db}.dark :is(.manage-fields-wrapper .no-fields-container .no-fields-icon){color:#4b5563}.manage-fields-wrapper .no-fields-container .no-fields-title{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.dark :is(.manage-fields-wrapper .no-fields-container .no-fields-title){color:#fff}.manage-fields-wrapper .no-fields-container .no-fields-description{color:#4b5563}.dark :is(.manage-fields-wrapper .no-fields-container .no-fields-description){color:#9ca3af}.manage-venue-wrapper{padding:2rem;max-width:1400px;margin:0 auto}.reports-loading,.reports-error{padding:2rem;text-align:center;font-size:1.125rem;color:#4b5563;background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a}.dark .reports-loading,.dark .reports-error{background-color:#1f2937;color:#9ca3af}.reports-error{color:#ef4444}.dark .reports-error{color:#fca5a5}.header-section{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.title-container{flex:1}.page-title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.page-description{color:var(--text-secondary);font-size:1rem}.add-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-button:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.filter-container{margin-bottom:2rem}.filter-wrapper{display:flex;gap:1rem;flex-wrap:wrap}.search-container,.status-container{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;flex:1;min-width:200px}.search-icon,.filter-icon{color:var(--text-tertiary)}.search-input,.status-select{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:1rem;outline:none}.venues-list{display:flex;flex-direction:column;gap:1.5rem}.venue-card{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:1rem;padding:1.5rem;transition:all .3s ease}.venue-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.venue-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.venue-info{flex:1}.venue-title-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.venue-icon{color:var(--accent-primary)}.venue-name{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin:0}.status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:600}.status-badge.status-active{background:#22c55e1a;color:#22c55e}.status-badge.status-inactive{background:#ef44441a;color:#ef4444}.venue-details{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;color:var(--text-secondary)}.detail-icon{color:var(--text-tertiary)}.venue-address{font-size:.9375rem}.venue-stats{display:flex;gap:1.5rem;font-size:.875rem;color:var(--text-secondary)}.stat-item{display:flex;align-items:center}.venue-actions{display:flex;gap:.5rem}.toggle-button,.edit-button,.delete-button,.expand-button,.view-fields-button{padding:.5rem;border:1px solid var(--border-primary);border-radius:.5rem;background:var(--bg-primary);cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.toggle-button:hover,.edit-button:hover,.delete-button:hover,.expand-button:hover,.view-fields-button:hover{transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.toggle-button.active{color:#22c55e;border-color:#22c55e}.toggle-button.inactive{color:#ef4444;border-color:#ef4444}.edit-button{color:var(--info);border-color:var(--info)}.delete-button{color:var(--error);border-color:var(--error)}.expand-button{color:var(--text-primary)}.view-fields-button{color:var(--accent-primary);border-color:var(--accent-primary)}.view-fields-button:hover{background:var(--accent-primary);color:#fff}.venue-fields{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.fields-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.fields-header h4{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.fields-header-actions{display:flex;gap:.5rem}.add-field-button,.view-all-fields-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-field-button{background:var(--accent-primary);color:#fff}.add-field-button:hover{background:var(--accent-secondary)}.view-all-fields-button{background:var(--bg-secondary);color:var(--accent-primary);border:1px solid var(--accent-primary)}.view-all-fields-button:hover{background:var(--accent-primary);color:#fff}.fields-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.field-item{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:.75rem;padding:1rem;transition:all .3s ease}.field-item:hover{border-color:var(--accent-primary);box-shadow:0 2px 8px #0000000d}.field-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.field-name{font-weight:600;color:var(--text-primary)}.field-status{padding:.125rem .5rem;border-radius:.5rem;font-size:.75rem;font-weight:600}.field-status.active{background:#22c55e1a;color:#22c55e}.field-status.inactive{background:#ef44441a;color:#ef4444}.field-description{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem;line-height:1.5}.field-actions{display:flex;gap:.5rem}.view-field-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;font-size:.875rem;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.view-field-button:hover{background:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.no-fields{text-align:center;padding:2rem;color:var(--text-secondary)}.no-fields p{margin-bottom:1rem}.add-first-field-button{padding:.5rem 1rem;background:var(--accent-primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-first-field-button:hover{background:var(--accent-secondary)}.no-venues-container{text-align:center;padding:4rem 2rem}.no-venues-icon{display:flex;justify-content:center;margin-bottom:1.5rem;color:var(--text-quaternary);opacity:.5}.no-venues-title{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.no-venues-description{color:var(--text-secondary);margin-bottom:2rem}.add-first-venue-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--accent-primary);color:#fff;border:none;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-first-venue-button:hover{background:var(--accent-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.manage-venue-wrapper{padding:1rem}.header-section,.venue-header{flex-direction:column}.venue-actions{width:100%;justify-content:flex-end}.fields-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{box-shadow:0 0 5px #a8ff004d}50%{box-shadow:0 0 15px #a8ff0080}to{box-shadow:0 0 5px #a8ff004d}}.reports{padding:1.5rem;display:flex;flex-direction:column;gap:2rem;animation:fadeIn .5s ease-in-out}.reports .reports-header{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:1rem}.dark :is(.reports .reports-header){background-color:#1f2937;color:#fff}@media (min-width: 1024px){.reports .reports-header{flex-direction:row;align-items:center}}.reports .reports-header .reports-header-left{display:flex;flex-direction:column}.reports .reports-header .reports-header-left .reports-title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;color:#1f2937;text-shadow:0 1px 2px rgba(0,0,0,.05)}.dark :is(.reports .reports-header .reports-header-left .reports-title){color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.2)}.reports .reports-header .reports-header-left .reports-description{color:#4b5563}.dark :is(.reports .reports-header .reports-header-left .reports-description){color:#9ca3af}.reports .reports-header .export-buttons{display:flex;gap:.75rem}.reports .reports-header .export-buttons .export-csv{display:flex;align-items:center;padding:.5rem 1rem;border-radius:.5rem;background-color:#dbeafe;color:#1d4ed8;transition:all .3s;box-shadow:0 2px 4px #0000000d}.reports .reports-header .export-buttons .export-csv:hover{background-color:#bfdbfe;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.reports .reports-header .export-buttons .export-pdf{display:flex;align-items:center;padding:.5rem 1rem;border-radius:.5rem;background-color:#fee2e2;color:#b91c1c;transition:all .3s;box-shadow:0 2px 4px #0000000d}.reports .reports-header .export-buttons .export-pdf:hover{background-color:#fecaca;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.reports .reports-header .export-buttons .icon-small{width:1rem;height:1rem;margin-right:.5rem}.reports .report-types{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.reports .report-types{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.reports .report-types{grid-template-columns:repeat(4,1fr)}}.reports .report-types .report-type-card{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;text-align:left;transition:all .3s ease}.dark :is(.reports .report-types .report-type-card){background-color:#1f2937}.reports .report-types .report-type-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -3px #0000001a;transform:translateY(-4px)}.reports .report-types .report-type-card.selected{box-shadow:0 0 0 3px #a8ff0080;animation:glow 2s infinite}.reports .report-types .report-type-card .icon-container{width:3rem;height:3rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;transition:transform .3s}.reports .report-types .report-type-card .icon-container:hover{transform:scale(1.1)}.reports .report-types .report-type-card .icon-container.revenue-icon-bg{background-color:#a8ff0033}.reports .report-types .report-type-card .icon-container.bookings-icon-bg{background-color:#3b82f633}.reports .report-types .report-type-card .icon-container.users-icon-bg{background-color:#a259ff33}.reports .report-types .report-type-card .icon-container.performance-icon-bg{background-color:#22c55e33}.reports .report-types .report-type-card .icon-container .icon-card{width:1.5rem;height:1.5rem}.reports .report-types .report-type-card .icon-container .icon-card.revenue-icon-color{color:#a8ff00}.reports .report-types .report-type-card .icon-container .icon-card.bookings-icon-color{color:#3b82f6}.reports .report-types .report-type-card .icon-container .icon-card.users-icon-color{color:#a259ff}.reports .report-types .report-type-card .icon-container .icon-card.performance-icon-color{color:#22c55e}.reports .report-types .report-type-card .card-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;color:#1f2937}.dark :is(.reports .report-types .report-type-card .card-title){color:#fff}.reports .report-types .report-type-card .card-description{font-size:.875rem;color:#4b5563}.dark :is(.reports .report-types .report-type-card .card-description){color:#9ca3af}.reports .date-range-filter{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;transition:all .3s}.dark :is(.reports .date-range-filter){background-color:#1f2937}.reports .date-range-filter:hover{box-shadow:0 15px 20px -5px #0000001a}.reports .date-range-filter .date-range-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.reports .date-range-filter .date-range-header .date-range-title{font-size:1.25rem;font-weight:600;color:#1f2937}.dark :is(.reports .date-range-filter .date-range-header .date-range-title){color:#fff}.reports .date-range-filter .date-range-header .date-range-select{padding:.5rem 1rem;border-radius:.5rem;border:1px solid #d1d5db;background-color:#f9fafb;color:#1f2937;transition:all .3s}.reports .date-range-filter .date-range-header .date-range-select:focus{border-color:#a8ff00;box-shadow:0 0 0 2px #a8ff0033}.dark :is(.reports .date-range-filter .date-range-header .date-range-select){background-color:#374151;border-color:#4b5563;color:#fff}.reports .report-content{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.reports .report-content{grid-template-columns:repeat(2,1fr)}}.reports .report-content .revenue-chart{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;position:relative}.dark :is(.reports .report-content .revenue-chart){background-color:#1f2937}.reports .report-content .revenue-chart .chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.reports .report-content .revenue-chart .chart-header .chart-title{font-size:1.25rem;font-weight:600;color:#1f2937}.dark :is(.reports .report-content .revenue-chart .chart-header .chart-title){color:#fff}.reports .report-content .revenue-chart .chart-header .chart-icon{width:1.5rem;height:1.5rem;color:#4b5563}.dark :is(.reports .report-content .revenue-chart .chart-header .chart-icon){color:#9ca3af}.reports .report-content .revenue-chart .chart-body{height:16rem;display:flex;align-items:flex-end;justify-content:space-between;gap:.5rem}.reports .report-content .revenue-chart .chart-body .bar-container{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.reports .report-content .revenue-chart .chart-body .bar-container .bar{width:100%;background:linear-gradient(135deg,#a8ff00,#a259ff);border-top-left-radius:.5rem;border-top-right-radius:.5rem;transition:all .3s ease;position:relative}.reports .report-content .revenue-chart .chart-body .bar-container .bar:hover{opacity:.9;transform:scale(1.05)}.reports .report-content .revenue-chart .chart-body .bar-container .bar:hover .bar-tooltip{opacity:1;transform:translateY(-10px)}.reports .report-content .revenue-chart .chart-body .bar-container .bar .bar-tooltip{position:absolute;top:-30px;background:#000c;color:#fff;padding:4px 8px;border-radius:4px;font-size:.75rem;opacity:0;transition:all .2s;white-space:nowrap}.reports .report-content .revenue-chart .chart-body .bar-container .bar-label{font-size:.75rem;margin-top:.5rem;color:#4b5563}.dark :is(.reports .report-content .revenue-chart .chart-body .bar-container .bar-label){color:#9ca3af}.reports .report-content .booking-activity{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem}.dark :is(.reports .report-content .booking-activity){background-color:#1f2937}.reports .report-content .booking-activity .activity-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.reports .report-content .booking-activity .activity-header .activity-title{font-size:1.25rem;font-weight:600;color:#1f2937}.dark :is(.reports .report-content .booking-activity .activity-header .activity-title){color:#fff}.reports .report-content .booking-activity .activity-header .activity-icon{width:1.5rem;height:1.5rem;color:#4b5563}.dark :is(.reports .report-content .booking-activity .activity-header .activity-icon){color:#9ca3af}.reports .report-content .booking-activity .activity-list{display:flex;flex-direction:column;gap:1rem}.reports .report-content .booking-activity .activity-list .activity-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem;border-radius:.5rem;transition:background .2s}.reports .report-content .booking-activity .activity-list .activity-item:hover{background:#a8ff000d}.dark :is(.reports .report-content .booking-activity .activity-list .activity-item:hover){background:#a8ff001a}.reports .report-content .booking-activity .activity-list .activity-item .activity-date{display:flex;align-items:center}.reports .report-content .booking-activity .activity-list .activity-item .activity-date .dot{width:.75rem;height:.75rem;background-color:#a8ff00;border-radius:9999px;margin-right:.75rem;box-shadow:0 0 8px #a8ff004d}.reports .report-content .booking-activity .activity-list .activity-item .activity-date span{font-size:.875rem;color:#4b5563}.dark :is(.reports .report-content .booking-activity .activity-list .activity-item .activity-date span){color:#9ca3af}.reports .report-content .booking-activity .activity-list .activity-item .activity-stats{display:flex;align-items:center;gap:1rem}.reports .report-content .booking-activity .activity-list .activity-item .activity-stats .bookings-count{font-size:.875rem;color:#4b5563}.dark :is(.reports .report-content .booking-activity .activity-list .activity-item .activity-stats .bookings-count){color:#9ca3af}.reports .report-content .booking-activity .activity-list .activity-item .activity-stats .revenue-amount{font-size:.875rem;font-weight:600;color:#a8ff00;background:#a8ff001a;padding:2px 8px;border-radius:9999px}.reports .summary-stats{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.reports .summary-stats{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.reports .summary-stats{grid-template-columns:repeat(4,1fr)}}.reports .summary-stats .stat-card{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;border-left:4px solid;transition:all .3s}.dark :is(.reports .summary-stats .stat-card){background-color:#1f2937}.reports .summary-stats .stat-card:hover{transform:translateY(-4px);box-shadow:0 15px 25px -5px #0000001a}.reports .summary-stats .stat-card.revenue-stat{border-left-color:#a8ff00}.reports .summary-stats .stat-card.revenue-stat .stat-icon{color:#a8ff00}.reports .summary-stats .stat-card.bookings-stat{border-left-color:#3b82f6}.reports .summary-stats .stat-card.bookings-stat .stat-icon{color:#3b82f6}.reports .summary-stats .stat-card.users-stat{border-left-color:#a259ff}.reports .summary-stats .stat-card.users-stat .stat-icon{color:#a259ff}.reports .summary-stats .stat-card.fields-stat{border-left-color:#22c55e}.reports .summary-stats .stat-card.fields-stat .stat-icon{color:#22c55e}.reports .summary-stats .stat-card.confirmed-stat{border-left-color:#10b981}.reports .summary-stats .stat-card.confirmed-stat .stat-icon{color:#10b981}.reports .summary-stats .stat-card .stat-content{display:flex;align-items:center;justify-content:space-between}.reports .summary-stats .stat-card .stat-content .stat-label{font-size:.875rem;font-weight:500;color:#4b5563;margin-bottom:.25rem}.dark :is(.reports .summary-stats .stat-card .stat-content .stat-label){color:#9ca3af}.reports .summary-stats .stat-card .stat-content .stat-value{font-size:1.5rem;font-weight:700;color:#1f2937}.dark :is(.reports .summary-stats .stat-card .stat-content .stat-value){color:#fff}.reports .summary-stats .stat-card .stat-content .stat-icon{width:2rem;height:2rem;opacity:.8;transition:opacity .3s}.reports .summary-stats .stat-card .stat-content .stat-icon:hover{opacity:1}.reports .reports-loading,.reports .reports-error{padding:2rem;text-align:center;font-size:1.125rem;color:#4b5563;background-color:#fff;border-radius:1rem;box-shadow:0 4px 6px #0000001a}.dark :is(.reports .reports-loading),.dark :is(.reports .reports-error){background-color:#1f2937;color:#9ca3af}.reports .reports-error{color:#ef4444}.dark :is(.reports .reports-error){color:#fca5a5}.reports .no-data{padding:2rem;text-align:center;color:#6b7280;font-style:italic}.dark :is(.reports .no-data){color:#9ca3af}.reports .top-fields-section{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.5rem}.dark :is(.reports .top-fields-section){background-color:#1f2937}.reports .top-fields-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.reports .top-fields-section .section-header .section-title{font-size:1.25rem;font-weight:600;color:#1f2937}.dark :is(.reports .top-fields-section .section-header .section-title){color:#fff}.reports .top-fields-section .section-header .section-icon{width:1.5rem;height:1.5rem;color:#a8ff00}.reports .top-fields-section .top-fields-list{display:flex;flex-direction:column;gap:1rem}.reports .top-fields-section .top-fields-list .top-field-item{display:flex;align-items:center;gap:1rem;padding:1rem;background-color:#f9fafb;border-radius:.5rem;transition:all .3s}.dark :is(.reports .top-fields-section .top-fields-list .top-field-item){background-color:#374151}.reports .top-fields-section .top-fields-list .top-field-item:hover{transform:translate(4px);box-shadow:0 4px 6px #0000001a}.reports .top-fields-section .top-fields-list .top-field-item .field-rank{font-size:1.5rem;font-weight:700;color:#a8ff00;min-width:3rem;text-align:center}.reports .top-fields-section .top-fields-list .top-field-item .field-info{flex:1}.reports .top-fields-section .top-fields-list .top-field-item .field-info .field-name{font-weight:600;color:#1f2937;margin-bottom:.25rem}.dark :is(.reports .top-fields-section .top-fields-list .top-field-item .field-info .field-name){color:#fff}.reports .top-fields-section .top-fields-list .top-field-item .field-info .field-venue{font-size:.875rem;color:#6b7280}.dark :is(.reports .top-fields-section .top-fields-list .top-field-item .field-info .field-venue){color:#9ca3af}.reports .top-fields-section .top-fields-list .top-field-item .field-stats{text-align:right}.reports .top-fields-section .top-fields-list .top-field-item .field-stats .field-bookings{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.dark :is(.reports .top-fields-section .top-fields-list .top-field-item .field-stats .field-bookings){color:#9ca3af}.reports .top-fields-section .top-fields-list .top-field-item .field-stats .field-revenue{font-weight:600;color:#a8ff00}.reports .booking-status-chart{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.5rem;margin-bottom:1.5rem}.dark :is(.reports .booking-status-chart){background-color:#1f2937}.reports .booking-status-chart .status-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 640px){.reports .booking-status-chart .status-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.reports .booking-status-chart .status-grid{grid-template-columns:repeat(4,1fr)}}.reports .booking-status-chart .status-grid .status-card{display:flex;align-items:center;gap:1rem;padding:1rem;border-radius:.5rem;transition:all .3s}.reports .booking-status-chart .status-grid .status-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.reports .booking-status-chart .status-grid .status-card.status-pending{background-color:#fef3c7}.dark :is(.reports .booking-status-chart .status-grid .status-card.status-pending){background-color:#78350f}.reports .booking-status-chart .status-grid .status-card.status-pending .status-icon{color:#f59e0b}.reports .booking-status-chart .status-grid .status-card.status-confirmed{background-color:#dbeafe}.dark :is(.reports .booking-status-chart .status-grid .status-card.status-confirmed){background-color:#1e3a8a}.reports .booking-status-chart .status-grid .status-card.status-confirmed .status-icon{color:#3b82f6}.reports .booking-status-chart .status-grid .status-card.status-completed{background-color:#d1fae5}.dark :is(.reports .booking-status-chart .status-grid .status-card.status-completed){background-color:#064e3b}.reports .booking-status-chart .status-grid .status-card.status-completed .status-icon{color:#10b981}.reports .booking-status-chart .status-grid .status-card.status-cancelled{background-color:#fee2e2}.dark :is(.reports .booking-status-chart .status-grid .status-card.status-cancelled){background-color:#7f1d1d}.reports .booking-status-chart .status-grid .status-card.status-cancelled .status-icon{color:#ef4444}.reports .booking-status-chart .status-grid .status-card .status-info{flex:1}.reports .booking-status-chart .status-grid .status-card .status-info .status-label{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.dark :is(.reports .booking-status-chart .status-grid .status-card .status-info .status-label){color:#d1d5db}.reports .booking-status-chart .status-grid .status-card .status-info .status-count{font-size:1.5rem;font-weight:700;color:#1f2937}.dark :is(.reports .booking-status-chart .status-grid .status-card .status-info .status-count){color:#fff}.reports .recent-bookings-section{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a;padding:1.5rem}.dark :is(.reports .recent-bookings-section){background-color:#1f2937}.reports .recent-bookings-section .section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.reports .recent-bookings-section .section-header .section-title{font-size:1.25rem;font-weight:600;color:#1f2937}.dark :is(.reports .recent-bookings-section .section-header .section-title){color:#fff}.reports .recent-bookings-section .section-header .section-icon{width:1.5rem;height:1.5rem;color:#3b82f6}.reports .recent-bookings-section .bookings-table{overflow-x:auto}.reports .recent-bookings-section .bookings-table table{width:100%;border-collapse:collapse}.reports .recent-bookings-section .bookings-table table thead{background-color:#f9fafb}.dark :is(.reports .recent-bookings-section .bookings-table table thead){background-color:#374151}.reports .recent-bookings-section .bookings-table table thead th{padding:.75rem;text-align:left;font-size:.875rem;font-weight:600;color:#6b7280;text-transform:uppercase}.dark :is(.reports .recent-bookings-section .bookings-table table thead th){color:#d1d5db}.reports .recent-bookings-section .bookings-table table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .3s}.dark :is(.reports .recent-bookings-section .bookings-table table tbody tr){border-bottom-color:#4b5563}.reports .recent-bookings-section .bookings-table table tbody tr:hover{background-color:#f9fafb}.dark :is(.reports .recent-bookings-section .bookings-table table tbody tr:hover){background-color:#374151}.reports .recent-bookings-section .bookings-table table tbody tr td{padding:.75rem;font-size:.875rem;color:#1f2937}.dark :is(.reports .recent-bookings-section .bookings-table table tbody tr td){color:#d1d5db}.reports .recent-bookings-section .bookings-table table tbody tr td .status-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600}.reports .recent-bookings-section .bookings-table table tbody tr td .status-badge.status-badge-pending{background-color:#fef3c7;color:#f59e0b}.reports .recent-bookings-section .bookings-table table tbody tr td .status-badge.status-badge-confirmed{background-color:#dbeafe;color:#3b82f6}.reports .recent-bookings-section .bookings-table table tbody tr td .status-badge.status-badge-completed{background-color:#d1fae5;color:#10b981}.reports .recent-bookings-section .bookings-table table tbody tr td .status-badge.status-badge-cancelled{background-color:#fee2e2;color:#ef4444}.reports .recent-bookings-section .bookings-table table tbody tr td .status-badge.status-badge-unknown{background-color:#e5e7eb;color:#6b7280}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.settings-page{padding:1.5rem;display:flex;flex-direction:column;gap:2rem;animation:fadeIn .3s ease-in-out}.settings-page .header-section{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;display:flex;flex-direction:column;gap:1rem;justify-content:space-between;align-items:flex-start}.dark :is(.settings-page .header-section){background-color:#1f2937;color:#fff}@media (min-width: 1024px){.settings-page .header-section{flex-direction:row;align-items:center}}.settings-page .header-section .title-container .page-title{font-size:2.25rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.dark :is(.settings-page .header-section .title-container .page-title){color:#fff}.settings-page .header-section .title-container .page-description{color:#4b5563}.settings-page .header-section .save-button{background-color:var(--accent-primary);color:var(--bg-primary);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .3s;display:flex;align-items:center}.settings-page .header-section .save-button:hover{background-color:var(--accent-hover);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.settings-page .header-section .save-button:disabled{opacity:.7;cursor:not-allowed}.settings-page .header-section .save-button.submitting{animation:pulse 1.5s infinite}.settings-page .header-section .save-button .save-icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.settings-page .settings-layout{display:flex;flex-direction:column;gap:2rem}@media (min-width: 1024px){.settings-page .settings-layout{flex-direction:row}}.settings-page .sidebar{width:100%}@media (min-width: 1024px){.settings-page .sidebar{width:16rem}}.settings-page .sidebar .tab-nav{display:flex;flex-direction:column;gap:.5rem}.settings-page .sidebar .tab-nav .tab-button{width:100%;display:flex;align-items:center;padding:.75rem 1rem;text-align:left;border-radius:.75rem;transition:all .3s;background-color:transparent;color:#4b5563}.settings-page .sidebar .tab-nav .tab-button:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.settings-page .sidebar .tab-nav .tab-button.active{background-color:var(--accent-primary);color:var(--bg-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.settings-page .sidebar .tab-nav .tab-button .tab-icon{width:1.25rem;height:1.25rem;margin-right:.75rem}.settings-page .content-area{flex:1}.settings-page .content-area .content-card{background-color:#fff;border-radius:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem}.settings-page .profile-content{display:flex;flex-direction:column;gap:1.5rem}.settings-page .profile-content .profile-header{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;background:var(--bg-secondary);border-radius:1rem;box-shadow:var(--shadow-primary)}@media (min-width: 768px){.settings-page .profile-content .profile-header{flex-direction:row;align-items:flex-start}}.settings-page .profile-content .profile-header .avatar{position:relative;width:8rem;height:8rem;background:linear-gradient(to bottom right,var(--accent-primary),var(--accent-secondary));border-radius:50%;padding:.25rem;box-shadow:0 10px 25px -5px #a8ff004d;transition:all .3s ease;flex-shrink:0}.settings-page .profile-content .profile-header .avatar:hover{transform:scale(1.05);box-shadow:0 15px 30px -5px #a8ff0066}.settings-page .profile-content .profile-header .avatar .avatar-inner{width:100%;height:100%;border-radius:50%;background:var(--bg-primary);display:flex;align-items:center;justify-content:center;overflow:hidden}.settings-page .profile-content .profile-header .avatar .avatar-text{font-size:2rem;font-weight:700;color:var(--accent-primary)}.settings-page .profile-content .profile-header .avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.settings-page .profile-content .profile-header .avatar-edit-btn{position:absolute;bottom:.25rem;right:.25rem;background:var(--accent-primary);border:3px solid var(--bg-primary);border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--bg-primary);transition:all .2s ease;box-shadow:0 4px 12px #00000026}.settings-page .profile-content .profile-header .avatar-edit-btn:hover{transform:scale(1.1);box-shadow:0 6px 16px #a8ff0066}.settings-page .profile-content .profile-header .avatar-edit-btn:active{transform:scale(.95)}.settings-page .profile-content .profile-header .avatar-edit-btn:disabled{opacity:.5;cursor:not-allowed}.settings-page .profile-content .profile-header .profile-info{flex:1;text-align:center}@media (min-width: 768px){.settings-page .profile-content .profile-header .profile-info{text-align:left}}.settings-page .profile-content .profile-header .user-name{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.settings-page .profile-content .profile-header .user-email{color:var(--text-secondary);font-size:1rem}.settings-page .profile-content .profile-form{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.settings-page .profile-content .profile-form{grid-template-columns:1fr 1fr}}.settings-page .profile-content .profile-form div .input-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#374151}.settings-page .profile-content .profile-form div .input-field{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #d1d5db;transition:all .3s;background-color:#f9fafb;color:#1f2937}.settings-page .profile-content .profile-form div .input-field:focus{border-color:#a8ff00;box-shadow:0 0 0 2px #a8ff0033}.settings-page .profile-content .save-button{background-color:var(--accent-primary);color:var(--bg-primary);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .3s;display:flex;align-items:center;gap:.5rem;border:none;cursor:pointer}.settings-page .profile-content .save-button:hover{background-color:var(--accent-hover);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.settings-page .profile-content .save-button:disabled{opacity:.6;cursor:not-allowed}.settings-page .profile-content .cancel-button{background-color:#6b7280;color:#fff;padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .3s;display:flex;align-items:center;gap:.5rem;border:none;cursor:pointer}.settings-page .profile-content .cancel-button:hover{background-color:#4b5563}.settings-page .profile-content .cancel-button:disabled{opacity:.6;cursor:not-allowed}.settings-page .security-content{display:flex;flex-direction:column;gap:1.5rem}.settings-page .security-content .change-password{border-radius:1rem;padding:1.5rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-primary);border:1px solid var(--border-secondary);transition:all .5s ease}.settings-page .security-content .change-password .section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.settings-page .security-content .change-password .section-header .section-icon{width:1.5rem;height:1.5rem;color:var(--accent-primary)}.settings-page .security-content .change-password .section-header .section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.settings-page .security-content .password-form{display:flex;flex-direction:column;gap:1.25rem}.settings-page .security-content .password-form .input-label{display:block;font-size:.875rem;font-weight:500;color:var(--text-secondary);margin-bottom:.5rem}.settings-page .security-content .password-form .input-wrapper{position:relative;display:flex;align-items:center}.settings-page .security-content .password-form .input-wrapper .password-input{width:100%;padding:.875rem 3rem .875rem 1rem;border-radius:.5rem;border:2px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem;transition:all .3s ease}.settings-page .security-content .password-form .input-wrapper .password-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #a8ff001a;background:var(--bg-secondary)}.settings-page .security-content .password-form .input-wrapper .password-input::-moz-placeholder{color:var(--text-tertiary)}.settings-page .security-content .password-form .input-wrapper .password-input::placeholder{color:var(--text-tertiary)}.settings-page .security-content .password-form .input-wrapper .visibility-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.5rem;border-radius:.375rem;background:transparent;border:none;color:var(--text-tertiary);transition:all .2s ease;cursor:pointer}.settings-page .security-content .password-form .input-wrapper .visibility-toggle:hover{color:var(--accent-primary);background:#a8ff001a;transform:translateY(-50%) scale(1.1)}.settings-page .security-content .password-form .input-wrapper .visibility-toggle:active{transform:translateY(-50%) scale(.95)}.settings-page .security-content .password-form .input-wrapper .visibility-toggle .eye-icon{width:1.25rem;height:1.25rem;transition:transform .2s ease}.settings-page .security-content .password-form .submit-button{width:100%;padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #a8ff004d}.settings-page .security-content .password-form .submit-button:hover{box-shadow:0 6px 20px #a8ff0066;transform:translateY(-2px)}.settings-page .security-content .password-form .submit-button:active{transform:translateY(0)}.settings-page .security-content .password-form .submit-button.loading-disabled{opacity:.7;cursor:not-allowed;pointer-events:none}.settings-page .security-content .password-form .submit-button.success{background:linear-gradient(135deg,#22c55e,#16a34a)}.settings-page .security-content .security-card{background-color:#f9fafb;border-radius:.75rem;padding:1.5rem}.settings-page .security-content .security-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.settings-page .security-content .security-card .card-header .card-title{display:flex;align-items:center}.settings-page .security-content .security-card .card-header .card-title .card-icon{width:1.5rem;height:1.5rem;margin-right:.75rem;color:#4b5563}.settings-page .security-content .security-card .card-header .card-title div .card-heading{font-weight:600;color:#1f2937}.settings-page .security-content .security-card .card-header .card-title div .card-description{font-size:.875rem;color:#4b5563}.settings-page .security-content .security-card .card-header .enable-button{background-color:var(--accent-primary);color:var(--bg-primary);padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .3s}.settings-page .security-content .security-card .card-header .enable-button:hover{background-color:var(--accent-hover)}.settings-page .security-content .security-card .card-header .change-button{background-color:var(--info);color:var(--accent-hover);padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .3s}.settings-page .security-content .security-card .card-header .change-button:hover{background-color:var(--bg-tertiary)}.settings-page .security-content .security-card .card-header .view-button{background-color:var(--bg-tertiary);color:var(--text-primary);padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .3s}.settings-page .security-content .security-card .card-header .view-button:hover{background-color:var(--bg-quaternary)}.settings-page .notifications-content{display:flex;flex-direction:column;gap:1rem}.settings-page .notifications-content .notification-item{display:flex;align-items:center;justify-content:space-between}.settings-page .notifications-content .notification-item div .notification-title{font-weight:600;color:#1f2937}.settings-page .notifications-content .notification-item div .notification-description{font-size:.875rem;color:#4b5563}.settings-page .notifications-content .notification-item .toggle-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.settings-page .notifications-content .notification-item .toggle-switch .toggle-slider{width:2.75rem;height:1.5rem;background-color:#e5e7eb;border-radius:9999px;position:relative;transition:background-color .2s}.settings-page .notifications-content .notification-item .toggle-switch .toggle-slider:after{content:"";position:absolute;top:.125rem;left:.125rem;width:1.25rem;height:1.25rem;background-color:#fff;border:1px solid #d1d5db;border-radius:9999px;transition:all .3s}.settings-page .notifications-content .notification-item .toggle-switch input:checked+.toggle-slider{background-color:#a8ff00}.settings-page .notifications-content .notification-item .toggle-switch input:checked+.toggle-slider:after{transform:translate(1.25rem);border-color:#fff}.settings-page .appearance-content{display:flex;flex-direction:column;gap:1.5rem}.settings-page .appearance-content .theme-switch{display:flex;align-items:center;justify-content:space-between}.settings-page .appearance-content .theme-switch div .theme-title{font-weight:600;color:#1f2937}.settings-page .appearance-content .theme-switch div .theme-description{font-size:.875rem;color:#4b5563}.settings-page .appearance-content .theme-switch .theme-button{background-color:var(--accent-primary);color:var(--bg-primary);padding:.75rem 1.5rem;border-radius:.75rem;font-weight:600;transition:all .3s}.settings-page .appearance-content .theme-switch .theme-button:hover{background-color:var(--accent-hover)}.settings-page .appearance-content .color-theme{display:flex;flex-direction:column;gap:1rem}.settings-page .appearance-content .color-theme .color-title{font-weight:600;color:#1f2937}.settings-page .appearance-content .color-theme .color-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.settings-page .appearance-content .color-theme .color-grid .color-swatch{width:3rem;height:3rem;border-radius:9999px;border:2px solid #d1d5db;transition:all .3s}.settings-page .appearance-content .color-theme .color-grid .color-swatch:hover{border-color:#9ca3af}.settings-page .language-content{display:flex;flex-direction:column;gap:1.5rem}.settings-page .language-content div .input-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#374151}.settings-page .language-content div .select-field{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #d1d5db;transition:all .3s;background-color:#f9fafb;color:#1f2937}.settings-page .language-content div .select-field:focus{border-color:#a8ff00;box-shadow:0 0 0 2px #a8ff0033}.settings-page .data-content{display:flex;flex-direction:column;gap:1.5rem}.settings-page .data-content .data-card{background-color:#f9fafb;border-radius:.75rem;padding:1.5rem}.settings-page .data-content .data-card .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.settings-page .data-content .data-card .card-header .card-title{display:flex;align-items:center}.settings-page .data-content .data-card .card-header .card-title .card-icon{width:1.5rem;height:1.5rem;margin-right:.75rem;color:#4b5563}.settings-page .data-content .data-card .card-header .card-title div .card-heading{font-weight:600;color:#1f2937}.settings-page .data-content .data-card .card-header .card-title div .card-description{font-size:.875rem;color:#4b5563}.settings-page .data-content .data-card .card-header .export-button{background-color:var(--info);color:var(--bg-primary);padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .3s}.settings-page .data-content .data-card .card-header .export-button:hover{background-color:var(--accent-hover)}.settings-page .data-content .data-card .card-header .import-button{background-color:var(--success);color:var(--bg-primary);padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .3s}.settings-page .data-content .data-card .card-header .import-button:hover{background-color:var(--success-dark)}.settings-page .data-content .data-card .card-header .clear-button{background-color:var(--error);color:var(--bg-primary);padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .3s}.settings-page .data-content .data-card .card-header .clear-button:hover{background-color:var(--warning)}.settings-page .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .2s ease-out}.settings-page .modal-overlay .modal-content{background:var(--bg-secondary);border-radius:1rem;width:100%;max-width:32rem;margin:0 1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;animation:slideUp .3s ease-out;overflow:hidden}.settings-page .modal-overlay .modal-content.image-upload-modal{max-width:36rem}.settings-page .modal-overlay .modal-content .modal-header{padding:1.5rem;border-bottom:1px solid var(--border-secondary);text-align:center;display:flex;flex-direction:column;align-items:center;gap:.5rem}.settings-page .modal-overlay .modal-content .modal-header .modal-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0}.settings-page .modal-overlay .modal-content .modal-header .modal-description{font-size:.875rem;color:var(--text-secondary);margin:0}.settings-page .modal-overlay .modal-content .modal-body{padding:1.5rem}.settings-page .modal-overlay .modal-content .modal-body .input-group{display:flex;flex-direction:column;gap:.75rem}.settings-page .modal-overlay .modal-content .modal-body .input-group .input-label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.settings-page .modal-overlay .modal-content .modal-body .input-group .input-field{width:100%;padding:.875rem 1rem;border-radius:.5rem;border:2px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem;transition:all .3s ease}.settings-page .modal-overlay .modal-content .modal-body .input-group .input-field:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #a8ff001a;background:var(--bg-secondary)}.settings-page .modal-overlay .modal-content .modal-body .input-group .input-field::-moz-placeholder{color:var(--text-tertiary)}.settings-page .modal-overlay .modal-content .modal-body .input-group .input-field::placeholder{color:var(--text-tertiary)}.settings-page .modal-overlay .modal-content .modal-body .input-group .image-preview{margin-top:1rem;border-radius:.75rem;overflow:hidden;background:var(--bg-tertiary);border:2px solid var(--border-secondary);max-height:300px;display:flex;align-items:center;justify-content:center}.settings-page .modal-overlay .modal-content .modal-body .input-group .image-preview img{width:100%;height:auto;max-height:300px;-o-object-fit:contain;object-fit:contain}.settings-page .modal-overlay .modal-content .modal-body .input-group .image-preview .preview-error{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:2rem;color:var(--text-tertiary)}.settings-page .modal-overlay .modal-content .modal-body .input-group .image-preview .preview-error span{font-size:.875rem}.settings-page .modal-overlay .modal-content .modal-actions{padding:1rem 1.5rem 1.5rem;display:flex;gap:.75rem;justify-content:flex-end;border-top:1px solid var(--border-secondary)}.settings-page .modal-overlay .modal-content .modal-actions .cancel-button,.settings-page .modal-overlay .modal-content .modal-actions .save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;transition:all .2s ease;border:none;cursor:pointer}.settings-page .modal-overlay .modal-content .modal-actions .cancel-button{background:var(--bg-tertiary);color:var(--text-primary)}.settings-page .modal-overlay .modal-content .modal-actions .cancel-button:hover:not(:disabled){background:var(--bg-quaternary)}.settings-page .modal-overlay .modal-content .modal-actions .save-button{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);box-shadow:0 4px 12px #a8ff0033}.settings-page .modal-overlay .modal-content .modal-actions .save-button:hover:not(:disabled){box-shadow:0 6px 16px #a8ff004d;transform:translateY(-1px)}.settings-page .modal-overlay .modal-content .modal-actions .save-button:active:not(:disabled){transform:translateY(0)}.settings-page .modal-overlay .modal-content .modal-actions .save-button:disabled{opacity:.6;cursor:not-allowed}.settings-page .modal-overlay .modal-content .modal-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary)}.settings-page .modal-overlay .modal-content .modal-form{display:flex;flex-direction:column;gap:1rem}.settings-page .modal-overlay .modal-content .modal-form div .input-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:#374151}.settings-page .modal-overlay .modal-content .modal-form div .input-field{width:100%;padding:.75rem 1rem;border-radius:.75rem;border:1px solid #d1d5db;transition:all .3s;background-color:#f9fafb;color:#1f2937}.settings-page .modal-overlay .modal-content .modal-form div .input-field:focus{border-color:#a8ff00;box-shadow:0 0 0 2px #a8ff0033}.settings-page .modal-overlay .modal-content .modal-actions{display:flex;gap:.75rem;margin-top:1.5rem}.settings-page .modal-overlay .modal-content .modal-actions .cancel-button{flex:1;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .3s;background-color:var(--bg-tertiary);color:var(--text-primary)}.settings-page .modal-overlay .modal-content .modal-actions .cancel-button:hover{background-color:var(--bg-quaternary)}.settings-page .modal-overlay .modal-content .modal-actions .update-button{flex:1;background-color:var(--accent-primary);color:var(--bg-primary);padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .3s}.settings-page .modal-overlay .modal-content .modal-actions .update-button:hover{background-color:var(--accent-hover)}.booking-settings-content{display:flex;flex-direction:column;gap:24px}.success-message{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#065f46;font-size:14px;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.settings-section{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:12px;padding:24px}.section-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color, #e5e7eb)}.section-icon{width:32px;height:32px;color:var(--primary-color, #4f46e5);flex-shrink:0}.section-title{margin:0;font-size:20px;font-weight:600;color:var(--text-primary, #1f2937)}.section-description{margin:4px 0 0;font-size:14px;color:var(--text-secondary, #6b7280)}.setting-item{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 0;border-bottom:1px solid var(--border-color, #e5e7eb)}.setting-item:last-child{border-bottom:none;padding-bottom:0}.setting-info{flex:1;padding-right:20px}.setting-label{display:block;font-size:16px;font-weight:600;color:var(--text-primary, #1f2937);margin-bottom:4px}.setting-description{margin:0;font-size:14px;color:var(--text-secondary, #6b7280);line-height:1.5}.time-input-group{display:flex;align-items:center;gap:12px}.time-input{width:100px;padding:10px 12px;border:2px solid var(--border-secondary);border-radius:8px;font-size:16px;font-weight:600;text-align:center;background:var(--bg-tertiary);color:var(--text-primary);transition:all .2s ease}.time-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #a8ff001a}.time-unit{font-size:14px;font-weight:500;color:var(--text-secondary, #6b7280)}.predefined-times{margin-top:16px;padding:20px;background:var(--bg-secondary);border-radius:8px}.predefined-label{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary, #1f2937)}.time-buttons{display:flex;gap:12px;flex-wrap:wrap}.time-button{padding:10px 20px;background:var(--bg-tertiary);border:2px solid var(--border-secondary);border-radius:8px;font-size:14px;font-weight:600;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.time-button:hover{border-color:var(--accent-primary);background:#a8ff001a;color:var(--accent-primary)}.time-button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.settings-actions{display:flex;justify-content:flex-end;padding-top:16px}.settings-actions .save-button{padding:12px 32px;background:var(--accent-primary);color:var(--bg-primary);border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.settings-actions .save-button:hover{background:var(--accent-hover);box-shadow:0 4px 12px #a8ff004d}@media (max-width: 768px){.setting-item{flex-direction:column;gap:16px}.setting-info{padding-right:0}.time-buttons{justify-content:stretch}.time-button{flex:1;min-width:80px}}.dark .settings-page>div .settings-title{color:#fff}.dark .settings-page>div .settings-description{color:#9ca3af}.dark .settings-page .sidebar .tab-nav .tab-button{color:#d1d5db}.dark .settings-page .sidebar .tab-nav .tab-button.active{color:var(--text-primary)}.dark .settings-page .sidebar .tab-nav .tab-button:hover{background-color:#1f2937;color:#fff}.dark .settings-page .content-area .content-card{background-color:#1f2937}.dark .settings-page .profile-content .profile-header .user-name{color:#fff}.dark .settings-page .profile-content .profile-header .user-email{color:#9ca3af}.dark .settings-page .profile-content .profile-form div .input-label{color:#d1d5db}.dark .settings-page .profile-content .profile-form div .input-field{background-color:#374151;border-color:#4b5563;color:#fff}.dark .settings-page .profile-content .profile-form div .input-field:focus{border-color:#a8ff00;box-shadow:0 0 0 2px #a8ff0033}.dark .settings-page .security-content .security-card{background-color:#374151}.dark .settings-page .security-content .security-card .card-header .card-title .card-icon{color:#9ca3af}.dark .settings-page .security-content .security-card .card-header .card-title div .card-heading{color:#fff}.dark .settings-page .security-content .security-card .card-header .card-title div .card-description{color:#9ca3af}.dark .settings-page .notifications-content .notification-item div .notification-title{color:#fff}.dark .settings-page .notifications-content .notification-item div .notification-description{color:#9ca3af}.dark .settings-page .appearance-content .theme-switch div .theme-title{color:#fff}.dark .settings-page .appearance-content .theme-switch div .theme-description{color:#9ca3af}.dark .settings-page .appearance-content .color-theme .color-title{color:#fff}.dark .settings-page .language-content div .input-label{color:#d1d5db}.dark .settings-page .language-content div .select-field{background-color:#374151;border-color:#4b5563;color:#fff}.dark .settings-page .language-content div .select-field:focus{border-color:#a8ff00;box-shadow:0 0 0 2px #a8ff0033}.dark .settings-page .data-content .data-card{background-color:#374151}.dark .settings-page .data-content .data-card .card-header .card-title .card-icon{color:#9ca3af}.dark .settings-page .data-content .data-card .card-header .card-title div .card-heading{color:#fff}.dark .settings-page .data-content .data-card .card-header .card-title div .card-description{color:#9ca3af}.dark .settings-page .password-input-container{position:relative;display:flex;align-items:center}.dark .settings-page .password-input-container .input-field{padding-right:40px}.dark .settings-page .password-input-container .password-toggle{position:absolute;right:8px;color:#6b7280;transition:color .2s}.dark .settings-page .password-input-container .password-toggle:hover{color:#a8ff00}.dark .settings-page .modal-overlay .modal-content{background-color:#1f2937}.dark .settings-page .modal-overlay .modal-content .modal-title{color:#fff}.dark .settings-page .modal-overlay .modal-content .modal-form div .input-label{color:#d1d5db}.dark .settings-page .modal-overlay .modal-content .modal-form div .input-field{background-color:#374151;border-color:#4b5563;color:#fff}.dark .settings-page .modal-overlay .modal-content .modal-form div .input-field:focus{border-color:#a8ff00;box-shadow:0 0 0 2px #a8ff0033}.dark .settings-page .modal-overlay .modal-content .modal-actions .cancel-button{background-color:#374151;color:#fff}.dark .settings-page .modal-overlay .modal-content .modal-actions .cancel-button:hover{background-color:#4b5563}:root{--purple: #7C3AED;--purple-dark: #6B21A8;--purple-light: #A78BFA;--purple-rgb: 124, 58, 237}.booking-summary-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px}.booking-summary-modal__content{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);border-radius:12px;padding:24px;max-width:1200px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-tertiary);border:1px solid var(--border-secondary);animation:fadeIn .3s ease-out;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.booking-summary-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-shrink:0}.booking-summary-modal__title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.booking-summary-modal__close{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease}.booking-summary-modal__close:hover{color:var(--text-primary);background:var(--bg-tertiary)}.booking-summary-modal__venue-quick-info{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:16px;flex-shrink:0}.booking-summary-modal__venue-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:20px}.booking-summary-modal__venue-details{flex:1}.booking-summary-modal__venue-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.booking-summary-modal__venue-location{display:flex;align-items:center;gap:4px;color:var(--text-tertiary);font-size:12px}.booking-summary-modal__main{display:flex;gap:24px;flex:1;min-height:0}.booking-summary-modal__steps{flex:1;overflow-y:auto;padding-right:8px;min-height:0}.booking-summary-modal__steps::-webkit-scrollbar{width:6px}.booking-summary-modal__steps::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.booking-summary-modal__steps::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.booking-summary-modal__steps::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.booking-summary-modal__steps{-ms-overflow-style:auto;scrollbar-width:thin;scrollbar-color:var(--border-secondary) var(--bg-tertiary)}.booking-summary-modal__step{margin-bottom:24px;transition:all .3s ease}.booking-summary-modal__step.inactive{opacity:.5;pointer-events:none}.booking-summary-modal__step-content{padding:24px;border-radius:8px;border:2px solid var(--border-secondary);background:var(--bg-secondary);transition:all .3s ease}.booking-summary-modal__step-content select{outline:none;cursor:pointer;padding:8px 12px;border-radius:8px;border:2px solid var(--border-secondary);color:var(--text-primary);background:var(--bg-secondary)}.booking-summary-modal__step-content select .voucher_option{background-color:var(--bg-secondary);color:var(--text-primary)}.booking-summary-modal__step-content select .voucher_option.selected{font-weight:700;color:var(--purple)}.booking-summary-modal__step-content.current{border-color:var(--accent-primary);background:rgba(var(--accent-primary-rgb),.1)}.booking-summary-modal__step-content.completed,.booking-summary-modal__step-content.completed select{border-color:var(--purple);background:rgba(var(--purple-rgb),.1)}.booking-summary-modal__step-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.booking-summary-modal__step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;background:var(--accent-primary);color:var(--text-primary);transition:all .3s ease}.booking-summary-modal__step-number.completed{background:var(--purple)}.booking-summary-modal__step-info{flex:1}.booking-summary-modal__step-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.booking-summary-modal__step-subtitle{font-size:14px;color:var(--text-tertiary);margin:0}.booking-summary-modal__step-selected{font-size:14px;color:var(--purple);margin:0}.booking-summary-modal__date-input{width:100%;padding:12px 16px;border:2px solid var(--border-secondary);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);font-size:16px;transition:all .2s ease}.booking-summary-modal__date-input:focus{outline:none;border-color:var(--accent-primary)}.booking-summary-modal__time-grid{display:grid;grid-template-columns:repeat(5,minmax(100px,1fr));gap:12px}.booking-summary-modal__time-slot{padding:16px;border:2px solid var(--border-secondary);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:center}.booking-summary-modal__time-slot:disabled{opacity:.5;background-color:#80808020}.booking-summary-modal__time-slot:hover{border-color:var(--border-primary)}.booking-summary-modal__time-slot.selected{border-color:var(--purple);background:var(--purple);color:var(--text-primary)}.booking-summary-modal__time-slot-time{font-weight:600;font-size:14px}.booking-summary-modal__time-slot-price{font-size:12px;color:var(--purple);margin-top:4px}.selected .booking-summary-modal__time-slot-price{color:#fff}.booking-summary-modal__field-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.booking-summary-modal__field-option{padding:16px;border:2px solid var(--border-secondary);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left;display:flex;justify-content:space-between;align-items:center}.booking-summary-modal__field-option:hover{border-color:var(--border-primary)}.booking-summary-modal__field-option.selected{border-color:var(--purple);background:var(--bg-tertiary);box-shadow:0 0 0 1px var(--purple)}.booking-summary-modal__field-info{flex:1}.booking-summary-modal__field-name{font-weight:600;font-size:16px;margin-bottom:4px}.booking-summary-modal__field-type{color:var(--text-secondary);font-size:14px}.booking-summary-modal__field-price{color:var(--purple);font-weight:700;font-size:18px}.booking-summary-modal__payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.booking-summary-modal__payment-option{padding:16px;border:2px solid var(--border-secondary);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left}.booking-summary-modal__payment-option:hover{border-color:var(--border-primary)}.booking-summary-modal__payment-option.selected{border-color:var(--purple);background:var(--bg-tertiary);box-shadow:0 0 0 1px var(--purple)}.booking-summary-modal__payment-option.disabled{opacity:.5}.booking-summary-modal__payment-info{display:flex;align-items:center;gap:12px}.booking-summary-modal__payment-icon{font-size:24px}.booking-summary-modal__payment-details{flex:1}.booking-summary-modal__payment-name{font-weight:600;font-size:14px;margin-bottom:4px}.booking-summary-modal__payment-description{color:var(--text-secondary);font-size:12px}.booking-summary-modal__step-tip{margin-top:16px;padding:16px;border-radius:8px;background:rgba(var(--accent-primary-rgb),.1);border:1px solid rgba(var(--accent-primary-rgb),.2)}.booking-summary-modal__step-tip p{color:var(--accent-primary);font-size:14px;margin:0}.booking-summary-modal__sidebar{width:320px;flex-shrink:0;display:flex;flex-direction:column;gap:16px}.booking-summary-modal__progress{background:var(--bg-secondary);border-radius:8px;padding:16px;border:1px solid var(--border-secondary)}.booking-summary-modal__progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.booking-summary-modal__progress-title{font-size:14px;font-weight:600;color:var(--text-secondary)}.booking-summary-modal__progress-step{font-size:14px;color:var(--text-secondary)}.booking-summary-modal__progress-tip{padding:8px 12px;background:rgba(var(--accent-primary-rgb),.1);border:1px solid rgba(var(--accent-primary-rgb),.2);border-radius:6px;margin-bottom:12px}.booking-summary-modal__progress-tip p{color:var(--accent-primary);font-size:12px;margin:0}.booking-summary-modal__progress-guidance-text{color:var(--accent-primary);font-size:13px;font-weight:600;margin:0}.booking-summary-modal__progress-steps{display:flex;flex-direction:column;gap:16px}.booking-summary-modal__progress-step-item{display:flex;align-items:center;gap:12px}.booking-summary-modal__progress-step-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.booking-summary-modal__progress-step-icon.completed{background:var(--purple);color:var(--text-primary)}.booking-summary-modal__progress-step-icon.active{background:var(--accent-primary);color:var(--text-primary);box-shadow:0 0 0 2px var(--accent-primary-light)}.booking-summary-modal__progress-step-icon.pending{background:var(--bg-tertiary);color:var(--text-tertiary)}.booking-summary-modal__progress-step-content{flex:1}.booking-summary-modal__progress-step-title{font-size:14px;font-weight:600;margin-bottom:4px}.booking-summary-modal__progress-step-title.active{color:var(--text-primary)}.booking-summary-modal__progress-step-title.completed{color:var(--purple)}.booking-summary-modal__progress-step-title.pending{color:var(--text-tertiary)}.booking-summary-modal__progress-step-subtitle{font-size:12px;color:var(--text-tertiary);margin:0}.booking-summary-modal__summary{background:var(--bg-secondary);border-radius:8px;padding:16px;border:2px solid var(--purple)}.booking-summary-modal__summary-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.booking-summary-modal__summary-check{width:24px;height:24px;border-radius:50%;background:var(--purple);color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.booking-summary-modal__summary-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.booking-summary-modal__summary-details{display:flex;flex-direction:column;gap:8px;font-size:14px}.booking-summary-modal__summary-item{display:flex;justify-content:space-between;align-items:center}.booking-summary-modal__summary-label{color:var(--text-tertiary)}.booking-summary-modal__summary-value{color:var(--text-primary);font-weight:600;text-align:right}.booking-summary-modal__summary-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-secondary);padding-top:12px;margin-top:12px}.booking-summary-modal__summary-total-label{font-size:18px;font-weight:600;color:var(--text-primary)}.booking-summary-modal__summary-total-value{font-size:20px;font-weight:700;color:var(--purple)}.booking-summary-modal__summary-actions{margin-top:16px}.booking-summary-modal__confirm-button{width:100%;padding:12px 16px;border:none;border-radius:8px;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px;animation:pulse 2s infinite}.booking-summary-modal__confirm-button:hover{background:linear-gradient(135deg,var(--purple-dark) 0%,var(--purple) 100%)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.booking-summary-modal__security-note{text-align:center;font-size:12px;color:var(--text-tertiary);margin-top:8px}.booking-summary-modal__footer{margin-top:24px;flex-shrink:0}.booking-summary-modal__footer-content{margin-bottom:12px}.booking-summary-modal__footer-guidance{text-align:center}.booking-summary-modal__footer-text{font-size:14px;font-weight:600;color:var(--text-tertiary);margin-bottom:8px}.booking-summary-modal__progress-bar{width:100%;height:8px;background:rgba(var(--text-tertiary-rgb),.3);border-radius:4px;overflow:hidden;margin:1rem 0;position:relative}.booking-summary-modal__progress-fill{height:100%;background:linear-gradient(90deg,var(--purple) 0%,var(--purple-dark) 100%);border-radius:4px;transition:width .5s ease;position:relative}.booking-summary-modal__progress-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.booking-summary-modal__step-prompt{color:var(--text-secondary);font-size:.875rem;font-style:italic;margin-top:.25rem}.booking-summary-modal__step-suggestion{background:rgba(var(--accent-primary-rgb),.1);border:1px solid var(--accent-primary);border-radius:.5rem;padding:.75rem 1rem;margin-top:.75rem}.booking-summary-modal__step-suggestion p{margin:0;color:var(--accent-primary);font-size:.875rem;line-height:1.4}.booking-summary-modal__step-suggestion strong{color:var(--accent-primary-dark)}.booking-summary-modal__warning-toast{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:1000;background:linear-gradient(135deg,var(--warning-light) 0%,var(--warning) 100%);border:1px solid var(--warning);border-radius:.5rem;padding:.75rem 1rem;box-shadow:0 4px 12px rgba(var(--warning-rgb),.3);animation:slideInFromTop .3s ease-out}.booking-summary-modal__warning-content{display:flex;align-items:center;gap:.5rem}.booking-summary-modal__warning-icon{font-size:1.125rem;color:var(--warning-dark)}.booking-summary-modal__warning-text{color:var(--warning-dark);font-weight:600;font-size:.875rem}@keyframes slideInFromTop{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.booking-summary-modal__progress-step-item.clickable{transition:all .2s ease}.booking-summary-modal__progress-step-item.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.booking-summary-modal__progress-step-item.clickable:hover .booking-summary-modal__progress-step-icon{transform:scale(1.1)}.booking-summary-modal__progress-step-item.disabled{opacity:.6}.booking-summary-modal__progress-step-item.disabled:hover{transform:none}.booking-success-popup{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.booking-success-popup__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.booking-success-popup__content{position:relative;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:1rem;padding:1.5rem;max-width:350px;width:90%;box-shadow:var(--shadow-tertiary);animation:slideInScale .4s ease-out}.booking-success-popup__header{text-align:center;margin-bottom:1.5rem}.booking-success-popup__check-circle{width:60px;height:60px;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;animation:checkBounce .5s ease-out}.booking-success-popup__check-icon{color:var(--text-primary);font-size:1.5rem;font-weight:700}.booking-success-popup__title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.booking-success-popup__details{margin-bottom:1.5rem}.booking-success-popup__booking-id{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.5rem;padding:.75rem;text-align:center;margin-bottom:1rem}.booking-success-popup__id-label{display:block;color:var(--text-secondary);font-size:.75rem;font-weight:500;margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.05em}.booking-success-popup__id-value{color:var(--accent-primary);font-size:1rem;font-weight:700;font-family:Courier New,monospace}.booking-success-popup__summary{text-align:center;padding:.75rem;background:var(--bg-secondary);border-radius:.5rem;border-left:3px solid var(--purple)}.booking-success-popup__summary p{margin:0;color:var(--text-secondary);font-size:.875rem;line-height:1.4}.booking-success-popup__summary p:first-child{margin-bottom:.25rem}.booking-success-popup__price{color:var(--purple);font-weight:700;font-size:1rem}.booking-success-popup__actions{text-align:center}.booking-success-popup__button{width:100%;padding:.75rem;background:linear-gradient(135deg,var(--purple) 0%,var(--purple-dark) 100%);color:var(--text-primary);border:none;border-radius:.5rem;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.booking-success-popup__button:hover{transform:translateY(-1px);box-shadow:var(--shadow-secondary)}@keyframes slideInScale{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes checkBounce{0%{transform:scale(0)}50%{transform:scale(1.05)}to{transform:scale(1)}}.booking-summary-modal__booking-options{margin-bottom:16px}.booking-summary-modal__option-row{display:flex;gap:16px;flex-wrap:wrap}.booking-summary-modal__option-card{flex:1;min-width:280px;background:var(--bg-tertiary);border-radius:8px;padding:16px;border:2px solid transparent;transition:all .2s ease}.booking-summary-modal__option-card:hover{border-color:var(--accent-primary);background:var(--bg-secondary)}.booking-summary-modal__option-header{margin-bottom:12px}.booking-summary-modal__option-toggle{display:flex;align-items:center;gap:8px}.booking-summary-modal__option-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.booking-summary-modal__option-toggle label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary);cursor:pointer}.booking-summary-modal__option-controls{padding-top:12px;border-top:1px solid var(--border-secondary)}.booking-summary-modal__duration-control{display:flex;align-items:center;gap:12px;margin-bottom:8px}.booking-summary-modal__duration-control label{font-weight:500;color:var(--text-secondary);min-width:60px}.booking-summary-modal__counter{display:flex;align-items:center;gap:8px;background:var(--bg-primary);border-radius:6px;padding:4px;border:1px solid var(--border-secondary)}.booking-summary-modal__counter button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.booking-summary-modal__counter button:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.booking-summary-modal__counter button:disabled{opacity:.5;cursor:not-allowed}.booking-summary-modal__counter span{font-weight:500;color:var(--text-primary);min-width:50px;text-align:center}.booking-summary-modal__duration-note{color:var(--text-tertiary);font-size:14px;font-style:italic}.booking-summary-modal__time-slot{position:relative}.booking-summary-modal__time-slot.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.booking-summary-modal__time-slot.disabled:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.booking-summary-modal__time-slot-duration{position:absolute;top:4px;right:4px;background:var(--accent-primary);color:#fff;font-size:10px;padding:2px 4px;border-radius:4px;font-weight:500}.booking-summary-modal__field-option{position:relative}.booking-summary-modal__field-option.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.booking-summary-modal__field-option.disabled:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.booking-summary-modal__field-checkbox{position:absolute;top:8px;right:8px}.booking-summary-modal__field-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent-primary)}.booking-summary-modal__summary-breakdown{margin:8px 0;padding:8px;background:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-secondary)}.booking-summary-modal__summary-breakdown-title{font-weight:600;color:var(--text-primary);margin-bottom:4px;font-size:14px}.booking-summary-modal__summary-breakdown-item{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary);margin-bottom:2px}.booking-summary-modal__summary-breakdown-item:last-child{margin-bottom:0}@media (max-width: 1024px){.booking-summary-modal__main{flex-direction:column}.booking-summary-modal__sidebar{width:100%;order:-1}.booking-summary-modal__steps{flex:1;overflow-y:visible;padding-right:0}}@media (max-width: 768px){.booking-summary-modal__content{max-width:100%;margin:8px;padding:16px;max-height:95vh}.booking-summary-modal__main{gap:16px;flex:1;min-height:0;overflow-y:auto}.booking-summary-modal__steps{flex:none;overflow-y:visible;padding-right:0;min-height:auto}.booking-summary-modal__step{margin-bottom:16px}.booking-summary-modal__time-grid{grid-template-columns:repeat(4,minmax(80px,1fr))}.booking-summary-modal__field-grid,.booking-summary-modal__payment-grid{grid-template-columns:1fr}.booking-summary-modal__step-content{padding:16px}.booking-summary-modal__sidebar{flex-shrink:0}.booking-summary-modal__step-header{margin-bottom:12px}.booking-summary-modal__step-number{width:28px;height:28px;font-size:12px}.booking-summary-modal__step-title{font-size:16px}}@media (max-width: 480px){.booking-summary-modal{padding:20px 8px 8px;align-items:flex-start}.booking-summary-modal__content{margin:0;padding:12px;border-radius:8px;max-height:calc(100vh - 40px);min-height:auto}.booking-summary-modal__main{gap:12px;flex:1;overflow-y:auto}.booking-summary-modal__steps{flex:none;overflow-y:visible;padding-right:0;max-height:none}.booking-summary-modal__step-content{padding:12px}.booking-summary-modal__time-grid{grid-template-columns:repeat(3,minmax(70px,1fr));gap:8px}.booking-summary-modal__time-slot{padding:12px 8px}.booking-summary-modal__field-option,.booking-summary-modal__payment-option{padding:12px}.booking-summary-modal__sidebar{order:-1;margin-bottom:8px}.booking-summary-modal__progress{padding:12px}.booking-summary-modal__progress-steps{gap:12px}.booking-summary-modal__progress-step-icon{width:28px;height:28px;font-size:12px}.booking-summary-modal__summary{padding:12px}}@media (max-height: 600px){.booking-summary-modal__content{max-height:95vh}.booking-summary-modal__main{flex:1;min-height:0;overflow-y:auto}.booking-summary-modal__steps{flex:none;overflow-y:visible;max-height:none}}@media (max-width: 768px) and (orientation: landscape){.booking-summary-modal{padding:10px 4px 4px;align-items:flex-start}.booking-summary-modal__content{max-height:calc(100vh - 20px);padding:16px}.booking-summary-modal__main{flex-direction:row;gap:16px}.booking-summary-modal__sidebar{width:300px;order:1;flex-shrink:0}.booking-summary-modal__steps{flex:1;overflow-y:auto;padding-right:8px}}@media (pointer: coarse){.booking-summary-modal__time-slot,.booking-summary-modal__field-option,.booking-summary-modal__payment-option{min-height:44px;padding:16px}.booking-summary-modal__progress-step-item.clickable{min-height:44px;padding:8px 0}}.booking-summary-modal__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;min-height:200px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:16px}.booking-summary-modal__loading-spinner{font-size:24px;margin-bottom:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.booking-summary-modal__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;background:#fee;border:1px solid #fcc;border-radius:8px;margin-bottom:16px;color:#c33}.booking-summary-modal__error-icon{font-size:24px;margin-bottom:8px}.booking-summary-modal__error button{margin-top:8px;padding:8px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.booking-summary-modal__error button:hover{background:var(--accent-secondary)}.booking-summary_modal__summary-value{color:var(--text-primary)}.google-map{display:flex;flex-direction:column;justify-content:center;position:relative;width:100%;height:200px;border:2px solid #ccc;border-radius:8px;overflow:hidden}.map-widget{background-color:var(--bg-secondary);border-radius:1rem;border:1px solid var(--border-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1rem;transition:all .3s ease}.dark .map-widget{background-color:var(--bg-tertiary);border-color:var(--border-secondary);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000001a}.map-widget__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.map-widget__title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.map-widget__controls{display:flex;align-items:center;gap:.5rem}.map-widget__maximize{color:var(--text-secondary)}.map-widget__view-toggle{display:flex;background-color:var(--bg-primary);border-radius:.25rem;padding:.125rem}.map-widget__view-button{padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;border:none;cursor:pointer;transition:all .2s ease}.map-widget__view-button--active{background-color:#a259ff;color:#fff}.map-widget__view-button--inactive{background-color:transparent;color:var(--text-secondary)}.map-widget__map-container{position:relative;background:linear-gradient(135deg,#22c55e1a,#3b82f61a);border-radius:.5rem;overflow:hidden;height:200px;background-color:var(--bg-primary)}.map-widget__map-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#22c55e1a,#3b82f61a)}.map-widget__markers{position:absolute;top:.5rem;right:.5rem;bottom:.5rem;left:.5rem}.map-widget__marker{position:absolute;cursor:pointer;transform:translate(-50%,-50%);z-index:10;transition:all .3s ease}.map-widget__marker--selected{z-index:20}.map-widget__marker-icon{width:1.5rem;height:1.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #ffffff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transition:all .3s ease}.map-widget__marker-icon:hover{transform:scale(1.1)}.map-widget__marker-icon--badminton{background-color:#22c55e}.map-widget__marker-icon--football{background-color:#3b82f6}.map-widget__marker-icon--tennis{background-color:#f97316}.map-widget__marker-icon--basketball{background-color:#a855f7}.map-widget__marker-icon--default{background-color:#6b7280}.map-widget__popup{position:absolute;top:2rem;left:50%;transform:translate(-50%);background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:.5rem;padding:.5rem;min-width:10rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:30}.dark .map-widget__popup{background-color:#1f2937;border-color:#374151;box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}.map-widget__popup-name{color:var(--text-primary);font-weight:500;font-size:.75rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-widget__popup-location{color:var(--text-secondary);font-size:.75rem;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-widget__popup-info{display:flex;align-items:center;justify-content:space-between}.map-widget__popup-rating{display:flex;align-items:center;gap:.25rem}.map-widget__popup-rating-star{color:#fbbf24}.map-widget__popup-rating-text{color:var(--text-primary);font-size:.75rem}.map-widget__popup-price{color:#22c55e;font-size:.75rem;font-weight:500}.map-widget__current-location{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-widget__current-dot{width:.75rem;height:.75rem;background-color:#3b82f6;border-radius:50%;border:2px solid #ffffff;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;animation:pulse 2s infinite}.map-widget__current-ping{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1.5rem;height:1.5rem;background-color:#3b82f633;border-radius:50%;animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.map-widget__zoom-controls{position:absolute;top:.5rem;right:.5rem;display:flex;flex-direction:column;gap:.25rem}.map-widget__zoom-button{width:1.5rem;height:1.5rem;background-color:#ffffffe6;border:none;border-radius:.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.map-widget__zoom-button:hover{background-color:#fff}.map-widget__zoom-text{color:#374151;font-weight:700;font-size:.75rem}.map-widget__location-button{position:absolute;bottom:.5rem;right:.5rem;width:2rem;height:2rem;background-color:#ffffffe6;border:none;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.map-widget__location-button:hover{background-color:#fff}.map-widget__location-icon{color:#374151}.map-widget__legend{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.75rem}.map-widget__legend-item{display:flex;align-items:center;gap:.25rem}.map-widget__legend-dot{width:.5rem;height:.5rem;border-radius:50%}.map-widget__legend-text{color:var(--text-secondary);font-size:.75rem}.map-widget__list{max-height:16rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.map-widget__list-item{padding:.5rem;background-color:var(--bg-primary);border-radius:.5rem;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.map-widget__list-item:hover{background-color:var(--bg-secondary)}.map-widget__list-item--selected{border-color:#a259ff}.map-widget__list-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.25rem}.map-widget__list-item-title{color:var(--text-primary);font-weight:500;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:.5rem}.map-widget__list-item-badge{padding:.125rem .375rem;border-radius:.25rem;font-size:.75rem;color:#fff;flex-shrink:0}.map-widget__list-item-info{display:flex;align-items:center;justify-content:space-between;font-size:.75rem}.map-widget__list-item-location{display:flex;align-items:center;color:var(--text-secondary);flex:1;margin-right:.5rem}.map-widget__list-item-location-icon{margin-right:.25rem;flex-shrink:0}.map-widget__list-item-location-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.map-widget__list-item-stats{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.map-widget__list-item-rating{display:flex;align-items:center;gap:.25rem}.map-widget__list-item-rating-star{color:#fbbf24}.map-widget__list-item-rating-text{color:var(--text-primary)}.map-widget__list-item-price{color:#22c55e;font-weight:500}.map-widget__actions{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-primary)}.map-widget__actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.map-widget__action-button{display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.map-widget__action-button:hover{background-color:var(--bg-secondary)}.map-widget__action-button-icon--nearest{color:#fbbf24}.map-widget__action-button-icon--available{color:#22c55e}.map-widget__action-button-text{color:var(--text-primary);font-size:.75rem}@keyframes ping{75%,to{transform:translate(-50%,-50%) scale(2);opacity:0}}.map-widget__list::-webkit-scrollbar{width:4px}.map-widget__list::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:2px}.map-widget__list::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:2px}.map-widget__list::-webkit-scrollbar-thumb:hover{background:var(--border-secondary)}@media (max-width: 640px){.map-widget{padding:.75rem}.map-widget__map-container{height:150px}.map-widget__legend{flex-direction:column;gap:.125rem}.map-widget__actions-grid{grid-template-columns:1fr}}.leaflet-pane,.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-tile-container,.leaflet-pane>svg,.leaflet-pane>canvas,.leaflet-zoom-box,.leaflet-image-layer,.leaflet-layer{position:absolute;left:0;top:0}.leaflet-container{overflow:hidden}.leaflet-tile,.leaflet-marker-icon,.leaflet-marker-shadow{-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.leaflet-tile::-moz-selection{background:transparent}.leaflet-tile::selection{background:transparent}.leaflet-safari .leaflet-tile{image-rendering:-webkit-optimize-contrast}.leaflet-safari .leaflet-tile-container{width:1600px;height:1600px;-webkit-transform-origin:0 0}.leaflet-marker-icon,.leaflet-marker-shadow{display:block}.leaflet-container .leaflet-overlay-pane svg{max-width:none!important;max-height:none!important}.leaflet-container .leaflet-marker-pane img,.leaflet-container .leaflet-shadow-pane img,.leaflet-container .leaflet-tile-pane img,.leaflet-container img.leaflet-image-layer,.leaflet-container .leaflet-tile{max-width:none!important;max-height:none!important;width:auto;padding:0}.leaflet-container img.leaflet-tile{mix-blend-mode:plus-lighter}.leaflet-container.leaflet-touch-zoom{touch-action:pan-x pan-y}.leaflet-container.leaflet-touch-drag{touch-action:none;touch-action:pinch-zoom}.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom{touch-action:none}.leaflet-container{-webkit-tap-highlight-color:transparent}.leaflet-container a{-webkit-tap-highlight-color:rgba(51,181,229,.4)}.leaflet-tile{filter:inherit;visibility:hidden}.leaflet-tile-loaded{visibility:inherit}.leaflet-zoom-box{width:0;height:0;box-sizing:border-box;z-index:800}.leaflet-overlay-pane svg{-moz-user-select:none}.leaflet-pane{z-index:400}.leaflet-tile-pane{z-index:200}.leaflet-overlay-pane{z-index:400}.leaflet-shadow-pane{z-index:500}.leaflet-marker-pane{z-index:600}.leaflet-tooltip-pane{z-index:650}.leaflet-popup-pane{z-index:700}.leaflet-map-pane canvas{z-index:100}.leaflet-map-pane svg{z-index:200}.leaflet-vml-shape{width:1px;height:1px}.lvml{behavior:url(#default#VML);display:inline-block;position:absolute}.leaflet-control{position:relative;z-index:800;pointer-events:visiblePainted;pointer-events:auto}.leaflet-top,.leaflet-bottom{position:absolute;z-index:1000;pointer-events:none}.leaflet-top{top:0}.leaflet-right{right:0}.leaflet-bottom{bottom:0}.leaflet-left{left:0}.leaflet-control{float:left;clear:both}.leaflet-right .leaflet-control{float:right}.leaflet-top .leaflet-control{margin-top:10px}.leaflet-bottom .leaflet-control{margin-bottom:10px}.leaflet-left .leaflet-control{margin-left:10px}.leaflet-right .leaflet-control{margin-right:10px}.leaflet-fade-anim .leaflet-popup{opacity:0;transition:opacity .2s linear}.leaflet-fade-anim .leaflet-map-pane .leaflet-popup{opacity:1}.leaflet-zoom-animated{transform-origin:0 0}svg.leaflet-zoom-animated{will-change:transform}.leaflet-zoom-anim .leaflet-zoom-animated{transition:transform .25s cubic-bezier(0,0,.25,1)}.leaflet-zoom-anim .leaflet-tile,.leaflet-pan-anim .leaflet-tile{transition:none}.leaflet-zoom-anim .leaflet-zoom-hide{visibility:hidden}.leaflet-interactive{cursor:pointer}.leaflet-grab{cursor:grab}.leaflet-crosshair,.leaflet-crosshair .leaflet-interactive{cursor:crosshair}.leaflet-popup-pane,.leaflet-control{cursor:auto}.leaflet-dragging .leaflet-grab,.leaflet-dragging .leaflet-grab .leaflet-interactive,.leaflet-dragging .leaflet-marker-draggable{cursor:move;cursor:grabbing}.leaflet-marker-icon,.leaflet-marker-shadow,.leaflet-image-layer,.leaflet-pane>svg path,.leaflet-tile-container{pointer-events:none}.leaflet-marker-icon.leaflet-interactive,.leaflet-image-layer.leaflet-interactive,.leaflet-pane>svg path.leaflet-interactive,svg.leaflet-image-layer.leaflet-interactive path{pointer-events:visiblePainted;pointer-events:auto}.leaflet-container{background:#ddd;outline-offset:1px}.leaflet-container a{color:#0078a8}.leaflet-zoom-box{border:2px dotted #38f;background:#ffffff80}.leaflet-container{font-family:Helvetica Neue,Arial,Helvetica,sans-serif;font-size:12px;font-size:.75rem;line-height:1.5}.leaflet-bar{box-shadow:0 1px 5px #000000a6;border-radius:4px}.leaflet-bar a{background-color:#fff;border-bottom:1px solid #ccc;width:26px;height:26px;line-height:26px;display:block;text-align:center;text-decoration:none;color:#000}.leaflet-bar a,.leaflet-control-layers-toggle{background-position:50% 50%;background-repeat:no-repeat;display:block}.leaflet-bar a:hover,.leaflet-bar a:focus{background-color:#f4f4f4}.leaflet-bar a:first-child{border-top-left-radius:4px;border-top-right-radius:4px}.leaflet-bar a:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border-bottom:none}.leaflet-bar a.leaflet-disabled{cursor:default;background-color:#f4f4f4;color:#bbb}.leaflet-touch .leaflet-bar a{width:30px;height:30px;line-height:30px}.leaflet-touch .leaflet-bar a:first-child{border-top-left-radius:2px;border-top-right-radius:2px}.leaflet-touch .leaflet-bar a:last-child{border-bottom-left-radius:2px;border-bottom-right-radius:2px}.leaflet-control-zoom-in,.leaflet-control-zoom-out{font:700 18px Lucida Console,Monaco,monospace;text-indent:1px}.leaflet-touch .leaflet-control-zoom-in,.leaflet-touch .leaflet-control-zoom-out{font-size:22px}.leaflet-control-layers{box-shadow:0 1px 5px #0006;background:#fff;border-radius:5px}.leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC);width:36px;height:36px}.leaflet-retina .leaflet-control-layers-toggle{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=);background-size:26px 26px}.leaflet-touch .leaflet-control-layers-toggle{width:44px;height:44px}.leaflet-control-layers .leaflet-control-layers-list,.leaflet-control-layers-expanded .leaflet-control-layers-toggle{display:none}.leaflet-control-layers-expanded .leaflet-control-layers-list{display:block;position:relative}.leaflet-control-layers-expanded{padding:6px 10px 6px 6px;color:#333;background:#fff}.leaflet-control-layers-scrollbar{overflow-y:scroll;overflow-x:hidden;padding-right:5px}.leaflet-control-layers-selector{margin-top:2px;position:relative;top:1px}.leaflet-control-layers label{display:block;font-size:13px;font-size:1.08333em}.leaflet-control-layers-separator{height:0;border-top:1px solid #ddd;margin:5px -10px 5px -6px}.leaflet-default-icon-path{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)}.leaflet-container .leaflet-control-attribution{background:#fff;background:#fffc;margin:0}.leaflet-control-attribution,.leaflet-control-scale-line{padding:0 5px;color:#333;line-height:1.4}.leaflet-control-attribution a{text-decoration:none}.leaflet-control-attribution a:hover,.leaflet-control-attribution a:focus{text-decoration:underline}.leaflet-attribution-flag{display:inline!important;vertical-align:baseline!important;width:1em;height:.6669em}.leaflet-left .leaflet-control-scale{margin-left:5px}.leaflet-bottom .leaflet-control-scale{margin-bottom:5px}.leaflet-control-scale-line{border:2px solid #777;border-top:none;line-height:1.1;padding:2px 5px 1px;white-space:nowrap;box-sizing:border-box;background:#fffc;text-shadow:1px 1px #fff}.leaflet-control-scale-line:not(:first-child){border-top:2px solid #777;border-bottom:none;margin-top:-2px}.leaflet-control-scale-line:not(:first-child):not(:last-child){border-bottom:2px solid #777}.leaflet-touch .leaflet-control-attribution,.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{box-shadow:none}.leaflet-touch .leaflet-control-layers,.leaflet-touch .leaflet-bar{border:2px solid rgba(0,0,0,.2);background-clip:padding-box}.leaflet-popup{position:absolute;text-align:center;margin-bottom:20px}.leaflet-popup-content-wrapper{padding:1px;text-align:left;border-radius:12px}.leaflet-popup-content{margin:13px 24px 13px 20px;line-height:1.3;font-size:13px;font-size:1.08333em;min-height:1px}.leaflet-popup-content p{margin:1.3em 0}.leaflet-popup-tip-container{width:40px;height:20px;position:absolute;left:50%;margin-top:-1px;margin-left:-20px;overflow:hidden;pointer-events:none}.leaflet-popup-tip{width:17px;height:17px;padding:1px;margin:-10px auto 0;pointer-events:auto;transform:rotate(45deg)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#fff;color:#333;box-shadow:0 3px 14px #0006}.leaflet-container a.leaflet-popup-close-button{position:absolute;top:0;right:0;border:none;text-align:center;width:24px;height:24px;font:16px/24px Tahoma,Verdana,sans-serif;color:#757575;text-decoration:none;background:transparent}.leaflet-container a.leaflet-popup-close-button:hover,.leaflet-container a.leaflet-popup-close-button:focus{color:#585858}.leaflet-popup-scrolled{overflow:auto}.leaflet-oldie .leaflet-popup-content-wrapper{-ms-zoom:1}.leaflet-oldie .leaflet-popup-tip{width:24px;margin:0 auto;-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";filter:progid:DXImageTransform.Microsoft.Matrix(M11=.70710678,M12=.70710678,M21=-.70710678,M22=.70710678)}.leaflet-oldie .leaflet-control-zoom,.leaflet-oldie .leaflet-control-layers,.leaflet-oldie .leaflet-popup-content-wrapper,.leaflet-oldie .leaflet-popup-tip{border:1px solid #999}.leaflet-div-icon{background:#fff;border:1px solid #666}.leaflet-tooltip{position:absolute;padding:6px;background-color:#fff;border:1px solid #fff;border-radius:3px;color:#222;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;box-shadow:0 1px 3px #0006}.leaflet-tooltip.leaflet-interactive{cursor:pointer;pointer-events:auto}.leaflet-tooltip-top:before,.leaflet-tooltip-bottom:before,.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{position:absolute;pointer-events:none;border:6px solid transparent;background:transparent;content:""}.leaflet-tooltip-bottom{margin-top:6px}.leaflet-tooltip-top{margin-top:-6px}.leaflet-tooltip-bottom:before,.leaflet-tooltip-top:before{left:50%;margin-left:-6px}.leaflet-tooltip-top:before{bottom:0;margin-bottom:-12px;border-top-color:#fff}.leaflet-tooltip-bottom:before{top:0;margin-top:-12px;margin-left:-6px;border-bottom-color:#fff}.leaflet-tooltip-left{margin-left:-6px}.leaflet-tooltip-right{margin-left:6px}.leaflet-tooltip-left:before,.leaflet-tooltip-right:before{top:50%;margin-top:-6px}.leaflet-tooltip-left:before{right:0;margin-right:-12px;border-left-color:#fff}.leaflet-tooltip-right:before{left:0;margin-left:-12px;border-right-color:#fff}@media print{.leaflet-control{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.venue-card{background-color:var(--bg-secondary);border-radius:1rem;border:1px solid var(--border-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:all .3s ease;overflow:hidden}.dark .venue-card{background-color:var(--bg-tertiary);border-color:var(--border-secondary);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000001a}.venue-card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dark .venue-card:hover{box-shadow:0 20px 25px -5px #0006,0 10px 10px -5px #0003}.venue-card__content{display:flex;flex-direction:column;gap:.75rem;padding:1rem}.venue-card__image-container{position:relative}.venue-card__image{width:100%;height:12rem;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}.venue-card__badge{position:absolute;top:.5rem;left:.5rem;background-color:#a8ff00;color:#000;font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;font-weight:500}.venue-card__favorite-save{position:absolute;top:.5rem;right:.5rem;font-size:1rem;padding:0 .5rem;cursor:pointer}.venue-card__favorite-save .btn{background-color:transparent;margin-left:16px;font-size:20px}.venue-card__favorite-save .btn.btn-favorite{color:#ff3863}.venue-card__favorite-save .btn.btn-save{color:#ffc107}.venue-card__favorite-save .btn i{text-shadow:0 0 2px #ffffff80}.venue-card__rating{position:absolute;top:.5rem;right:5rem;background-color:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:.5rem;padding:.25rem .5rem;display:flex;align-items:center;gap:.25rem}.venue-card__rating-star{color:#fbbf24;fill:currentColor}.venue-card__rating-text{color:#fff;font-size:1rem;font-weight:500}.venue-card__rating-reviews{color:#d1d5db;font-size:1rem}.venue-card__info{flex:1;display:flex;flex-direction:column;justify-content:space-between}.venue-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.venue-card__title{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.venue-card__location{display:flex;align-items:center;color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.venue-card__location-icon{margin-right:.25rem;flex-shrink:0}.venue-card__location-text{overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;white-space:normal;max-width:100%}.venue-card__description{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.venue-card__amenities{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem}.venue-card__amenity{display:flex;align-items:center;color:var(--text-secondary);font-size:.75rem;gap:.25rem}.venue-card__amenity-more{font-size:.75rem;color:var(--text-secondary)}.venue-card__slots{margin-bottom:.75rem}.venue-card__slots-container{display:flex;gap:.5rem}.venue-card__slot-button{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;padding:.5rem;text-align:center;transition:all .3s ease;cursor:pointer;flex:1}.venue-card__slot-button:hover{background-color:#a8ff00;border-color:#a8ff00;color:#000;transform:scale(1.05)}.venue-card__slot-time{color:var(--text-primary);font-size:.75rem;font-weight:500}.venue-card__slot-price{color:#22c55e;font-size:.75rem}.venue-card__slot-button:hover .venue-card__slot-time,.venue-card__slot-button:hover .venue-card__slot-price{color:#000}.venue-card__slot-more{background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:.5rem;padding:.5rem;text-align:center;transition:all .3s ease;cursor:pointer;flex:1}.venue-card__slot-more:hover{background-color:#3b82f6;border-color:#3b82f6;transform:scale(1.05)}.venue-card__slot-more-text{color:#3b82f6;font-size:.75rem}.venue-card__slot-more:hover .venue-card__slot-more-text{color:#fff}.venue-card__actions{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--border-primary)}.venue-card__price{text-align:left}.venue-card__price-text{font-size:1.125rem;font-weight:700;color:#22c55e}.venue-card__price-unit{color:var(--text-secondary);font-size:.75rem;margin-left:.25rem}.venue-card__book-button{background-color:#a259ff;color:#fff;border:none;border-radius:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.venue-card__book-button:hover{background-color:#9147e6;transform:translateY(-1px)}@media (max-width: 640px){.venue-card__content{padding:.75rem}.venue-card__image{height:6rem}.venue-card__title{font-size:1rem}.venue-card__location{font-size:.8125rem}.venue-card__slots-container{flex-direction:column;gap:.25rem}.venue-card__actions{flex-direction:column;gap:.5rem;align-items:stretch}.venue-card__book-button{width:100%}}.weather-widget{background-color:var(--bg-secondary);border-radius:1rem;border:1px solid var(--border-primary);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1rem;transition:all .3s ease}.dark .weather-widget{background-color:var(--bg-tertiary);border-color:var(--border-secondary);box-shadow:0 10px 15px -3px #0000004d,0 4px 6px -2px #0000001a}.weather-widget__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.weather-widget__title{font-size:.875rem;font-weight:600;color:var(--text-primary)}.weather-widget__current{display:flex;align-items:center;justify-content:space-between}.weather-widget__current-info{display:flex;align-items:center;gap:.5rem}.weather-widget__icon{display:flex;align-items:center;justify-content:center}.weather-widget__icon--sunny{color:#fbbf24}.weather-widget__icon--cloudy{color:#9ca3af}.weather-widget__icon--rainy{color:#60a5fa}.weather-widget__temperature{font-size:1.125rem;font-weight:700;color:var(--text-primary)}.weather-widget__condition{color:var(--text-secondary);font-size:.75rem}.weather-widget__details{text-align:right;display:flex;flex-direction:column;gap:.125rem}.weather-widget__detail{display:flex;align-items:center;color:var(--text-secondary);font-size:.75rem;gap:.25rem}.weather-widget__detail-icon{flex-shrink:0}.weather-widget__forecast{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-primary)}.weather-widget__forecast-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem}.weather-widget__forecast-item{text-align:center;padding:.25rem;border-radius:.375rem;transition:all .2s ease}.weather-widget__forecast-item:hover{background-color:var(--bg-primary)}.weather-widget__forecast-time{font-size:.75rem;color:var(--text-secondary)}.weather-widget__forecast-icon{display:flex;justify-content:center;margin:.125rem 0}.weather-widget__forecast-temp{font-size:.75rem;color:var(--text-primary);font-weight:500}.weather-widget__daily{margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border-primary)}.weather-widget__daily-item{display:flex;align-items:center;justify-content:space-between;padding:.25rem 0;border-radius:.375rem;transition:all .2s ease}.weather-widget__daily-item:hover{background-color:var(--bg-primary);padding-left:.5rem;padding-right:.5rem}.weather-widget__daily-day{font-size:.75rem;color:var(--text-secondary);min-width:3rem}.weather-widget__daily-condition{display:flex;align-items:center;gap:.25rem;flex:1}.weather-widget__daily-temp{font-size:.75rem;color:var(--text-primary);font-weight:500}.weather-widget__daily-high{color:var(--text-primary)}.weather-widget__daily-low{color:var(--text-secondary)}@media (max-width: 640px){.weather-widget{padding:.75rem}.weather-widget__current{flex-direction:column;gap:.5rem;align-items:flex-start}.weather-widget__details{align-self:flex-end}.weather-widget__forecast-grid{grid-template-columns:repeat(3,1fr)}.weather-widget__daily-item{flex-direction:column;align-items:flex-start;gap:.25rem}}.booking-page{min-height:100vh;background:var(--bg-primary)}.booking-page__hero{position:relative;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 50%,var(--bg-tertiary) 100%);padding-top:5rem;padding-bottom:2rem}.booking-page__hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://images.pexels.com/photos/3660204/pexels-photo-3660204.jpeg?auto=compress&cs=tinysrgb&w=1920&h=1080&fit=crop);background-size:cover;background-position:center;opacity:.1}.booking-page__hero-content{position:relative;max-width:72rem;margin:0 auto;padding:0 1rem}.booking-page__hero-text{text-align:center;max-width:64rem;margin:0 auto}.booking-page__hero-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}@media (min-width: 1024px){.booking-page__hero-title{font-size:3rem}}.booking-page__hero-subtitle{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,var(--accent-primary),var(--info));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;margin-bottom:1.5rem}@media (min-width: 1024px){.booking-page__hero-subtitle{font-size:1.5rem}}.booking-page__hero-description{font-size:1.125rem;color:var(--text-secondary);margin-bottom:1.5rem;max-width:32rem;margin-left:auto;margin-right:auto}.booking-page__scroll-indicator{display:flex;flex-direction:column;align-items:center;margin-top:2rem}.booking-page__scroll-hint{display:flex;align-items:center;gap:.5rem;background:var(--bg-tertiary);-webkit-backdrop-filter:blur(.5rem);backdrop-filter:blur(.5rem);border:1px solid var(--border-primary);border-radius:9999px;padding:.5rem 1rem;margin-bottom:1rem}.booking-page__scroll-text{color:var(--text-primary);font-size:.875rem;font-weight:500}.booking-page__scroll-arrow{animation:bounce 2s infinite}.booking-page__scroll-icon{color:var(--accent-primary)}.booking-page__container{max-width:88rem;margin:0 auto;padding:1.5rem 1rem}.booking-page__filters{margin-bottom:1.5rem}.booking-page__filters-header{display:flex;align-items:center;margin-bottom:1rem}.booking-page__filters-title{display:flex;align-items:center;background:var(--accent-primary);color:var(--bg-primary);padding:.5rem .75rem;border-radius:.5rem;font-weight:600;margin-right:1rem}.booking-page__filters-icon{margin-right:.5rem}.booking-page__filters-count{background:var(--error);color:var(--text-primary);border-radius:50%;padding:.125rem .375rem;font-size:.75rem;font-weight:700;margin-left:.5rem}.booking-page__filter-controls{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:.75rem;padding:1rem;box-shadow:var(--shadow-primary)}.booking-page__filter-row{display:grid;grid-template-columns:1fr;gap:1rem;margin-bottom:1rem}@media (min-width: 768px){.booking-page__filter-row{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.booking-page__filter-row{grid-template-columns:repeat(4,1fr)}}.booking-page__filter-row:last-child{margin-bottom:0;padding-top:1rem;border-top:1px solid var(--border-secondary)}.booking-page__filter-group{display:flex;flex-direction:column;gap:.5rem}.booking-page__filter-label{font-size:.75rem;font-weight:500;color:var(--text-tertiary)}.booking-page__search-wrapper{position:relative}.booking-page__search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.booking-page__search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;transition:border-color .2s ease;height:2.5rem}.booking-page__search-input:focus{outline:none;border-color:var(--accent-primary)}.booking-page__search-input::-moz-placeholder{color:var(--text-tertiary)}.booking-page__search-input::placeholder{color:var(--text-tertiary)}.booking-page__date-wrapper{position:relative}.booking-page__date-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.booking-page__date-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;transition:border-color .2s ease;height:2.5rem}.booking-page__date-input:focus{outline:none;border-color:var(--accent-primary)}.booking-page__select-wrapper{position:relative}.booking-page__select{width:100%;padding:.5rem 2rem .5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2.5rem}.booking-page__select:focus{outline:none;border-color:var(--accent-primary)}.booking-page__select option{background:var(--bg-tertiary);color:var(--text-primary)}.booking-page__select-arrow{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.booking-page__time-wrapper{position:relative}.booking-page__time-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.booking-page__time-select{width:100%;padding:.5rem 2rem .5rem 2.5rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;transition:border-color .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2.5rem}.booking-page__time-select:focus{outline:none;border-color:var(--accent-primary)}.booking-page__time-select option{background:var(--bg-tertiary);color:var(--text-primary)}.booking-page__price-range{width:100%;height:.5rem;background:var(--bg-quaternary);border-radius:.25rem;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.booking-page__price-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:1.25rem;height:1.25rem;background:var(--accent-primary);border-radius:50%;cursor:pointer}.booking-page__price-range::-moz-range-thumb{width:1.25rem;height:1.25rem;background:var(--accent-primary);border-radius:50%;cursor:pointer;border:none}.booking-page__price-labels{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.75rem;color:var(--text-tertiary)}.booking-page__price-value{color:var(--accent-primary);font-weight:700}.booking-page__rating-filter{display:flex;gap:.25rem;justify-content:center;margin-bottom:.5rem}.booking-page__rating-star{background:none;border:none;cursor:pointer;transition:color .2s ease;color:var(--border-secondary)}.booking-page__rating-star:hover,.booking-page__rating-star--active{color:var(--warning)}.booking-page__rating-star-filled{fill:currentColor}.booking-page__rating-reset{text-align:center}.booking-page__rating-reset-btn{background:none;border:none;color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:color .2s ease}.booking-page__rating-reset-btn:hover{color:var(--text-secondary)}.booking-page__amenities-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.25rem}.booking-page__amenity-item{display:flex;flex-direction:column;align-items:center;padding:.25rem;border-radius:.5rem;border:1px solid var(--border-secondary);background:var(--bg-tertiary);cursor:pointer;transition:all .2s ease;color:var(--text-tertiary)}.booking-page__amenity-item:hover{transform:scale(1.05);border-color:var(--border-primary)}.booking-page__amenity-item--active{border-color:var(--accent-primary);background:var(--bg-secondary);color:var(--accent-primary)}.booking-page__amenity-checkbox{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.booking-page__amenity-icon{font-size:.75rem;margin-bottom:.125rem}.booking-page__amenity-label{font-size:.625rem;text-align:center;line-height:1.1}.booking-page__amenities-reset{width:100%;font-size:.75rem;color:var(--text-tertiary);background:none;border:none;cursor:pointer;transition:color .2s ease;margin-top:.5rem}.booking-page__amenities-reset:hover{color:var(--text-primary)}.booking-page__active-filters{margin-bottom:1.5rem}.booking-page__active-filters-list{display:flex;flex-wrap:wrap;gap:.55rem;margin-bottom:.5rem}.booking-page__active-filter{display:inline-flex;align-items:center;gap:.5rem;padding:.3rem .5rem .4rem;border-radius:9999px;background:linear-gradient(90deg,#a259ff,#3f24f1ed);color:#fff;font-size:.9rem;font-weight:600;box-shadow:0 4px 16px #1ec8c821;position:relative;border:none;transition:box-shadow .2s,transform .2s}.booking-page__active-filter--amenity{background:linear-gradient(90deg,#a259ff,#3f24f1ed)}.booking-page__active-filter-dot{width:.4rem;height:.4rem;background:#fff;opacity:.7;border-radius:50%;margin-right:.3rem}.booking-page__active-filter-remove{display:flex;align-items:center;justify-content:center;margin-left:.3rem;padding:.1rem .2rem;background:none;border:none;border-radius:50%;color:#fff;font-size:.8rem;cursor:pointer;transition:background .15s}.booking-page__active-filter-remove:hover{background:#ffffff2e}.booking-page__sort-controls{display:flex;gap:.5rem}.booking-page__sort-wrapper{position:relative;flex:1}.booking-page__sort-select{width:100%;padding:.5rem 2rem .5rem .75rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:.5rem;color:var(--text-primary);font-size:.75rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:2.5rem}.booking-page__sort-select option{background:var(--bg-tertiary);color:var(--text-primary)}.booking-page__sort-arrow{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);pointer-events:none}.booking-page__clear-filters{padding:.25rem .75rem;background:var(--error);border:none;border-radius:.5rem;color:var(--text-primary);font-size:.75rem;cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;height:2.5rem}.booking-page__clear-filters:hover{background:var(--error-dark)}.booking-page__content{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 1024px){.booking-page__content{grid-template-columns:1fr 3fr}}.booking-page__sidebar{order:2}@media (min-width: 1024px){.booking-page__sidebar{order:1}}.booking-page__sidebar-sticky{position:sticky;top:5rem;display:flex;flex-direction:column;gap:1rem}.booking-page__venues{order:1}@media (min-width: 1024px){.booking-page__venues{order:2}}.venues-list-section{width:100%;overflow:hidden;box-sizing:border-box}.booking-page__venues-header{margin-bottom:1.5rem}.booking-page__results-summary{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-secondary);border-radius:.75rem;padding:1.25rem 1.5rem;margin-bottom:1rem;box-shadow:0 2px 8px #0000000a}.booking-page__results-content{display:flex;align-items:center;gap:1rem}.booking-page__results-icon{padding:.75rem;background:linear-gradient(135deg,var(--success),var(--success-dark));border-radius:.75rem;display:flex;align-items:center;justify-content:center}.booking-page__results-date{color:var(--text-primary);font-weight:700;font-size:1.1rem}.booking-page__results-details{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);font-size:.95rem;margin-top:.15rem}.booking-page__results-time{display:flex;align-items:center;gap:.25rem}.booking-page__results-time span{color:var(--success);font-weight:500}.booking-page__results-count{display:flex;align-items:center;gap:.25rem}.booking-page__results-count span{color:var(--text-primary);font-weight:700}.booking-page__results-total{text-align:right;min-width:70px}.booking-page__results-number{font-size:2.2rem;font-weight:800;color:var(--text-primary);line-height:1.1}.booking-page__results-label{font-size:.95rem;color:var(--text-tertiary);font-weight:500;margin-top:.1rem}.booking-page__venues-title-section{display:flex;align-items:center;gap:.75rem}.booking-page__venues-title-icon{padding:.5rem;background:#84cc161a;border-radius:.5rem}.booking-page__venues-title-icon span{font-weight:700;color:var(--text-primary)}.booking-page__venues-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.booking-page__venues-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.booking-page__venues-note{display:flex;align-items:center;gap:.5rem;background:var(--accent-primary);background-color:#84cc161a;border:1px solid var(--border-primary);border-radius:.5rem;padding:.5rem .75rem}.booking-page__venues-note span{color:var(--text-primary);font-size:.875rem;font-weight:500}@media (max-width: 767px){.booking-page__venues-header-row{flex-direction:column;align-items:flex-start;gap:.75rem}.booking-page__venues-note{display:none}}.booking-page__venues-grid{display:grid;grid-template-columns:1fr;gap:1rem;width:100%;overflow:hidden;box-sizing:border-box}@media (min-width: 1280px){.booking-page__venues-grid{grid-template-columns:repeat(2,1fr)}}.booking-page__venue-card{width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.booking-page__no-results{text-align:center;padding:4rem 1rem;background:var(--bg-secondary);border-radius:.75rem;border:1px solid var(--border-secondary);position:relative}.booking-page__no-results:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--info),var(--info-dark));opacity:.2;border-radius:.75rem;filter:blur(2rem)}.booking-page__no-results-icon{font-size:5rem;margin-bottom:1rem}.booking-page__no-results-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.booking-page__no-results-text{color:var(--text-secondary);margin-bottom:2rem;max-width:28rem;margin-left:auto;margin-right:auto}.booking-page__no-results-buttons{display:flex;flex-direction:column;gap:1rem;max-width:20rem;margin:0 auto}@media (min-width: 640px){.booking-page__no-results-buttons{flex-direction:row}}.booking-page__no-results-button{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:.5rem;font-weight:500;color:var(--text-primary);cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-secondary)}.booking-page__no-results-button:hover{transform:scale(1.05);box-shadow:var(--shadow-tertiary)}.booking-page__no-results-button--date{background:linear-gradient(135deg,var(--info),var(--info-dark))}.booking-page__no-results-button--clear{background:linear-gradient(135deg,var(--error),var(--error-dark))}.booking-page__scroll-to-venues{position:fixed;bottom:1.5rem;right:1.5rem;z-index:50;background:linear-gradient(135deg,var(--accent-primary),var(--success));color:var(--bg-primary);padding:1rem;border:none;border-radius:50%;box-shadow:var(--shadow-tertiary);cursor:pointer;transition:all .3s ease;display:block}.booking-page__scroll-to-venues:hover{transform:scale(1.1);box-shadow:var(--shadow-tertiary)}@media (min-width: 768px){.booking-page__scroll-to-venues{display:none}}.booking-page__scroll-button-content{display:flex;align-items:center;gap:.5rem}.booking-page__scroll-button-emoji{font-size:.875rem;font-weight:700}.booking-page__scroll-button-arrow{animation:bounce 2s infinite}.booking-page__scroll-tooltip{position:absolute;top:-3rem;right:0;background:var(--bg-tertiary);color:var(--text-primary);font-size:.75rem;padding:.25rem .5rem;border-radius:.25rem;opacity:0;transition:opacity .2s ease;white-space:nowrap;border:1px solid var(--border-primary);box-shadow:var(--shadow-primary)}.booking-page__scroll-to-venues:hover .booking-page__scroll-tooltip{opacity:1}.booking-page__loading{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.booking-page__loading:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-primary) 50%,var(--bg-tertiary) 100%);opacity:.9;z-index:-1}.booking-page__loading-container{position:relative;z-index:1;text-align:center;max-width:360px;padding:2rem;background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 40px #0000004d;border:1px solid var(--border-secondary);animation:loadingContainerPulse 3s infinite ease-in-out}@keyframes loadingContainerPulse{0%,to{transform:scale(1);box-shadow:0 20px 40px #0000004d}50%{transform:scale(1.02);box-shadow:0 25px 50px #0006}}.booking-page__loading-spinner{display:flex;justify-content:center;align-items:center;margin-bottom:2rem;height:100px;position:relative}.booking-page__loading-badminton{position:relative;width:80px;height:80px;animation:bounce 2s infinite ease-in-out}.booking-page__loading-shuttlecock{position:absolute;top:0;left:50%;transform:translate(-50%);font-size:24px;animation:shuttlecockFloat 3s infinite ease-in-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.booking-page__loading-racket{position:absolute;bottom:0;left:50%;transform:translate(-50%) rotate(45deg);font-size:20px;animation:racketSwing 2s infinite ease-in-out;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}@keyframes bounce{0%,20%,53%,80%,to{transform:translateY(0) scale(1)}40%,43%{transform:translateY(-20px) scale(1.1)}}@keyframes shuttlecockFloat{0%,to{transform:translate(-50%) translateY(0) rotate(0);opacity:1}25%{transform:translate(-50%) translateY(-15px) rotate(15deg);opacity:.8}50%{transform:translate(-50%) translateY(-8px) rotate(0);opacity:1}75%{transform:translate(-50%) translateY(-20px) rotate(-15deg);opacity:.8}}@keyframes racketSwing{0%,to{transform:translate(-50%) rotate(45deg) scale(1)}25%{transform:translate(-50%) rotate(35deg) scale(1.1)}50%{transform:translate(-50%) rotate(55deg) scale(1)}75%{transform:translate(-50%) rotate(25deg) scale(1.1)}}.booking-page__loading-text{margin-bottom:2rem;animation:textPulse 2s infinite ease-in-out}@keyframes textPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}.booking-page__loading-text h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.booking-page__loading-text p{font-size:1rem;color:var(--text-secondary);margin:0;opacity:.8}.booking-page__loading-progress{width:100%;position:relative}.booking-page__loading-bar{width:100%;height:6px;background:var(--bg-tertiary);border-radius:3px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.booking-page__loading-fill{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary),var(--accent-primary));background-size:200% 100%;border-radius:3px;width:0%;animation:loadingProgress 3s infinite ease-in-out,gradientShift 2s infinite ease-in-out;box-shadow:0 0 10px rgba(var(--accent-primary-rgb),.3)}@keyframes loadingProgress{0%{width:0%;transform:translate(-100%)}50%{width:100%;transform:translate(0)}to{width:100%;transform:translate(100%)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.booking-page__loading-container{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.booking-page__loading-container{max-width:320px;padding:1.5rem;margin:0 1rem}.booking-page__loading-text h2{font-size:1.25rem}.booking-page__loading-text p{font-size:.875rem}.booking-page__loading-badminton{width:60px;height:60px}.booking-page__loading-shuttlecock{font-size:20px}.booking-page__loading-racket{font-size:16px}.booking-page__loading-skeleton{grid-template-columns:1fr;gap:1rem}.booking-page__skeleton-filter-row{grid-template-columns:1fr}}@media (max-width: 480px){.booking-page__loading-container{max-width:280px;padding:1rem}.booking-page__loading-text h2{font-size:1.125rem}.booking-page__loading-badminton{width:50px;height:50px}.booking-page__loading-shuttlecock{font-size:18px}.booking-page__loading-racket{font-size:14px}}@media (min-width: 641px) and (max-width: 1024px){.booking-page__loading-skeleton,.booking-page__skeleton-filter-row{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px){.booking-page__loading-skeleton{grid-template-columns:repeat(3,1fr)}.booking-page__skeleton-filter-row{grid-template-columns:repeat(4,1fr)}}.booking-page__loading-skeleton-page{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-primary);z-index:1;opacity:.3}.booking-page__loading-skeleton-filters{padding:2rem 1rem;margin-bottom:2rem}.booking-page__skeleton-filter-header{height:40px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:1rem;width:300px;animation:shimmer 2s infinite linear}.booking-page__skeleton-filter-controls{background:var(--bg-secondary);border-radius:12px;padding:1.5rem;border:1px solid var(--border-primary)}.booking-page__skeleton-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.booking-page__skeleton-filter-item{height:40px;background:var(--bg-tertiary);border-radius:6px;animation:shimmer 2s infinite linear}.booking-page__loading-skeleton{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;padding:0 1rem}.booking-page__skeleton-card{background:var(--bg-secondary);border-radius:12px;padding:0;overflow:hidden;box-shadow:var(--shadow-primary);border:1px solid var(--border-primary);animation:shimmer 2s infinite linear}.booking-page__skeleton-image{height:180px;background:var(--bg-tertiary);margin-bottom:1rem;animation:shimmer 2s infinite linear}.booking-page__skeleton-header{height:24px;background:var(--bg-tertiary);border-radius:4px;margin:0 1.5rem 1rem;width:70%;animation:shimmer 2s infinite linear}.booking-page__skeleton-line{height:16px;background:var(--bg-tertiary);border-radius:4px;margin:0 1.5rem .5rem;animation:shimmer 2s infinite linear}.booking-page__skeleton-line--short{width:40%}.booking-page__skeleton-line--medium{width:60%}.booking-page__skeleton-line--long{width:80%}.booking-page__skeleton-slots{display:flex;gap:.5rem;margin:1rem 1.5rem;padding-bottom:1.5rem}.booking-page__skeleton-slot{height:32px;width:80px;background:var(--bg-tertiary);border-radius:4px;animation:shimmer 2s infinite linear}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.booking-page__skeleton-card,.booking-page__skeleton-header,.booking-page__skeleton-line,.booking-page__skeleton-image,.booking-page__skeleton-slot,.booking-page__skeleton-filter-header,.booking-page__skeleton-filter-item{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-secondary) 50%,var(--bg-tertiary) 75%);background-size:200px 100%;animation:shimmer 2s infinite linear}.card{border-radius:1rem;box-shadow:var(--shadow-primary);transition:all .3s ease;background-color:var(--bg-secondary);border:1px solid var(--border-primary)}.card--hover{cursor:pointer}.card--hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-tertiary);border-color:var(--border-secondary)}.card--glow:hover{box-shadow:0 20px 25px -5px var(--accent-primary),var(--shadow-tertiary);border-color:var(--accent-primary)}.card--padded{padding:1.5rem}.card--padded-sm{padding:1rem}.card--padded-lg{padding:2rem}.card--bordered{border:2px solid var(--border-primary)}.card--bordered-accent{border:2px solid var(--accent-primary)}.card--transparent{background-color:transparent;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card--glass{background-color:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-secondary)}.dark .card--glass{background-color:#0003;border:1px solid var(--border-tertiary)}.alert-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem}.alert-popup-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.alert-popup{position:relative;background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:100%;max-width:28rem;padding:2rem;animation:slideInUp .3s ease-out;z-index:10000}@media (prefers-color-scheme: dark){.alert-popup{background-color:#1f2937;color:#f9fafb}}.alert-popup__close{position:absolute;top:1rem;right:1rem;padding:.5rem;background:none;border:none;color:#9ca3af;cursor:pointer;border-radius:.5rem;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.alert-popup__close:hover{background-color:#f3f4f6;color:#374151}@media (prefers-color-scheme: dark){.alert-popup__close:hover{background-color:#374151;color:#d1d5db}}.alert-popup__content{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:1.5rem}.alert-popup__icon-wrapper{margin-bottom:1rem;animation:scaleIn .3s ease-out .1s both}.alert-popup__icon{stroke-width:2}.alert-popup__icon--success{color:#10b981}.alert-popup__icon--error{color:#ef4444}.alert-popup__icon--warning{color:#f59e0b}.alert-popup__icon--info{color:#3b82f6}.alert-popup__title{font-size:1.25rem;font-weight:700;margin:0 0 .5rem;color:#111827}@media (prefers-color-scheme: dark){.alert-popup__title{color:#f9fafb}}.alert-popup__message{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}@media (prefers-color-scheme: dark){.alert-popup__message{color:#d1d5db}}.alert-popup__actions{display:flex;gap:.75rem;justify-content:center}.alert-popup__button{padding:.75rem 1.5rem;border-radius:.5rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;min-width:6rem}.alert-popup__button--secondary{background-color:#f3f4f6;color:#374151}.alert-popup__button--secondary:hover{background-color:#e5e7eb}@media (prefers-color-scheme: dark){.alert-popup__button--secondary{background-color:#374151;color:#d1d5db}.alert-popup__button--secondary:hover{background-color:#4b5563}}.alert-popup__button--primary{color:#fff}.alert-popup__button--primary.alert-popup__button--success{background-color:#10b981}.alert-popup__button--primary.alert-popup__button--success:hover{background-color:#059669}.alert-popup__button--primary.alert-popup__button--error{background-color:#ef4444}.alert-popup__button--primary.alert-popup__button--error:hover{background-color:#dc2626}.alert-popup__button--primary.alert-popup__button--warning{background-color:#f59e0b}.alert-popup__button--primary.alert-popup__button--warning:hover{background-color:#d97706}.alert-popup__button--primary.alert-popup__button--info{background-color:#3b82f6}.alert-popup__button--primary.alert-popup__button--info:hover{background-color:#2563eb}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media (max-width: 640px){.alert-popup{max-width:calc(100% - 2rem);padding:1.5rem}.alert-popup__actions{flex-direction:column;width:100%}.alert-popup__button{width:100%}}.create-match-modal__choice{padding:2rem}.create-match-modal__title{font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;text-align:center}.create-match-modal__subtitle{color:var(--text-secondary);text-align:center;margin-bottom:2rem}.create-match-modal__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:2rem}.create-match-modal__option{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:16px;padding:2rem;text-align:center;cursor:pointer;transition:all .3s ease}.create-match-modal__option:hover{transform:translateY(-4px);border-color:var(--accent-primary);box-shadow:0 8px 20px var(--shadow-primary)}.create-match-modal__option-icon{width:64px;height:64px;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-hover) 100%);border-radius:50%;color:#fff}.create-match-modal__option h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.create-match-modal__option p{color:var(--text-secondary);font-size:.9rem;margin-bottom:1.5rem;line-height:1.5}.create-match-modal__option-btn{width:100%}.create-match-modal__form-container{padding:2rem;max-height:80vh;overflow-y:auto}.create-match-modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--border-primary)}.create-match-modal__header .create-match-modal__title{text-align:left;margin:0;font-size:1.5rem}.create-match-modal__form{display:flex;flex-direction:column;gap:1.5rem}.create-match-modal__field{display:flex;flex-direction:column;gap:.5rem}.create-match-modal__field label{font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.5rem;font-size:.95rem}.create-match-modal__field input,.create-match-modal__field select,.create-match-modal__field textarea{padding:.75rem 1rem;border:2px solid var(--border-primary);border-radius:8px;font-size:1rem;background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.create-match-modal__field input:focus,.create-match-modal__field select:focus,.create-match-modal__field textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #22c55e1a}.create-match-modal__field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.create-match-modal__error{background:#ef44441a;border:2px solid var(--error);border-radius:8px;padding:1rem;color:var(--error);display:flex;align-items:center;gap:.5rem;font-size:.9rem}.create-match-modal__bookings{display:flex;flex-direction:column;gap:1rem}.create-match-modal__bookings h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.create-match-modal__loading{text-align:center;padding:3rem;color:var(--text-secondary);font-size:1.1rem}.create-match-modal__empty{text-align:center;padding:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.create-match-modal__empty svg{color:var(--text-tertiary)}.create-match-modal__empty p{color:var(--text-secondary);font-size:1.1rem}.create-match-modal__booking-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto}.create-match-modal__booking-item{background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:12px;padding:1.5rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}.create-match-modal__booking-item:hover{border-color:var(--accent-primary);transform:translate(4px);box-shadow:0 4px 12px var(--shadow-primary)}.create-match-modal__booking-info h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.create-match-modal__booking-details{display:flex;flex-wrap:wrap;gap:1rem;font-size:.85rem;color:var(--text-secondary)}.create-match-modal__booking-details span{display:flex;align-items:center;gap:.25rem}.create-match-modal__booking-selected{background:linear-gradient(135deg,#22c55e1a,#16a34a0d);border:2px solid var(--accent-primary);border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.create-match-modal__booking-selected svg{color:var(--accent-primary);flex-shrink:0;margin-top:.25rem}.create-match-modal__booking-selected>div{flex:1}.create-match-modal__booking-selected strong{display:block;color:var(--text-primary);font-size:1rem;margin-bottom:.5rem}.create-match-modal__booking-selected p{color:var(--text-secondary);font-size:.9rem;margin:.25rem 0}.create-match-modal__actions{display:flex;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:2px solid var(--border-primary)}.create-match-modal__actions button{flex:1}@media (max-width: 768px){.create-match-modal__choice{padding:1.5rem}.create-match-modal__title{font-size:1.5rem}.create-match-modal__options{grid-template-columns:1fr}.create-match-modal__form-container{padding:1.5rem}.create-match-modal__header{flex-direction:column;align-items:flex-start;gap:1rem}.create-match-modal__field-row{grid-template-columns:1fr}.create-match-modal__booking-item{flex-direction:column;align-items:flex-start;gap:1rem}.create-match-modal__booking-selected,.create-match-modal__actions{flex-direction:column}}.dark .create-match-modal__option{background:var(--bg-tertiary)}.dark .create-match-modal__field input,.dark .create-match-modal__field select,.dark .create-match-modal__field textarea{background:var(--bg-secondary)}.dark .create-match-modal__booking-item{background:var(--bg-tertiary)}.invitation-management{padding:0;max-width:100%;margin:0 auto}.invitation-management.dark{color:#e5e7eb}.invitation-management .login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background-color:#f9fafb;border-radius:1rem;border:2px dashed #d1d5db;margin:2rem 0}.invitation-management.dark .login-prompt{background-color:#1f2937;border-color:#4b5563}.invitation-management .login-prompt-icon{width:4rem;height:4rem;color:#9ca3af;margin-bottom:1rem}.invitation-management .login-prompt p{font-size:1.125rem;color:#6b7280;margin:0}.invitation-management.dark .login-prompt p{color:#9ca3af}.invitation-management .tabs{display:flex;gap:1rem;margin-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.invitation-management.dark .tabs{border-bottom-color:#374151}.invitation-management .tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;border-bottom:3px solid transparent;color:#6b7280;font-size:1rem;font-weight:500;cursor:pointer;transition:all .3s ease}.invitation-management .tab:hover{color:#3b82f6;background-color:#3b82f60d}.invitation-management .tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.invitation-management.dark .tab{color:#9ca3af}.invitation-management.dark .tab:hover{color:#60a5fa;background-color:#60a5fa1a}.invitation-management.dark .tab.active{color:#60a5fa;border-bottom-color:#60a5fa}.invitation-management .filters{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap;align-items:flex-end}.invitation-management .search-box{position:relative;flex:1;min-width:250px}.invitation-management .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.invitation-management .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s}.invitation-management .search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.invitation-management.dark .search-input{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.invitation-management.dark .search-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.invitation-management .filter-group{display:flex;flex-direction:column;gap:.5rem}.invitation-management .label{font-size:.875rem;font-weight:500;color:#374151}.invitation-management.dark .label{color:#d1d5db}.invitation-management .select{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;background-color:#fff;cursor:pointer;transition:all .2s}.invitation-management .select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.invitation-management.dark .select{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.invitation-management.dark .select:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.invitation-management .invitation-list-container{margin-top:1.5rem}.invitation-management .invitation-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:1.5rem}.invitation-management .invitation-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;transition:all .3s ease;box-shadow:0 1px 3px #0000001a}.invitation-management .invitation-card:hover{box-shadow:0 10px 25px #0000001a;transform:translateY(-2px)}.invitation-management.dark .invitation-card{background-color:#1f2937;border-color:#374151}.invitation-management .card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.invitation-management .invitation-title{font-size:1.25rem;font-weight:600;margin:0;color:#111827;flex:1}.invitation-management.dark .invitation-title{color:#f9fafb}.invitation-management .status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;white-space:nowrap}.invitation-management .status-badge.draft{background-color:#f3f4f6;color:#6b7280}.invitation-management .status-badge.open{background-color:#dbeafe;color:#1e40af}.invitation-management .status-badge.full{background-color:#fef3c7;color:#92400e}.invitation-management .status-badge.closed{background-color:#fee2e2;color:#991b1b}.invitation-management .status-badge.pending{background-color:#fef3c7;color:#92400e}.invitation-management .status-badge.approved{background-color:#d1fae5;color:#065f46}.invitation-management .status-badge.rejected{background-color:#fee2e2;color:#991b1b}.invitation-management .card-content{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.invitation-management .info-row{display:flex;align-items:center;gap:.75rem;font-size:.875rem;color:#6b7280}.invitation-management.dark .info-row{color:#9ca3af}.invitation-management .info-row svg{flex-shrink:0;color:#3b82f6}.invitation-management.dark .info-row svg{color:#60a5fa}.invitation-management .card-actions{display:flex;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.invitation-management.dark .card-actions{border-top-color:#374151}.invitation-management .action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.875rem}.invitation-management .card-footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.invitation-management.dark .card-footer{border-top-color:#374151}.invitation-management .participant-status{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.invitation-management .status-label{font-size:.875rem;font-weight:500;color:#6b7280}.invitation-management.dark .status-label{color:#9ca3af}.invitation-management .no-invitations{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#6b7280}.invitation-management .no-invitations-icon{width:4rem;height:4rem;margin-bottom:1rem;opacity:.5}.invitation-management.dark .no-invitations{color:#9ca3af}.invitation-management .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;gap:1rem}.invitation-management .loading-spinner{width:3rem;height:3rem;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.invitation-management.dark .loading-spinner{border-color:#374151;border-top-color:#60a5fa}@keyframes spin{to{transform:rotate(360deg)}}.invitation-management .edit-form{display:flex;flex-direction:column;gap:1rem}.invitation-management .form-group{display:flex;flex-direction:column;gap:.5rem}.invitation-management .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.invitation-management .form-input{padding:.75rem 1rem;border:1px solid #d1d5db;border-radius:.5rem;font-size:.875rem;transition:all .2s}.invitation-management .form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.invitation-management.dark .form-input{background-color:#374151;border-color:#4b5563;color:#e5e7eb}.invitation-management.dark .form-input:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa1a}.invitation-management .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.invitation-management.dark .modal-actions{border-top-color:#374151}.invitation-management .participants-list{display:flex;flex-direction:column;gap:1rem;max-height:500px;overflow-y:auto}.invitation-management .participant-card{display:flex;justify-content:space-between;align-items:center;padding:1rem;background-color:#f9fafb;border-radius:.5rem;gap:1rem}.invitation-management.dark .participant-card{background-color:#374151}.invitation-management .participant-info{display:flex;align-items:center;gap:1rem;flex:1}.invitation-management .participant-avatar{width:3rem;height:3rem;border-radius:50%;background-color:#e5e7eb;display:flex;align-items:center;justify-content:center;color:#6b7280}.invitation-management.dark .participant-avatar{background-color:#4b5563;color:#9ca3af}.invitation-management .participant-details{display:flex;flex-direction:column;gap:.25rem}.invitation-management .participant-name{font-weight:600;color:#111827}.invitation-management.dark .participant-name{color:#f9fafb}.invitation-management .participant-date{font-size:.75rem;color:#6b7280}.invitation-management.dark .participant-date{color:#9ca3af}.invitation-management .participant-actions{display:flex;align-items:center;gap:.75rem}.invitation-management .action-buttons{display:flex;gap:.5rem}.invitation-management .approve-btn,.invitation-management .reject-btn{padding:.5rem 1rem;font-size:.875rem}.invitation-management .no-participants{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:#6b7280}.invitation-management .no-participants-icon{width:3rem;height:3rem;margin-bottom:1rem;opacity:.5}.invitation-management.dark .no-participants{color:#9ca3af}@media (max-width: 768px){.invitation-management{padding:1rem}.invitation-management .invitation-list{grid-template-columns:1fr}.invitation-management .filters{flex-direction:column}.invitation-management .search-box{width:100%}.invitation-management .tabs{overflow-x:auto}.invitation-management .tab{padding:.75rem 1rem;font-size:.875rem}.invitation-management .form-row{grid-template-columns:1fr}.invitation-management .participant-card{flex-direction:column;align-items:flex-start}.invitation-management .participant-actions,.invitation-management .action-buttons{width:100%}.invitation-management .action-buttons button{flex:1}}.find-teammate-page{min-height:100vh;background:var(--bg-primary);transition:background-color .3s ease}.find-teammate-page__tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:2px solid var(--border-color, #e0e0e0);max-width:88rem;margin-left:auto;margin-right:auto;padding:0 1rem}.find-teammate-page__tab{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:none;border:none;font-size:1rem;font-weight:500;color:var(--text-secondary, #666);cursor:pointer;position:relative;transition:color .3s ease;border-bottom:2px solid transparent;margin-bottom:-2px}.find-teammate-page__tab:hover{color:var(--accent-primary, #22c55e)}.find-teammate-page__tab--active{color:var(--accent-primary, #22c55e);border-bottom-color:var(--accent-primary, #22c55e)}.find-teammate-page__invitations-wrapper{max-width:88rem;margin:0 auto;padding:2rem 1rem;animation:fadeInUp .5s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.find-teammate-page__hero{position:relative;background:linear-gradient(135deg,#a855f7,#9333ea,#7c3aed);color:#fff;padding:4rem 0 6rem;overflow:hidden}@media (min-width: 1024px){.find-teammate-page__hero{padding:6rem 0}}.find-teammate-page__hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;opacity:.6}.find-teammate-page__hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,rgba(34,197,94,.8),transparent)}.find-teammate-page__hero-content{position:relative;max-width:88rem;margin:0 auto;padding:0 1rem;text-align:center}.find-teammate-page__hero-text{max-width:48rem;margin:0 auto}.find-teammate-page__hero-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;line-height:1.1}@media (min-width: 768px){.find-teammate-page__hero-title{font-size:3rem}}@media (min-width: 1024px){.find-teammate-page__hero-title{font-size:3.75rem}}.find-teammate-page__hero-title-highlight{display:block;color:var(--accent-primary);animation:pulse 2s infinite}.find-teammate-page__hero-description{font-size:1.25rem;color:#ffffffe6;margin-bottom:2rem;max-width:48rem}.find-teammate-page__hero-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.find-teammate-page__hero-button-primary{background:var(--accent-primary);color:var(--bg-primary)}.find-teammate-page__hero-button-primary:hover{background:var(--accent-hover)}.find-teammate-page__hero-button-secondary{border-color:var(--text-primary);color:var(--text-primary)}.find-teammate-page__hero-button-secondary:hover{background:var(--bg-primary);color:var(--accent-primary)}.find-teammate-page__hero-button-icon{margin-right:.5rem}.find-teammate-page__container{max-width:88rem;margin:0 auto;padding:3rem 1rem}.find-teammate-page__filters{padding:1.5rem;margin-bottom:3rem;animation:fadeIn 1s ease-out}.find-teammate-page__filters-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.find-teammate-page__filters-icon-wrapper{background:var(--accent-primary);padding:.5rem;border-radius:.5rem}.find-teammate-page__filters-icon{color:var(--bg-primary)}.find-teammate-page__filters-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.find-teammate-page__filters-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 768px){.find-teammate-page__filters-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.find-teammate-page__filters-grid{grid-template-columns:repeat(4,1fr)}}.find-teammate-page__search-wrapper{position:relative}.find-teammate-page__search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary)}.find-teammate-page__search-input{width:100%;padding:.75rem .75rem .75rem 2.5rem;border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-primary);border-radius:.75rem;outline:none;transition:all .3s ease}.find-teammate-page__search-input::-moz-placeholder{color:var(--text-tertiary)}.find-teammate-page__search-input::placeholder{color:var(--text-tertiary)}.find-teammate-page__search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary)}.find-teammate-page__select{width:100%;padding:.75rem;border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-primary);border-radius:.75rem;outline:none;transition:all .3s ease}.find-teammate-page__select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary)}.find-teammate-page__main-content{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.find-teammate-page__main-content{grid-template-columns:2fr 1fr}}.find-teammate-page__section-header{margin-bottom:1.5rem}.find-teammate-page__section-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.find-teammate-page__section-title-icon{background:var(--accent-secondary);padding:.5rem;border-radius:.5rem;color:var(--bg-primary)}.find-teammate-page__players-section .find-teammate-page__section-title-icon{background:var(--accent-primary);color:var(--bg-primary)}.find-teammate-page__section-subtitle{color:var(--text-secondary);font-size:.875rem}.find-teammate-page__matches-section{animation:fadeIn 1s ease-out}.find-teammate-page__matches-list{display:flex;flex-direction:column;gap:1.5rem}.find-teammate-page__pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.find-teammate-page__pagination-button{padding:.5rem .75rem;border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-primary);border-radius:.5rem;cursor:pointer;transition:all .2s ease}.find-teammate-page__pagination-button:hover:not(:disabled){border-color:var(--accent-primary);color:var(--accent-primary)}.find-teammate-page__pagination-button:disabled{opacity:.5;cursor:not-allowed}.find-teammate-page__pagination-pages{display:flex;gap:.25rem}.find-teammate-page__pagination-page{min-width:2rem;height:2rem;padding:0 .5rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-secondary);background:var(--bg-secondary);color:var(--text-primary);border-radius:9999px;font-size:.875rem;cursor:pointer;transition:all .2s ease}.find-teammate-page__pagination-page:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.find-teammate-page__pagination-page.is-active{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--bg-primary)}.find-teammate-page__match-card{padding:1.5rem;cursor:pointer;transition:all .3s ease;animation:slideInLeft .6s ease-out}.find-teammate-page__match-card:hover{transform:translateY(-.25rem);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.find-teammate-page__match-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.find-teammate-page__match-info{flex:1}.find-teammate-page__match-title{font-size:1.25rem;font-weight:700;color:#374151;margin-bottom:.75rem}[data-theme=dark] .find-teammate-page__match-title{color:#fff}.find-teammate-page__match-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;font-size:.875rem;color:#6b7280}[data-theme=dark] .find-teammate-page__match-details-grid{color:#d1d5db}.find-teammate-page__match-detail{display:flex;align-items:center;gap:.5rem}.find-teammate-page__match-detail-icon{color:#a8ff00;flex-shrink:0}.find-teammate-page__match-meta{text-align:right;flex-shrink:0}.find-teammate-page__match-skill{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:9999px;color:#fff;font-size:.75rem;font-weight:500;margin-bottom:.5rem;background:var(--accent-secondary)}.find-teammate-page__match-price{font-size:1.125rem;font-weight:700;color:var(--accent-primary)}.find-teammate-page__match-card-footer{display:flex;justify-content:space-between;align-items:center}.find-teammate-page__match-organizer{display:flex;align-items:center;gap:.75rem}.find-teammate-page__organizer-avatar{width:2.5rem;height:2.5rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}.find-teammate-page__organizer-info{flex:1}.find-teammate-page__organizer-name{font-weight:600;color:#374151;margin-bottom:.25rem}[data-theme=dark] .find-teammate-page__organizer-name{color:#fff}.find-teammate-page__organizer-rating{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#fbbf24}.find-teammate-page__organizer-star{fill:currentColor}.find-teammate-page__match-actions{display:flex;align-items:center;gap:.75rem}.find-teammate-page__match-status{padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.find-teammate-page__match-status--available{background:rgba(var(--accent-primary-rgb),.1);color:var(--accent-hover)}[data-theme=dark] .find-teammate-page__match-status--available{background:rgba(var(--accent-primary-rgb),.2);color:var(--accent-primary)}.find-teammate-page__match-status--full{background:rgba(var(--error),.1);color:var(--error)}[data-theme=dark] .find-teammate-page__match-status--full{background:rgba(var(--error),.2);color:var(--error)}.find-teammate-page__match-status--pending{background:#ffa5001a;color:#ff8c00}[data-theme=dark] .find-teammate-page__match-status--pending{background:#ffa50033;color:orange}.find-teammate-page__match-status--approved{background:#22c55e1a;color:#16a34a}[data-theme=dark] .find-teammate-page__match-status--approved{background:#22c55e33;color:#22c55e}.find-teammate-page__match-join-btn{background:var(--accent-primary);color:var(--bg-primary);font-size:.875rem;padding:.5rem 1rem}.find-teammate-page__match-join-btn:hover{background:var(--accent-hover)}.find-teammate-page__match-join-btn:disabled{opacity:.5;cursor:not-allowed}.find-teammate-page__players-section{animation:fadeIn 1s ease-out}.find-teammate-page__players-list{display:flex;flex-direction:column;gap:1rem}.find-teammate-page__player-card{padding:1rem;cursor:pointer;transition:all .3s ease;animation:slideInRight .6s ease-out}.find-teammate-page__player-card:hover{transform:translateY(-.125rem);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.find-teammate-page__player-header{display:flex;align-items:center;gap:.75rem}.find-teammate-page__player-avatar{width:3rem;height:3rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}.find-teammate-page__player-info{flex:1}.find-teammate-page__player-name{font-weight:700;color:#374151;margin-bottom:.25rem}[data-theme=dark] .find-teammate-page__player-name{color:#fff}.find-teammate-page__player-location{display:flex;align-items:center;gap:.25rem;font-size:.75rem;color:#6b7280}[data-theme=dark] .find-teammate-page__player-location{color:#d1d5db}.find-teammate-page__player-meta{text-align:right}.find-teammate-page__player-skill{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;color:#fff;margin-bottom:.25rem;background:var(--accent-secondary)}.find-teammate-page__player-rating{display:flex;align-items:center;gap:.25rem;font-size:.75rem;justify-content:flex-end}.find-teammate-page__player-rating-star{color:var(--warning);fill:currentColor}.find-teammate-page__community{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:var(--bg-primary);padding:3rem;border-radius:1rem;text-align:center;margin-top:3rem;position:relative;overflow:hidden}.find-teammate-page__community:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(https://images.pexels.com/photos/274422/pexels-photo-274422.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260);background-size:cover;background-position:center;opacity:.1}.find-teammate-page__community-content{position:relative;max-width:32rem;margin:0 auto}.find-teammate-page__community-icon{display:flex;justify-content:center;margin-bottom:1.5rem}.find-teammate-page__community-icon svg{background:#0000001a;padding:1rem;border-radius:50%;color:var(--accent-primary)}.find-teammate-page__community-title{font-size:2rem;font-weight:700;margin-bottom:1rem}@media (min-width: 768px){.find-teammate-page__community-title{font-size:2.5rem}}.find-teammate-page__community-subtitle{font-size:1.25rem;margin-bottom:2rem;opacity:.8;max-width:32rem}.find-teammate-page__community-actions{display:flex;flex-direction:column;gap:1rem;justify-content:center}@media (min-width: 640px){.find-teammate-page__community-actions{flex-direction:row}}.find-teammate-page__match-modal,.find-teammate-page__player-modal{padding:1.5rem}.find-teammate-page__modal-header{text-align:center;margin-bottom:1.5rem}.find-teammate-page__modal-title{font-size:1.5rem;font-weight:700;color:#374151;margin-bottom:.5rem}[data-theme=dark] .find-teammate-page__modal-title{color:#fff}.find-teammate-page__modal-skill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;color:#fff;font-weight:500;background:var(--accent-secondary)}.find-teammate-page__modal-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:1.5rem}.find-teammate-page__modal-detail{display:flex;align-items:center;gap:.75rem}.find-teammate-page__modal-detail-icon{color:#a8ff00}.find-teammate-page__modal-detail-label{font-weight:600;color:#374151}[data-theme=dark] .find-teammate-page__modal-detail-label{color:#fff}.find-teammate-page__modal-detail-value{color:#6b7280}[data-theme=dark] .find-teammate-page__modal-detail-value{color:#d1d5db}.find-teammate-page__modal-organizer{background:#f9fafb;padding:1rem;border-radius:.75rem;margin-bottom:1.5rem}[data-theme=dark] .find-teammate-page__modal-organizer{background:#374151}.find-teammate-page__modal-organizer-title{font-weight:700;margin-bottom:.75rem;color:#374151}[data-theme=dark] .find-teammate-page__modal-organizer-title{color:#fff}.find-teammate-page__modal-organizer-info{display:flex;align-items:center;gap:.75rem}.find-teammate-page__modal-organizer-avatar{width:3rem;height:3rem;border-radius:50%;-o-object-fit:cover;object-fit:cover}.find-teammate-page__modal-organizer-details{flex:1}.find-teammate-page__modal-organizer-name{font-weight:600;color:#374151;margin-bottom:.25rem}[data-theme=dark] .find-teammate-page__modal-organizer-name{color:#fff}.find-teammate-page__modal-organizer-rating{display:flex;align-items:center;gap:.25rem;font-size:.875rem;color:#fbbf24}.find-teammate-page__modal-organizer-star{fill:currentColor}.find-teammate-page__modal-price{background:#a8ff001a;padding:1rem;border-radius:.75rem;margin-bottom:1.5rem;display:flex;justify-content:space-between;align-items:center}.find-teammate-page__modal-price-label{font-size:1.125rem;font-weight:600;color:#374151}[data-theme=dark] .find-teammate-page__modal-price-label{color:#fff}.find-teammate-page__modal-price-value{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.find-teammate-page__modal-actions{display:flex;gap:1rem}.find-teammate-page__modal-player-header{text-align:center;margin-bottom:1.5rem}.find-teammate-page__modal-player-avatar{width:6rem;height:6rem;border-radius:50%;-o-object-fit:cover;object-fit:cover;margin:0 auto 1rem}.find-teammate-page__modal-player-info{text-align:center}.find-teammate-page__modal-player-name{font-size:1.5rem;font-weight:700;color:#374151;margin-bottom:.5rem}[data-theme=dark] .find-teammate-page__modal-player-name{color:#fff}.find-teammate-page__modal-player-skill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;color:#fff;font-weight:500;background:var(--accent-secondary)}.find-teammate-page__modal-player-stats{display:flex;justify-content:center;gap:1.5rem;margin-bottom:1.5rem}.find-teammate-page__modal-player-stat{text-align:center}.find-teammate-page__modal-player-stat-icon{color:#a8ff00;margin-bottom:.25rem}.find-teammate-page__modal-player-stat-value{font-size:1.5rem;font-weight:700;color:#fbbf24;display:block}.find-teammate-page__modal-player-stat-label{font-size:.875rem;color:#6b7280}[data-theme=dark] .find-teammate-page__modal-player-stat-label{color:#d1d5db}.find-teammate-page__modal-player-bio{background:#f9fafb;padding:1rem;border-radius:.75rem;margin-bottom:1.5rem}[data-theme=dark] .find-teammate-page__modal-player-bio{background:#374151}.find-teammate-page__modal-player-bio-title{font-weight:700;margin-bottom:.5rem;color:#374151}[data-theme=dark] .find-teammate-page__modal-player-bio-title{color:#fff}.find-teammate-page__modal-player-bio-text{color:#6b7280}[data-theme=dark] .find-teammate-page__modal-player-bio-text{color:#d1d5db}.bg-green-500{background-color:#10b981}.bg-blue-500{background-color:#3b82f6}.bg-purple-500{background-color:#8b5cf6}.bg-yellow-500{background-color:#f59e0b}.bg-gray-500{background-color:#6b7280}@keyframes fadeIn{0%{opacity:0;transform:translateY(1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-2rem)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(2rem)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.find-teammate-page__match-card-header{flex-direction:column;gap:1rem}.find-teammate-page__match-meta{text-align:left}.find-teammate-page__match-card-footer{flex-direction:column;gap:1rem;align-items:flex-start}.find-teammate-page__match-actions{width:100%;justify-content:space-between}.find-teammate-page__modal-details-grid{grid-template-columns:1fr}.find-teammate-page__modal-actions{flex-direction:column}.find-teammate-page__modal-player-stats{flex-direction:column;gap:1rem}}.benefits{padding:5rem 0;position:relative;overflow:hidden}.benefits__bg-element{position:absolute;border-radius:50%;filter:blur(3rem)}.benefits__bg-element--top-left{top:0;left:25%;width:16rem;height:16rem;background:#22c55e0d}.benefits__bg-element--bottom-right{bottom:0;right:25%;width:20rem;height:20rem;background:#9333ea0d}.benefits__container{max-width:88rem;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.benefits__container{padding:0 1.5rem}}@media (min-width: 1024px){.benefits__container{padding:0 2rem}}.benefits__header{text-align:center;margin-bottom:4rem}.benefits__title{font-size:2.5rem;font-weight:700;color:#374151;margin-bottom:1.5rem}@media (min-width: 768px){.benefits__title{font-size:3rem}}.benefits__title-highlight{background:linear-gradient(to right,#22c55e,#a3e635);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.benefits__subtitle{font-size:1.25rem;color:#6b7280;max-width:48rem;margin:0 auto}[data-theme=dark] .benefits__title{color:#fff}[data-theme=dark] .benefits__subtitle{color:#d1d5db}.benefits__grid{display:grid;gap:2rem;margin-bottom:5rem}@media (min-width: 768px){.benefits__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.benefits__grid{grid-template-columns:repeat(3,1fr)}}.benefits__card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:1rem;padding:1.5rem;border:1px solid #e5e7eb;transition:all .5s ease;animation:slideUp .8s ease-out forwards;opacity:0;transform:translateY(2rem)}.benefits__card:hover{transform:translateY(-.5rem) scale(1.05);box-shadow:0 25px 50px -12px #00000040}.benefits__card--neon-green:hover{border-color:#22c55e80;box-shadow:0 25px 50px -12px #22c55e1a}.benefits__card--light-purple:hover{border-color:#9333ea80;box-shadow:0 25px 50px -12px #9333ea1a}.benefits__card--yellow-400:hover{border-color:#facc1580;box-shadow:0 25px 50px -12px #facc151a}.benefits__card--blue-400:hover{border-color:#60a5fa80;box-shadow:0 25px 50px -12px #60a5fa1a}.benefits__card--orange-400:hover{border-color:#fb923c80;box-shadow:0 25px 50px -12px #fb923c1a}.benefits__card--pink-400:hover{border-color:#f472b680;box-shadow:0 25px 50px -12px #f472b61a}[data-theme=dark] .benefits__card{background:linear-gradient(135deg,#1f2937,#374151);border-color:#4b5563}.benefits__icon{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:.75rem;border:1px solid;margin-bottom:1rem;transition:transform .3s ease}.benefits__card:hover .benefits__icon{transform:scale(1.1)}.benefits__icon--neon-green{background:#22c55e1a;border-color:#22c55e33}.benefits__icon--light-purple{background:#9333ea1a;border-color:#9333ea33}.benefits__icon--yellow-400{background:#facc151a;border-color:#facc1533}.benefits__icon--blue-400{background:#60a5fa1a;border-color:#60a5fa33}.benefits__icon--orange-400{background:#fb923c1a;border-color:#fb923c33}.benefits__icon--pink-400{background:#f472b61a;border-color:#f472b633}.benefits__icon-svg{width:1.5rem;height:1.5rem}.benefits__icon--neon-green .benefits__icon-svg{color:#22c55e}.benefits__icon--light-purple .benefits__icon-svg{color:#9333ea}.benefits__icon--yellow-400 .benefits__icon-svg{color:#facc15}.benefits__icon--blue-400 .benefits__icon-svg{color:#60a5fa}.benefits__icon--orange-400 .benefits__icon-svg{color:#fb923c}.benefits__icon--pink-400 .benefits__icon-svg{color:#f472b6}.benefits__card-title{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.5rem;transition:color .3s ease}.benefits__card:hover .benefits__card-title{color:#22c55e}.benefits__card-description{color:#6b7280;transition:color .3s ease}.benefits__card:hover .benefits__card-description{color:#374151}[data-theme=dark] .benefits__card-title{color:#fff}[data-theme=dark] .benefits__card-description{color:#d1d5db}[data-theme=dark] .benefits__card:hover .benefits__card-description{color:#f3f4f6}.benefits__features{display:grid;gap:2rem}@media (min-width: 1024px){.benefits__features{grid-template-columns:repeat(3,1fr)}}.benefits__feature{position:relative;background:linear-gradient(135deg,#f3f4f6,#f9fafb);border-radius:1.5rem;padding:2rem;border:1px solid #e5e7eb;transition:all .5s ease;animation:fadeIn .8s ease-out forwards;opacity:0}.benefits__feature:hover{border-color:#22c55e80}[data-theme=dark] .benefits__feature{background:linear-gradient(135deg,#374151,#1f2937);border-color:#4b5563}.benefits__feature-stats{position:absolute;top:1rem;right:1rem;color:#22c55e;font-family:monospace;font-size:.875rem;background:#22c55e1a;padding:.25rem .75rem;border-radius:9999px;border:1px solid rgba(34,197,94,.2)}.benefits__feature-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.benefits__feature-icon{background:#22c55e1a;border-radius:1rem;padding:1rem;border:1px solid rgba(34,197,94,.2);transition:background-color .3s ease}.benefits__feature:hover .benefits__feature-icon{background:#22c55e33}.benefits__feature-icon-svg{width:2rem;height:2rem;color:#22c55e}.benefits__feature-title{font-size:1.5rem;font-weight:700;color:#374151;transition:color .3s ease}.benefits__feature:hover .benefits__feature-title{color:#22c55e}.benefits__feature-description{font-size:1.125rem;color:#6b7280;transition:color .3s ease}.benefits__feature:hover .benefits__feature-description{color:#374151}[data-theme=dark] .benefits__feature-title{color:#fff}[data-theme=dark] .benefits__feature-description{color:#d1d5db}[data-theme=dark] .benefits__feature:hover .benefits__feature-description{color:#f3f4f6}.benefits__feature-progress{margin-top:1.5rem;height:.25rem;background:#d1d5db;border-radius:9999px;overflow:hidden}[data-theme=dark] .benefits__feature-progress{background:#4b5563}.benefits__feature-progress-bar{height:100%;background:linear-gradient(to right,#22c55e,#a3e635);border-radius:9999px;width:100%;transition:all .5s ease}.benefits__feature:hover .benefits__feature-progress-bar{animation:pulse 2s infinite}@keyframes slideUp{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.cta{padding:5rem 0;position:relative;overflow:hidden}.cta__bg-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to right,rgba(34,197,94,.1),transparent,rgba(147,51,234,.1))}.cta__bg-overlay{position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(249,250,251,.3),transparent)}[data-theme=dark] .cta__bg-overlay{background:linear-gradient(to bottom,transparent,rgba(31,41,55,.3),transparent)}.cta__container{position:relative;z-index:10;max-width:88rem;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.cta__container{padding:0 1.5rem}}@media (min-width: 1024px){.cta__container{padding:0 2rem}}.cta__card{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:1.5rem;padding:2rem;border:1px solid #e5e7eb;box-shadow:0 25px 50px -12px #00000040;position:relative;overflow:hidden;transition:background-color .3s ease}[data-theme=dark] .cta__card{background:linear-gradient(135deg,#1f2937,#374151);border-color:#4b5563}@media (min-width: 768px){.cta__card{padding:4rem}}.cta__pattern{position:absolute;top:0;left:0;right:0;bottom:0;opacity:.05}.cta__pattern-icon{position:absolute}.cta__pattern-icon--top-left{top:2rem;left:2rem}.cta__pattern-icon--top-right{top:2rem;right:2rem}.cta__pattern-icon--bottom-center{bottom:2rem;left:50%;transform:translate(-50%)}.cta__pattern-svg{width:4rem;height:4rem}.cta__pattern-icon--top-left .cta__pattern-svg{color:#22c55e}.cta__pattern-icon--top-right .cta__pattern-svg{color:#9333ea}.cta__pattern-icon--bottom-center .cta__pattern-svg{width:5rem;height:5rem;color:#fbbf24}.cta__content{position:relative;z-index:10;text-align:center}.cta__title{font-size:2.5rem;font-weight:700;color:#374151;margin-bottom:1.5rem;line-height:1.1}@media (min-width: 768px){.cta__title{font-size:3.75rem}}.cta__title-highlight{background:linear-gradient(to right,#22c55e,#a3e635);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.cta__subtitle{font-size:1.25rem;color:#6b7280;margin-bottom:3rem;max-width:48rem;margin-left:auto;margin-right:auto}[data-theme=dark] .cta__title{color:#fff}[data-theme=dark] .cta__subtitle{color:#d1d5db}.cta__buttons{display:flex;flex-direction:column;gap:1.5rem;justify-content:center;align-items:center;margin-bottom:3rem}@media (min-width: 640px){.cta__buttons{flex-direction:row}}.cta__button{display:flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;border-radius:9999px;font-weight:700;font-size:1.125rem;transition:all .3s ease;text-decoration:none}.cta__button--primary{background:linear-gradient(to right,#22c55e,#a3e635);color:#1f2937}.cta__button--primary:hover{background:linear-gradient(to right,#a3e635,#22c55e);box-shadow:0 25px 50px -12px #22c55e40;transform:scale(1.05)}.cta__button--secondary{border:2px solid #9333ea;color:#9333ea;background:transparent}.cta__button--secondary:hover{background:#9333ea;color:#fff;box-shadow:0 25px 50px -12px #9333ea40}.cta__button-icon{width:1.5rem;height:1.5rem;transition:transform .5s ease}.cta__button:hover .cta__button-icon--primary{transform:rotate(180deg)}.cta__button:hover .cta__button-icon--secondary{transform:scale(1.1)}.cta__button-arrow{width:1.25rem;height:1.25rem;transition:transform .3s ease}.cta__button:hover .cta__button-arrow{transform:translate(.5rem)}.cta__features{display:grid;gap:2rem;text-align:left}@media (min-width: 768px){.cta__features{grid-template-columns:repeat(3,1fr)}}.cta__feature{border-radius:1rem;padding:1.5rem;border:1px solid;transition:background-color .3s ease}.cta__feature--neon{background:#22c55e1a;border-color:#22c55e33}.cta__feature--neon:hover{background:#22c55e33}.cta__feature--purple{background:#9333ea1a;border-color:#9333ea33}.cta__feature--purple:hover{background:#9333ea33}.cta__feature--yellow{background:#facc151a;border-color:#facc1533}.cta__feature--yellow:hover{background:#facc1533}.cta__feature-title{font-size:1.25rem;font-weight:600;margin-bottom:.75rem}.cta__feature--neon .cta__feature-title{color:#22c55e}.cta__feature--purple .cta__feature-title{color:#9333ea}.cta__feature--yellow .cta__feature-title{color:#facc15}.cta__feature-description{color:#6b7280}[data-theme=dark] .cta__feature-description{color:#d1d5db}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}}.hero .bg-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);transition:all .3s ease}.hero .bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:.6;z-index:0;pointer-events:none}.hero .float-bg{position:absolute;border-radius:50%;filter:blur(48px);animation:pulse 4s ease-in-out infinite}.hero .float-bg.left{top:80px;left:40px;width:288px;height:288px;background:#a8ff001a}.hero .float-bg.right{bottom:80px;right:40px;width:384px;height:384px;background:#9333ea1a;animation-delay:1s}.hero .container{position:relative;z-index:10;max-width:1280px;margin:0 auto;padding:0 16px}.hero .grid{display:grid;grid-template-columns:1fr;gap:80px;align-items:center}@media (min-width: 1024px){.hero .grid{grid-template-columns:1fr 1fr}}.hero .content{color:#fff;text-align:center;animation:slide-up .8s ease-out}@media (min-width: 1024px){.hero .content{text-align:left}}.hero .content .rating{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}@media (min-width: 1024px){.hero .content .rating{justify-content:flex-start}}.hero .content .rating .stars{display:flex;gap:4px}.hero .content .rating .stars .star{width:20px;height:20px;color:#facc15;fill:currentColor}.hero .content .rating .rating-text{font-size:14px}.hero .content .title{font-size:56px;font-weight:700;margin-bottom:40px;line-height:1.1}.hero .content .title .main{color:#fff}.hero .content .title .highlight{font-size:90px;background:linear-gradient(135deg,#a8ff00,#84cc16);-webkit-background-clip:text;color:transparent;animation:float 3s ease-in-out infinite;animation-delay:.5s}.hero .content .title .subtitle{font-size:20px}.hero .content .desc{font-size:20px;margin-bottom:32px;line-height:1.6}@media (min-width: 1024px){.hero .content .desc{margin-left:0}}.hero .content .desc span:first-child{font-size:24px;font-weight:700}.hero .content .actions{display:flex;flex-direction:column;gap:16px;justify-content:center}@media (min-width: 640px){.hero .content .actions{flex-direction:row}}@media (min-width: 1024px){.hero .content .actions{justify-content:flex-start}}.hero .content .actions .cta{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:9999px;font-weight:600;font-size:18px;text-decoration:none;transition:all .3s ease}.hero .content .actions .cta.primary{background:linear-gradient(135deg,#a8ff00,#84cc16);color:#fff}.hero .content .actions .cta.primary:hover{background:linear-gradient(135deg,#84cc16,#a8ff00);box-shadow:0 20px 25px -5px #a8ff0040;transform:scale(1.05)}.hero .content .actions .cta.secondary{background:linear-gradient(135deg,#9333ea 50%,#7d24d1);color:#fff}.hero .content .actions .cta.secondary:hover{background:linear-gradient(135deg,#7d24d1,#9333ea);box-shadow:0 20px 25px -5px #9333ea40;transform:scale(1.05)}.hero .content .actions .cta .icon{width:24px;height:24px;transition:transform .3s ease}.hero .content .actions .cta .icon.rotate:hover{transform:rotate(180deg)}.hero .content .actions .cta .icon.arrow:hover{transform:translate(4px)}.hero .card-wrap{position:relative;animation:fade-in .8s ease-out}.hero .card-wrap .card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:24px;padding:32px;box-shadow:0 25px 50px -12px #00000040;border:1px solid #e5e7eb;position:relative;transition:all .3s ease}.hero .card-wrap .card .badge{position:absolute;top:16px;right:16px;background:#a8ff00;color:#1f2937;padding:4px 12px;border-radius:9999px;font-size:14px;font-weight:600}.hero .card-wrap .card .card-header{margin-bottom:24px}.hero .card-wrap .card .card-header .card-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:8px}.hero .card-wrap .card .card-header .location{display:flex;align-items:center;gap:8px;color:#6b7280}.hero .card-wrap .card .card-header .location .loc-icon{width:16px;height:16px;color:#a8ff00}.hero .card-wrap .card .info{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.hero .card-wrap .card .info .box{border-radius:12px;padding:16px;border:1px solid}.hero .card-wrap .card .info .box.time{background:#a8ff001a;border-color:#a8ff0033}.hero .card-wrap .card .info .box.price{background:#9333ea1a;border-color:#9333ea33}.hero .card-wrap .card .info .box .label{font-weight:600;font-size:18px;margin-bottom:4px}.hero .card-wrap .card .info .box .label.green{color:#a8ff00}.hero .card-wrap .card .info .box .label.purple{color:#9333ea}.hero .card-wrap .card .info .box .value{font-size:24px;font-weight:700;color:#1f2937}.hero .card-wrap .card .info .box .sub{color:#6b7280;font-size:14px}.hero .card-wrap .card .progress{background:#9ca3af80;border-radius:12px;padding:16px;margin-bottom:24px}.hero .card-wrap .card .progress .progress-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.hero .card-wrap .card .progress .progress-head .label{color:#6b7280}.hero .card-wrap .card .progress .progress-head .status{color:#a8ff00;font-weight:600}.hero .card-wrap .card .progress .bar{width:100%;height:8px;background:#d1d5db;border-radius:9999px;overflow:hidden}.hero .card-wrap .card .progress .bar .fill{background:linear-gradient(90deg,#a8ff00,#84cc16);height:100%;width:75%;border-radius:9999px}.hero .card-wrap .card .join{width:100%;background:linear-gradient(135deg,#a8ff00,#84cc16);color:#1f2937;padding:12px 24px;border-radius:12px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease}.hero .card-wrap .card .join:hover{background:linear-gradient(135deg,#84cc16,#a8ff00);box-shadow:0 10px 15px -3px #a8ff0040}.hero .card-wrap .float-item{position:absolute;height:66px;border-radius:16px;padding:16px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid;animation:float 3s ease-in-out infinite}.hero .card-wrap .float-item.purple{top:-40px;left:-40px;background:#9333ea33;border-color:#9333ea4d}.hero .card-wrap .float-item.purple .float-icon{color:#9333ea}.hero .card-wrap .float-item.green{bottom:-40px;right:-40px;background:#a8ff0033;border-color:#a8ff004d;animation-delay:1s}.hero .card-wrap .float-item.green .float-icon{color:#a8ff00}.hero .card-wrap .float-item .float-icon{width:32px;height:32px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.testimonials{padding:5rem 0;position:relative;overflow:hidden}.testimonials__bg-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent,rgba(249,250,251,.5),transparent)}[data-theme=dark] .testimonials__bg-overlay{background:linear-gradient(to bottom,transparent,rgba(31,41,55,.5),transparent)}.testimonials__bg-element{position:absolute;top:50%;transform:translateY(-50%);width:24rem;height:24rem;border-radius:50%;filter:blur(3rem)}.testimonials__bg-element--left{left:0;background:#9333ea0d}.testimonials__bg-element--right{right:0;background:#22c55e0d}.testimonials__container{position:relative;z-index:10;max-width:88rem;margin:0 auto;padding:0 1rem}@media (min-width: 640px){.testimonials__container{padding:0 1.5rem}}@media (min-width: 1024px){.testimonials__container{padding:0 2rem}}.testimonials__header{text-align:center;margin-bottom:4rem}.testimonials__title{font-size:2.5rem;font-weight:700;color:#374151;margin-bottom:1.5rem}@media (min-width: 768px){.testimonials__title{font-size:3rem}}.testimonials__title-highlight{background:linear-gradient(to right,#9333ea,#f472b6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.testimonials__subtitle{font-size:1.25rem;color:#6b7280;max-width:48rem;margin:0 auto}[data-theme=dark] .testimonials__title{color:#fff}[data-theme=dark] .testimonials__subtitle{color:#d1d5db}.testimonials__carousel{position:relative;max-width:64rem;margin:0 auto}.testimonials__card{position:relative;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:1.5rem;padding:2rem;border:1px solid #e5e7eb;box-shadow:0 25px 50px -12px #00000040;overflow:hidden;transition:background-color .3s ease}[data-theme=dark] .testimonials__card{background:linear-gradient(135deg,#1f2937,#374151);border-color:#4b5563}@media (min-width: 768px){.testimonials__card{padding:3rem}}.testimonials__quote-icon{position:absolute;top:2rem;right:2rem;opacity:.1}.testimonials__quote-svg{width:6rem;height:6rem;color:#22c55e}.testimonials__content{position:relative;z-index:10}.testimonials__stars{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-bottom:1.5rem}.testimonials__star{width:1.5rem;height:1.5rem;color:#fbbf24;fill:currentColor}.testimonials__text{font-size:1.25rem;color:#374151;text-align:center;line-height:1.6;margin-bottom:2rem;font-weight:300}@media (min-width: 768px){.testimonials__text{font-size:1.5rem}}[data-theme=dark] .testimonials__text{color:#fff}.testimonials__author{display:flex;align-items:center;justify-content:center;gap:1rem}.testimonials__avatar-wrapper{position:relative}.testimonials__avatar{width:4rem;height:4rem;border-radius:50%;border:2px solid rgba(34,197,94,.3)}.testimonials__avatar-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:#22c55e33;border-radius:50%;filter:blur(.75rem)}.testimonials__author-info{text-align:center}.testimonials__author-name{font-size:1.125rem;font-weight:600;color:#374151}.testimonials__author-role{color:#22c55e;font-weight:500}.testimonials__author-location{color:#6b7280;font-size:.875rem}[data-theme=dark] .testimonials__author-name{color:#fff}[data-theme=dark] .testimonials__author-location{color:#9ca3af}.testimonials__nav{position:absolute;top:50%;transform:translateY(-50%);background:#e5e7ebcc;border:1px solid #d1d5db;border-radius:50%;padding:.75rem;color:#374151;transition:all .3s ease;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem)}.testimonials__nav:hover{background:#22c55e33;border-color:#22c55e80;color:#22c55e}.testimonials__nav--prev{left:1rem}.testimonials__nav--next{right:1rem}.testimonials__nav-icon{width:1.5rem;height:1.5rem}[data-theme=dark] .testimonials__nav{background:#374151cc;border-color:#4b5563;color:#fff}.testimonials__dots{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:2rem}.testimonials__dot{width:.75rem;height:.75rem;border-radius:50%;background:#9ca3af;border:none;transition:all .3s ease}.testimonials__dot:hover{background:#6b7280}.testimonials__dot--active{background:#22c55e;width:2rem;border-radius:9999px}[data-theme=dark] .testimonials__dot{background:#4b5563}[data-theme=dark] .testimonials__dot:hover{background:#6b7280}.testimonials__stats{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:4rem}@media (min-width: 768px){.testimonials__stats{grid-template-columns:repeat(4,1fr)}}.testimonials__stat{text-align:center}.testimonials__stat-number{font-size:2rem;font-weight:700;margin-bottom:.5rem}@media (min-width: 768px){.testimonials__stat-number{font-size:2.5rem}}.testimonials__stat-number--neon{color:#22c55e}.testimonials__stat-number--purple{color:#9333ea}.testimonials__stat-number--yellow{color:#fbbf24}.testimonials__stat-number--blue{color:#60a5fa}.testimonials__stat-label{color:#6b7280;font-size:.875rem}[data-theme=dark] .testimonials__stat-label{color:#d1d5db}.homepage{min-height:100vh}.loginregister-container .card-body form .form-check-login{font-weight:200}.loginregister-container .card-body form .form-check-login .forget-link{color:#a8ff00;font-weight:700}.loginregister-container .card-body form .form-check-login .forget-link:hover{color:#85cc00}.loginregister-container .card-body .other-method{margin:20px 0 0;display:flex;align-items:center;gap:8px;color:#666;font-size:14px}.loginregister-container .card-body .other-method hr{flex:1;height:1px;border:none;border-bottom:1px solid #666}.loginregister-container .card-body .google-method{width:100%;height:40px;margin:20px 0 0;color:#555;background-color:#ccc;border:1px solid #666;box-sizing:border-box;border-radius:4px;text-align:center;font-weight:700;align-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes LoginRegisterUpdown{0%{transform:translate(-50%)}50%{transform:translate(-50%,-20px)}to{transform:translate(-50%)}}.loginregister-container{display:flex;justify-content:center;align-items:center;padding:0 20px;font-family:Inter,system-ui,sans-serif;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.loginregister-container .close-button{position:absolute;top:12px;right:12px;width:20px;height:-moz-fit-content;height:fit-content;min-height:20px;color:var(--text-primary);background-color:transparent;border:none;cursor:pointer}.loginregister-container .btn{height:-moz-fit-content;height:fit-content;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:11px;font-weight:600;color:#000;border:none;box-sizing:border-box;border-radius:10px;font-size:16px;transition:all .15s ease;font-family:Inter,system-ui,sans-serif;background:linear-gradient(45deg,#a8ff00,#96e600)}.loginregister-container .btn.btn-submit{flex:3}.loginregister-container .btn.btn-reset{flex:1;opacity:.8}.loginregister-container .btn.btn-otp{flex:2;opacity:.9}.loginregister-container .btn:hover{background-color:linear-gradient(45deg,#96E600,#A8FF00);box-shadow:0 0 24px #a8ff004d}.loginregister-container .btn:active{background-color:#075826}.loginregister-container ::-webkit-scrollbar{display:none}.loginregister-container .bg-pattern-1{position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,rgba(168,255,0,.1) 0%,transparent 70%);border-radius:50%;filter:blur(40px)}.loginregister-container .bg-pattern-2{position:absolute;bottom:-50px;left:-50px;width:150px;height:150px;background:radial-gradient(circle,rgba(162,89,255,.1) 0%,transparent 70%);border-radius:50%;filter:blur(30px)}.loginregister-container .dark .card-body{background:linear-gradient(135deg,#1a1d29,#252b3a);border-color:var(--border-secondary)}.loginregister-container .light .card-body{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-color:var(--border-primary);box-shadow:0 20px 40px var(--shadow-tertiary)}.loginregister-container .card-body{width:400px;max-height:90vh;margin:auto;overflow:hidden;border-radius:20px;border:1px solid var(--border-primary);background:var(--bg-secondary);animation:slideUp .3s ease-out;z-index:1;overflow-y:scroll;display:flex;flex-direction:column;height:-moz-fit-content;height:fit-content;padding:32px 40px;position:relative;box-sizing:border-box;transition:all .3s ease;box-shadow:0 20px 40px var(--shadow-tertiary)}.loginregister-container .card-body .header{background-color:transparent;margin:0 0 40px;display:flex;flex-direction:column;align-items:center;position:relative}.loginregister-container .card-body .header img{width:80px;height:auto;max-height:80px;-o-object-fit:contain;object-fit:contain}.loginregister-container .card-body .header .title{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.loginregister-container .card-body .header .subtitle{color:var(--text-secondary)}.loginregister-container .card-body form{position:relative}.loginregister-container .card-body form .form-group{margin:0 0 12px;position:relative}.loginregister-container .card-body form .form-group i{position:absolute;left:16px;margin:16px 0;color:var(--text-tertiary);font-size:18px}.loginregister-container .card-body form .form-group i.invalid-icon{color:#dc3545}.loginregister-container .card-body form .form-group input{width:100%;outline:none;padding:12px 12px 12px 48px;box-sizing:border-box;font-size:14px;font-family:Inter,system-ui,sans-serif;background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:12px;color:var(--text-primary)}.loginregister-container .card-body form .form-group input::-moz-placeholder{color:var(--text-tertiary)}.loginregister-container .card-body form .form-group input::placeholder{color:var(--text-tertiary)}.loginregister-container .card-body form .form-group input:focus{outline:none;border-color:#a8ff00;background-color:var(--bg-secondary);box-shadow:0 0 0 4px #a8ff001a}.loginregister-container .card-body form .form-group .dark input{background-color:#374151;border-color:#4b5563}.loginregister-container .card-body form .form-group .dark input:focus{background-color:#4b5563}.loginregister-container .card-body form .form-group .light input:focus{background-color:var(--bg-secondary);border-color:#a8ff00}.loginregister-container .card-body form .form-group .btn-password{position:absolute;right:4px;width:40px;text-align:center;height:47px;background-color:transparent;border:none}.loginregister-container .card-body form .form-group .btn-password:focus{outline:none}.loginregister-container .card-body form .form-group .btn-password i{margin:auto;position:relative;top:0;left:0}.loginregister-container .card-body form .form-check{color:var(--text-primary);display:flex;justify-content:space-between;align-items:center}.loginregister-container .card-body form .form-check label{display:flex;align-items:center;gap:8px;cursor:pointer}.loginregister-container .card-body form .form-check label input{cursor:pointer}.loginregister-container .card-body form .message{margin:8px 0 12px;height:20px;font-weight:700}.loginregister-container .card-body form .message.error-message{color:#dc3545}.loginregister-container .card-body form .message.success-message{color:#28a745}.loginregister-container .card-body form .btn-box{display:flex;gap:12px}.loginregister-container .card-body .link-box{margin:20px 0 0;color:var(--text-primary);font-weight:200;display:flex;justify-content:center;gap:4px}.loginregister-container .card-body .link-box .link{color:#a259ff;font-weight:700;cursor:pointer}.loginregister-container .card-body .link-box .link:hover{color:#9147e6}.loginregister-container .card-body .hidden-form{opacity:0;position:absolute;pointer-events:none}.loginregister-container .card-body form .form-input-register i.dobble-icon{left:10px;color:var(--text-tertiary);opacity:.5}.loginregister-container .card-body form .form-check-register .provision{padding:4px 6px;border-radius:6px;color:var(--text-primary);background-color:#37415120;border:1px solid var(--border-secondary);box-sizing:border-box;text-decoration:none;cursor:pointer}.loginregister-container .card-body form .form-check-register .label-accept{border-bottom:2px solid transparent;box-sizing:border-box}.loginregister-container .card-body form .btn-edit-register{position:absolute;top:-20px;color:var(--border-secondary);background-color:transparent;border:none}.loginregister-container .card-body form .form-otp{display:flex;gap:12px;margin:12px 0 0}.loginregister-container .card-body form .form-otp .form-input-register{flex:4;margin:0}.loginregister-container .card-body form .form-otp .form-input-register input[type=number]::-webkit-outer-spin-button,.loginregister-container .card-body form .form-otp .form-input-register input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.loginregister-container .card-body form .otp-btn-box{display:flex;gap:12px}.membership{padding:40px;font-family:sans-serif;max-width:1000px;margin:auto}.membership .title{text-align:center;margin:0 0 32px;font-size:40px;font-weight:700}.membership .plans{display:flex;gap:40px;justify-content:center;align-items:center}.membership .plans .card-border,.membership .plans .card-normal{position:relative;width:420px;height:auto;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:20px;border:2px solid #a8ff00;background-color:var(--bg-primary)}.membership .plans .card-border.card-border:before,.membership .plans .card-normal.card-border:before{content:"";position:absolute;width:200px;height:130%;background-image:linear-gradient(180deg,#a8ff00,#a259ff);animation:card-border 3s linear infinite;transition:all .3s linear}.membership .plans .card-border.card-border:after,.membership .plans .card-normal.card-border:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;background:linear-gradient(135deg,#a8ff00,#a259ff);border-radius:16px}.membership .plans .card-border .content,.membership .plans .card-normal .content{z-index:1;width:100%;padding:20px 40px;color:var(--text-primary);box-sizing:border-box}.membership .plans .card-border .content .plan-title,.membership .plans .card-normal .content .plan-title{font-size:32px;font-weight:700;margin-bottom:16px;text-align:center}.membership .plans .card-border .content .feature,.membership .plans .card-normal .content .feature{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px}.membership .plans .card-border .content .feature i,.membership .plans .card-normal .content .feature i{width:20px;text-align:center}.membership .plans .card-border .content .feature i.fa-check,.membership .plans .card-normal .content .feature i.fa-check{color:#a8ff00}.membership .plans .card-border .content .feature i.fa-xmark,.membership .plans .card-normal .content .feature i.fa-xmark{color:#a259ff}.membership .plans .card-border .content .btn,.membership .plans .card-normal .content .btn{display:flex;justify-content:center;margin:32px 0 0;width:100%;padding:8px 12px;background:linear-gradient(135deg,#a259ff,#a8ff00);color:var(--text-primary);font-weight:700;border:2px solid #ffffff;box-sizing:border-box;border-radius:10px;cursor:pointer;transition:all .2s ease}.membership .plans .card-border .content .btn:hover,.membership .plans .card-normal .content .btn:hover{background:linear-gradient(135deg,#8247ce,#8acf00)}.membership .plans .card-border .content .btn:disabled,.membership .plans .card-normal .content .btn:disabled{opacity:.7;cursor:not-allowed}@keyframes card-border{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.profile-settings{display:flex;flex-direction:column;gap:2rem}.profile-settings .profile-overview,.profile-settings .change-password,.profile-settings .notification-preferences{border-radius:1rem;padding:1.5rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-primary);border:1px solid var(--border-secondary);transition:all .5s ease}.profile-settings .profile-settings.light .profile-overview,.profile-settings .profile-settings.light .change-password,.profile-settings .profile-settings.light .notification-preferences,.profile-settings .profile-settings.dark .profile-overview,.profile-settings .profile-settings.dark .change-password,.profile-settings .profile-settings.dark .notification-preferences{background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-primary);box-shadow:var(--shadow-primary)}.profile-settings .profile-overview:hover{box-shadow:0 25px 50px -12px #a8ff001a;transform:scale(1.02)}.profile-settings .profile-overview .profile-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 1024px){.profile-settings .profile-overview .profile-container{flex-direction:row;align-items:flex-start;gap:2rem}}.profile-settings .profile-overview .profile-image-group{position:relative}.profile-settings .profile-overview .profile-image-border{width:10rem;height:10rem;border-radius:50%;background:linear-gradient(to bottom right,var(--accent-primary),var(--accent-secondary));padding:.25rem;box-shadow:0 10px 15px -3px var(--shadow-primary)}.profile-settings .profile-overview .profile-image-inner{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);overflow:hidden;transition:all .3s ease}.group :is(.profile-settings .profile-overview .profile-image-inner):hover{transform:scale(1.05)}.profile-settings .profile-overview .profile-user-icon{width:4rem;height:4rem;color:var(--text-tertiary)}.profile-settings .profile-overview .profile-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.profile-settings .profile-overview .profile-camera-button{position:absolute;bottom:.5rem;right:.5rem;padding:.75rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));border-radius:50%;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease}.profile-settings .profile-overview .profile-camera-button:hover{box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.1)}.profile-settings .profile-overview .profile-camera-button .camera-icon{width:1.25rem;height:1.25rem;color:#000;transition:transform .3s ease}.group :is(.profile-settings .profile-overview .profile-camera-button .camera-icon):hover{transform:rotate(12deg)}.profile-settings .profile-overview .player-badge{position:absolute;top:-.5rem;right:-.5rem;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:700;background:var(--accent-primary);color:var(--text-primary);box-shadow:0 10px 15px -3px #0000001a;animation:pulse 2s infinite}.profile-settings .profile-overview .profile-info{flex:1;text-align:center}@media (min-width: 1024px){.profile-settings .profile-overview .profile-info{text-align:left}}.profile-settings .profile-overview .editing-form{display:flex;flex-direction:column;gap:1rem}.profile-settings .profile-overview .editing-grid1,.profile-settings .profile-overview .editing-grid2{display:grid;grid-template-columns:1fr;gap:1rem}@media (min-width: 768px){.profile-settings .profile-overview .editing-grid1,.profile-settings .profile-overview .editing-grid2{grid-template-columns:1fr 1fr}}.profile-settings .profile-overview .input-name,.profile-settings .profile-overview .input-phone,.profile-settings .profile-overview .input-location,.profile-settings .profile-overview .input-position{padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-secondary);color:var(--text-primary);transition:all .3s ease;background:var(--bg-tertiary)}.profile-settings .profile-overview .input-name:focus,.profile-settings .profile-overview .input-phone:focus,.profile-settings .profile-overview .input-location:focus,.profile-settings .profile-overview .input-position:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary);border-color:transparent}.profile-settings .profile-overview .editing-buttons{display:flex;gap:.75rem}.profile-settings .profile-overview .save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);border-radius:.5rem;font-weight:600;border:none;transition:all .3s ease}.profile-settings .profile-overview .save-button:hover{box-shadow:0 10px 15px -3px #a8ff0033}.profile-settings .profile-overview .save-button .icon{width:1.25rem;height:1.25rem}.profile-settings .profile-overview .cancel-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:.5rem;font-weight:600;transition:all .3s ease}.profile-settings .profile-overview .cancel-button:hover{background:var(--bg-secondary);transform:scale(1.05)}.profile-settings .profile-overview .cancel-button .icon{width:1.25rem;height:1.25rem}.profile-settings .profile-overview .profile-details{display:flex;flex-direction:column;gap:1rem}.profile-settings .profile-overview .user-name{font-size:1.875rem;font-weight:700;color:var(--text-primary)}.profile-settings .profile-overview .user-details{display:flex;flex-direction:column;gap:.75rem}.profile-settings .profile-overview .detail-item{display:flex;align-items:center;gap:.5rem;justify-content:center}@media (min-width: 1024px){.profile-settings .profile-overview .detail-item{justify-content:flex-start}}.profile-settings .profile-overview .detail-dot{width:.5rem;height:.5rem;border-radius:50%;animation:pulse 2s infinite}.profile-settings .profile-overview .detail-dot.green-dot{background:var(--accent-primary)}.profile-settings .profile-overview .detail-dot.purple-dot{background:var(--accent-secondary)}.profile-settings .profile-overview .detail-text{font-weight:500;color:var(--text-secondary)}.profile-settings .profile-overview .detail-icon{width:1rem;height:1rem}.profile-settings .profile-overview .detail-icon.purple-icon{color:var(--accent-primary)}.profile-settings .profile-overview .detail-member{font-size:.875rem;color:var(--text-tertiary)}.profile-settings .profile-overview .edit-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);border-radius:.5rem;font-weight:600;transition:all .3s ease;margin-top:1rem}.profile-settings .profile-overview .edit-button:hover{box-shadow:0 10px 15px -3px #a8ff0033;transform:scale(1.05)}.profile-settings .profile-overview .edit-button .icon{width:1.25rem;height:1.25rem}.profile-settings .grid-sections{display:grid;grid-template-columns:1fr;gap:2rem}@media (min-width: 1024px){.profile-settings .grid-sections{grid-template-columns:1fr 1fr}}.profile-settings .section-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.profile-settings .section-icon{width:1.25rem;height:1.25rem}.profile-settings .section-icon.purple-icon{color:var(--accent-primary)}.profile-settings .section-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.profile-settings .password-form{display:flex;flex-direction:column;gap:1rem}.profile-settings .input-group{display:flex;flex-direction:column}.profile-settings .input-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;position:relative}.profile-settings .input-label:after{content:"";position:absolute;bottom:-2px;left:0;width:2rem;height:2px;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));border-radius:1px}.profile-settings .input-wrapper{position:relative;display:flex;align-items:center}.profile-settings .input-wrapper .password-input{width:100%;padding:.875rem 3rem .875rem 1rem;border-radius:.5rem;border:2px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem;transition:all .3s ease}.profile-settings .input-wrapper .password-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #a8ff001a;background:var(--bg-secondary)}.profile-settings .input-wrapper .password-input::-moz-placeholder{color:var(--text-tertiary)}.profile-settings .input-wrapper .password-input::placeholder{color:var(--text-tertiary)}.profile-settings .password-input{width:100%;padding:.875rem 3rem .875rem 1rem;border-radius:.5rem;border:2px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-primary);font-size:.875rem;transition:all .3s ease}.profile-settings .password-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #a8ff001a;background:var(--bg-secondary)}.profile-settings .password-input::-moz-placeholder{color:var(--text-tertiary)}.profile-settings .password-input::placeholder{color:var(--text-tertiary)}.profile-settings .visibility-toggle{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);padding:.5rem;border-radius:.375rem;background:transparent;border:none;color:var(--text-tertiary);transition:all .2s ease;cursor:pointer}.profile-settings .visibility-toggle:hover{color:var(--accent-primary);background:#a8ff001a;transform:translateY(-50%) scale(1.1)}.profile-settings .visibility-toggle:active{transform:translateY(-50%) scale(.95)}.profile-settings .visibility-toggle .eye-icon{width:1.25rem;height:1.25rem;transition:transform .2s ease}.profile-settings .submit-button{width:100%;padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #a8ff004d}.profile-settings .submit-button:hover{box-shadow:0 6px 20px #a8ff0066;transform:translateY(-2px)}.profile-settings .submit-button:active{transform:translateY(0)}.profile-settings .submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-settings .submit-button.loading-disabled{opacity:.7;cursor:wait}.profile-settings .submit-button.success{background:var(--accent-primary);color:var(--bg-primary)}.profile-settings .submit-button .success-message{display:flex;align-items:center;justify-content:center;gap:.5rem}.profile-settings .submit-button .success-message .icon{width:1.25rem;height:1.25rem}.profile-settings .notification-preferences:hover{box-shadow:0 25px 50px -12px #a8ff001a;transform:scale(1.02)}.profile-settings .header-icon-border{padding:.5rem;border-radius:.5rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary))}.profile-settings .bell-icon{width:1.25rem;height:1.25rem;color:#000}.profile-settings .preferences-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.profile-settings .toggle-switch{display:flex;align-items:center;justify-content:space-between;padding:1.25rem;border-radius:.75rem;background:var(--bg-tertiary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-secondary);transition:all .3s ease;cursor:pointer}.profile-settings .toggle-switch:hover{background:var(--bg-secondary);border-color:var(--border-secondary);transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.profile-settings .toggle-switch:active{transform:translateY(0)}.profile-settings .toggle-content{display:flex;align-items:center;gap:.75rem;flex:1}.profile-settings .toggle-icon{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:.5rem;border-radius:.5rem;transition:all .3s ease;border:1px solid var(--border-secondary)}.profile-settings .toggle-icon.enabled{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:var(--accent-primary);box-shadow:0 4px 15px #a8ff004d}.profile-settings .toggle-icon:not(.enabled){background:var(--bg-secondary);border-color:var(--border-secondary)}.profile-settings .toggle-icon-inner{width:1rem;height:1rem;color:var(--text-secondary);transition:all .3s ease}.profile-settings .toggle-icon.enabled .toggle-icon-inner{color:var(--bg-primary);transform:scale(1.1)}.profile-settings .toggle-text{flex:1}.profile-settings .toggle-label{font-weight:600;color:var(--text-primary)}.profile-settings .toggle-description{font-size:.875rem;color:var(--text-tertiary)}.profile-settings .toggle-button{position:relative;width:4rem;height:2rem;border-radius:9999px;transition:all .3s ease;cursor:pointer;border:2px solid var(--border-secondary);background:var(--bg-tertiary)}.profile-settings .toggle-button:focus{outline:none;box-shadow:0 0 0 3px #a8ff004d}.profile-settings .toggle-button:hover{transform:scale(1.05);border-color:var(--border-secondary)}.profile-settings .toggle-button.enabled{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));border-color:var(--accent-primary);box-shadow:0 4px 15px #a8ff0066}.profile-settings .toggle-button.enabled:hover{transform:scale(1.05);box-shadow:0 6px 20px #a8ff0080}.profile-settings .toggle-button:not(.enabled){background:var(--bg-tertiary);border-color:var(--border-secondary)}.profile-settings .toggle-button:not(.enabled):hover{background:var(--bg-secondary);border-color:var(--border-secondary)}.profile-settings .toggle-button .toggle-knob{position:absolute;top:.125rem;width:1.5rem;height:1.5rem;background:var(--bg-primary);border-radius:50%;box-shadow:0 2px 8px #0003;transition:all .3s ease}.profile-settings .toggle-button .toggle-knob.enabled{left:2.25rem;box-shadow:0 4px 12px #0000004d}.profile-settings .toggle-button .toggle-knob:not(.enabled){left:.125rem}.profile-settings .save-pref-button{width:100%;padding:.875rem 1.5rem;border-radius:.5rem;font-weight:600;font-size:.875rem;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #a8ff004d}.profile-settings .save-pref-button:hover{box-shadow:0 6px 20px #a8ff0066;transform:translateY(-2px)}.profile-settings .save-pref-button:active{transform:translateY(0)}.profile-settings .save-pref-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.profile-settings .save-pref-button.loading-disabled{opacity:.7;cursor:wait}.profile-settings .save-pref-button.success{background:var(--accent-primary);color:var(--bg-primary);box-shadow:0 4px 15px #22c55e66}.profile-settings .save-pref-button .success-message{display:flex;align-items:center;justify-content:center;gap:.5rem}.profile-settings .save-pref-button .success-message .icon{width:1.25rem;height:1.25rem}.profile-settings .delete-account{border-radius:1rem;padding:1.5rem;background:var(--warning-light);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;border:1px solid var(--warning);transition:all .3s ease}.profile-settings .alert-icon{width:1.25rem;height:1.25rem;color:var(--error)}.profile-settings .warning-text{font-size:.875rem;margin-bottom:1rem;color:var(--text-secondary)}.profile-settings .delete-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--error);color:var(--bg-primary);border-radius:.5rem;transition:all .3s ease}.profile-settings .delete-button:hover{background:var(--error-dark);transform:scale(1.05)}.profile-settings .delete-button .icon{width:1rem;height:1rem}.profile-settings .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.profile-settings .modal-content{max-width:28rem;width:100%;border-radius:1rem;padding:1.5rem;background:var(--bg-primary);box-shadow:0 25px 50px -12px #00000040;color:var(--text-primary);border:1px solid var(--border-secondary)}.profile-settings .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.profile-settings .modal-title{font-size:1.25rem;font-weight:600;color:var(--error)}.profile-settings .close-button{padding:.5rem;border-radius:50%;transition:background .2s ease}.profile-settings .close-button:hover{background:var(--bg-secondary)}.profile-settings .close-button .close-icon{width:1.25rem;height:1.25rem}.profile-settings .modal-body{display:flex;flex-direction:column;gap:1rem}.profile-settings .modal-description{color:var(--text-secondary)}.profile-settings .confirm-group{display:flex;flex-direction:column}.profile-settings .confirm-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.profile-settings .confirm-label .delete-word{font-weight:700;color:var(--error)}.profile-settings .confirm-input{width:100%;padding:.5rem 1rem;border-radius:.5rem;border:1px solid var(--border-secondary);color:var(--text-primary);background:var(--bg-tertiary);transition:all .3s ease}.profile-settings .confirm-input:focus{outline:none;box-shadow:0 0 0 2px var(--error);border-color:transparent}.profile-settings .modal-actions{display:flex;gap:.75rem}.profile-settings .confirm-delete{flex:1;padding:.5rem 1rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;background:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.profile-settings .confirm-delete.enabled{background:var(--error);color:var(--bg-primary);cursor:pointer}.profile-settings .confirm-delete.enabled:hover{background:var(--error-dark)}.profile-settings .cancel-button{flex:1;padding:.5rem 1rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:.5rem;font-weight:600;transition:all .3s ease}.profile-settings .cancel-button:hover{background:var(--bg-secondary)}.profile-settings.light .profile-overview,.profile-settings.light .change-password,.profile-settings.light .notification-preferences{background:#ffffffe6;border:1px solid var(--border-secondary);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-settings.light .password-input,.profile-settings.light .input-name,.profile-settings.light .input-phone,.profile-settings.light .input-location,.profile-settings.light .input-position{background:#cccccc20;border:2px solid var(--border-secondary);color:var(--text-primary)}.profile-settings.light .password-input:focus,.profile-settings.light .input-name:focus,.profile-settings.light .input-phone:focus,.profile-settings.light .input-location:focus,.profile-settings.light .input-position:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #a8ff001a;background:var(--bg-secondary)}.profile-settings.light .password-input::-moz-placeholder,.profile-settings.light .input-name::-moz-placeholder,.profile-settings.light .input-phone::-moz-placeholder,.profile-settings.light .input-location::-moz-placeholder,.profile-settings.light .input-position::-moz-placeholder{color:var(--text-secondary)}.profile-settings.light .password-input::placeholder,.profile-settings.light .input-name::placeholder,.profile-settings.light .input-phone::placeholder,.profile-settings.light .input-location::placeholder,.profile-settings.light .input-position::placeholder{color:var(--text-secondary)}.profile-settings.light .input-label{color:var(--text-primary)}.profile-settings.light .visibility-toggle{color:var(--text-secondary)}.profile-settings.light .visibility-toggle:hover{color:var(--accent-primary);background:#a8ff001a}.profile-settings.light .toggle-switch{background:#fffc;border:1px solid var(--border-secondary)}.profile-settings.light .toggle-switch:hover{background:#fffffff2;border-color:var(--border-secondary);box-shadow:0 8px 25px #0000001a}.profile-settings.light .toggle-icon:not(.enabled){background:var(--border-secondary);border-color:var(--border-secondary)}.profile-settings.light .toggle-button:not(.enabled){background:var(--border-secondary);border-color:var(--border-secondary)}.profile-settings.light .toggle-label{color:var(--text-primary)}.profile-settings.light .toggle-description{color:var(--text-secondary)}.profile-settings.light .delete-account{background:#7a161676;border:1px solid var(--border-secondary);color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-settings.light .modal-content{background:#fff;color:var(--text-primary);border:1px solid var(--border-secondary)}.profile-settings.light .confirm-input{background:#fff;border:2px solid var(--border-secondary);color:var(--text-primary)}.profile-settings.light .confirm-input:focus{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.profile-settings.light .cancel-button{background:var(--border-secondary);color:var(--text-primary)}.profile-settings.light .cancel-button:hover{background:var(--bg-secondary);transform:translateY(-1px)}.profile-settings.dark .profile-overview,.profile-settings.dark .change-password,.profile-settings.dark .notification-preferences{background:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-primary);box-shadow:var(--shadow-primary)}.profile-settings.dark .password-input,.profile-settings.dark .input-name,.profile-settings.dark .input-phone,.profile-settings.dark .input-location,.profile-settings.dark .input-position{background:#80808020;border:2px solid var(--border-secondary);color:var(--text-primary)}.profile-settings.dark .password-input:focus,.profile-settings.dark .input-name:focus,.profile-settings.dark .input-phone:focus,.profile-settings.dark .input-location:focus,.profile-settings.dark .input-position:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #a8ff001a;background:var(--bg-secondary)}.profile-settings.dark .password-input::-moz-placeholder,.profile-settings.dark .input-name::-moz-placeholder,.profile-settings.dark .input-phone::-moz-placeholder,.profile-settings.dark .input-location::-moz-placeholder,.profile-settings.dark .input-position::-moz-placeholder{color:var(--text-secondary)}.profile-settings.dark .password-input::placeholder,.profile-settings.dark .input-name::placeholder,.profile-settings.dark .input-phone::placeholder,.profile-settings.dark .input-location::placeholder,.profile-settings.dark .input-position::placeholder{color:var(--text-secondary)}.profile-settings.dark .input-label{color:var(--text-primary)}.profile-settings.dark .visibility-toggle{color:var(--text-secondary)}.profile-settings.dark .visibility-toggle:hover{color:var(--accent-primary);background:#a8ff001a}.profile-settings.dark .toggle-switch{background:var(--bg-tertiary);border:1px solid var(--border-secondary)}.profile-settings.dark .toggle-switch:hover{background:var(--bg-secondary);border-color:var(--border-secondary);box-shadow:0 8px 25px #0000001a}.profile-settings.dark .toggle-icon:not(.enabled){background:var(--border-secondary);border-color:var(--border-secondary)}.profile-settings.dark .toggle-button:not(.enabled){background:var(--border-secondary);border-color:var(--border-secondary)}.profile-settings.dark .toggle-label{color:var(--text-primary)}.profile-settings.dark .toggle-description{color:var(--text-secondary)}.profile-settings.dark .delete-account{background:var(--warning-dark);border:1px solid var(--warning);color:var(--text-primary)}.profile-settings.dark .modal-content{background:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-secondary)}.profile-settings.dark .confirm-input{background:var(--bg-tertiary);border:2px solid var(--border-secondary);color:var(--text-primary)}.profile-settings.dark .confirm-input:focus{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.profile-settings.dark .cancel-button{background:var(--border-secondary);color:var(--text-primary)}.profile-settings.dark .cancel-button:hover{background:var(--bg-secondary);transform:translateY(-1px)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.profile-header{display:flex;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:2rem;gap:1rem}@media (min-width: 640px){.profile-header{flex-direction:row;gap:0}}.profile-header .header-left{display:flex;align-items:center;gap:1rem}.profile-header .header-left .pulse-bar{width:.5rem;height:2rem;background:linear-gradient(to bottom,#a8ff00,#a259ff);border-radius:9999px;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.profile-header .header-left .title{font-size:1.875rem;line-height:2.25rem;font-weight:700;color:var(--text-primary)}.profile-header .header-right{display:flex;align-items:center;gap:1rem}.profile-header .header-right .tab-nav{display:flex;gap:.25rem;border-radius:.75rem;padding:.25rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-secondary);background-color:var(--bg-tertiary);box-shadow:var(--shadow-primary)}.profile-header .header-right .tab-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;transition:all .3s ease;color:var(--text-secondary);background:transparent;border:none;cursor:pointer}.profile-header .header-right .tab-button:hover{color:var(--text-primary);background-color:var(--bg-quaternary)}.profile-header .header-right .tab-button.active{background:linear-gradient(to right,#a8ff00,#a259ff);color:#000;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.profile-header .header-right .tab-button .icon-small{width:1rem;height:1rem}.profile-header .header-right .tab-button .tab-label{font-weight:500}.booking-history{border-radius:1rem;padding:1.5rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-primary);border:1px solid var(--border-secondary);transition:all .5s ease}.booking-history:hover{box-shadow:0 25px 50px -12px rgba(var(--accent-primary-rgb),.1);transform:scale(1.02)}@media (min-width: 480px){.booking-history{padding:1.5rem 1.5rem 2rem}}@media (min-width: 640px){.booking-history{padding:2rem 3rem 2.5rem}}@media (min-width: 1024px){.booking-history{padding:2.5rem 4rem 3rem}}.booking-history .header{background-color:transparent;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;position:relative}.booking-history .header-icon{width:1.25rem;height:1.25rem;color:var(--purple);transition:transform .3s ease;animation:pulse 2s infinite}.booking-history .header:hover .header-icon{transform:rotate(12deg) scale(1.1)}.booking-history .title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.booking-history .filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width: 640px){.booking-history .filters{flex-direction:row}}.booking-history .filter-group{flex:1}.booking-history .label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.booking-history .select{width:100%;padding:.5rem 2.5rem .5rem 1rem;border-radius:.5rem;border:1px solid var(--border-secondary);background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s;font-size:.875rem;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.booking-history .select:focus{box-shadow:0 0 0 2px var(--green);border-color:var(--green);outline:none}.booking-history .select:hover{border-color:var(--border-primary)}.booking-history .booking-list-container{max-height:27rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-secondary) var(--bg-primary)}.booking-history .booking-list-container::-webkit-scrollbar{width:8px}.booking-history .booking-list-container::-webkit-scrollbar-track{background:var(--bg-primary)}.booking-history .booking-list-container::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.booking-history .booking-list{display:flex;flex-direction:column;gap:1rem}.booking-history .booking-card{padding:1rem;border-radius:.5rem;border:1px solid var(--border-secondary);background:var(--bg-primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;position:relative;overflow:hidden;min-height:6rem}.booking-history .booking-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--green));opacity:0;transition:opacity .3s ease}.booking-history .booking-card:hover{box-shadow:0 10px 15px -3px rgba(var(--accent-primary-rgb),.1),0 4px 6px -4px rgba(var(--accent-primary-rgb),.1);border-color:var(--accent-primary)}.booking-history .booking-card:hover:before{opacity:1}.booking-history .card-content{display:flex;flex-direction:column;gap:.75rem;justify-content:space-between}@media (min-width: 640px){.booking-history .card-content{flex-direction:row;align-items:center;gap:0}}.booking-history .field-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.booking-history .field-name{display:flex;align-items:center;gap:.5rem}.booking-history .map-icon{width:1rem;height:1rem;color:var(--purple)}.booking-history .field-title{font-weight:600;color:var(--text-primary)}.booking-history .details{display:flex;align-items:center;gap:1rem;font-size:.875rem}.booking-history .date,.booking-history .time{display:flex;align-items:center;gap:.25rem}.booking-history .date-icon,.booking-history .time-icon{width:1rem;height:1rem;color:var(--text-tertiary)}.booking-history .details span{color:var(--text-secondary)}.booking-history .price-status{display:flex;align-items:center;gap:1rem}.booking-history .price{display:flex;align-items:center;gap:.25rem}.booking-history .dollar-icon{width:1rem;height:1rem;color:var(--purple)}.booking-history .price-amount{font-weight:600;color:var(--text-primary)}.booking-history .status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid var(--border-secondary);background-color:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;transition:all .3s ease;position:relative;overflow:hidden}.booking-history .status:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:currentColor;opacity:.3}.booking-history .status.completed{background-color:#22c55e1a;color:var(--success);border-color:var(--success-dark)}.booking-history .status.cancelled{background-color:#ef44441a;color:var(--error);border-color:var(--error)}.booking-history .status.upcoming{background-color:#3b82f61a;color:var(--info);border-color:var(--info)}.booking-history .no-bookings{text-align:center;padding:2rem 0;color:var(--text-tertiary)}.booking-history .no-bookings .no-bookings-message{margin-top:1rem;font-size:1rem;font-weight:500}.booking-history .no-bookings .no-bookings-subtext{margin-top:.5rem;font-size:.875rem;opacity:.7}.booking-history .no-bookings-icon{width:3rem;height:3rem;margin:0 auto 1rem;opacity:.5;color:var(--text-quaternary)}.booking-history.loading{opacity:.7;pointer-events:none}.booking-history.loading .booking-card{animation:pulse 1.5s ease-in-out infinite}[data-theme=dark] .booking-history .header-icon,[data-theme=dark] .booking-history .map-icon,[data-theme=dark] .booking-history .dollar-icon{color:var(--green)}.booking-history .booking-card{animation:slideIn .5s ease-out}.booking-history .booking-card:nth-child(1){animation-delay:.1s}.booking-history .booking-card:nth-child(2){animation-delay:.2s}.booking-history .booking-card:nth-child(3){animation-delay:.3s}.booking-history .booking-card:nth-child(4){animation-delay:.4s}.favorite-fields{border-radius:1rem;padding:1.5rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-primary);border:1px solid var(--border-secondary);transition:all .5s ease}.favorite-fields:hover{box-shadow:0 25px 50px -12px rgba(var(--accent-primary-rgb),.1);transform:scale(1.02)}@media (min-width: 480px){.favorite-fields{padding:1.5rem 1.5rem 2rem}}@media (min-width: 640px){.favorite-fields{padding:2rem 3rem 2.5rem}}@media (min-width: 1024px){.favorite-fields{padding:2.5rem 4rem 3rem}}.favorite-fields .header{background-color:transparent;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;position:relative}.favorite-fields .header-icon{width:1.25rem;height:1.25rem;color:var(--purple);transition:transform .3s ease;animation:pulse 2s infinite}.favorite-fields .header:hover .header-icon{transform:rotate(12deg) scale(1.1)}.favorite-fields .title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.favorite-fields .filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width: 640px){.favorite-fields .filters{flex-direction:row}}.favorite-fields .filter-group{flex:1}.favorite-fields .search-group,.favorite-fields .search-bar{position:relative}.favorite-fields .search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--text-tertiary);width:1rem;height:1rem}.favorite-fields .search-bar input{width:100%;padding:.5rem 1rem .5rem 2.5rem;border-radius:.5rem;border:1px solid var(--border-secondary);background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s;font-size:.875rem}.favorite-fields .label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.favorite-fields .select{width:100%;padding:.5rem 2.5rem .5rem 1rem;border-radius:.5rem;border:1px solid var(--border-secondary);background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s;font-size:.875rem;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.favorite-fields .select:focus{box-shadow:0 0 0 2px var(--green);border-color:var(--green);outline:none}.favorite-fields .select:hover{border-color:var(--border-primary)}.favorite-fields .favorite-list-container{max-height:27rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-secondary) var(--bg-primary)}.favorite-fields .favorite-list-container::-webkit-scrollbar{width:8px}.favorite-fields .favorite-list-container::-webkit-scrollbar-track{background:var(--bg-primary)}.favorite-fields .favorite-list-container::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.favorite-fields .fields-table{width:100%;border-collapse:collapse}.favorite-fields .fields-table th,.favorite-fields .fields-table td{padding:.75rem;text-align:left;border-bottom:1px solid var(--border-secondary)}.favorite-fields .fields-table th{background:var(--bg-tertiary);font-weight:600;color:var(--text-primary)}.favorite-fields .fields-table td{color:var(--text-secondary)}.favorite-fields .table-image{width:100px;height:auto;border-radius:.25rem}.favorite-fields .grid-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.favorite-fields .grid-card{padding:1rem;border-radius:.5rem;border:1px solid var(--border-secondary);background:var(--bg-primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:20rem}.favorite-fields .grid-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--green));opacity:0;transition:opacity .3s ease}.favorite-fields .grid-card:hover{box-shadow:0 10px 15px -3px rgba(var(--accent-primary-rgb),.1),0 4px 6px -4px rgba(var(--accent-primary-rgb),.1);transform:translateY(-2px);border-color:var(--accent-primary)}.favorite-fields .grid-card:hover:before{opacity:1}.favorite-fields .grid-image{width:100%;height:10rem;-o-object-fit:cover;object-fit:cover;border-radius:.5rem}.favorite-fields .grid-info{padding:1rem 0;display:flex;flex-direction:column;gap:.5rem}.favorite-fields .grid-name{font-weight:600;color:var(--text-primary)}.favorite-fields .grid-details{display:flex;align-items:center;gap:.25rem;font-size:.875rem}.favorite-fields .detail-icon{width:1rem;height:1rem;color:var(--text-tertiary)}.favorite-fields .grid-price{font-weight:600;color:var(--text-primary)}.favorite-fields .grid-added{font-size:.875rem;color:var(--text-secondary)}.favorite-fields .remove-button{background:var(--error);color:#fff;border:none;padding:.5rem;border-radius:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;margin-top:auto}.favorite-fields .remove-button:hover{background:var(--error-dark)}.favorite-fields .remove-icon{width:1rem;height:1rem}.favorite-fields .no-favorites{text-align:center;padding:2rem 0;color:var(--text-tertiary)}.favorite-fields .no-favorites-icon{width:3rem;height:3rem;margin:0 auto 1rem;opacity:.5;color:var(--text-quaternary)}.favorite-fields.loading{opacity:.7;pointer-events:none}.favorite-fields.loading .grid-card{animation:pulse 1.5s ease-in-out infinite}[data-theme=dark] .favorite-fields .header-icon{color:var(--green)}.favorite-fields .grid-card{animation:slideIn .5s ease-out}.favorite-fields .grid-card:nth-child(1){animation-delay:.1s}.favorite-fields .grid-card:nth-child(2){animation-delay:.2s}.favorite-fields .grid-card:nth-child(3){animation-delay:.3s}.favorite-fields .grid-card:nth-child(4){animation-delay:.4s}.voucher{border-radius:1rem;padding:1.5rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-primary);border:1px solid var(--border-secondary);transition:all .5s ease}.voucher:hover{box-shadow:0 25px 50px -12px rgba(var(--accent-primary-rgb),.1);transform:scale(1.02)}@media (min-width: 480px){.voucher{padding:1.5rem 1.5rem 2rem}}@media (min-width: 640px){.voucher{padding:2rem 3rem 2.5rem}}@media (min-width: 1024px){.voucher{padding:2.5rem 4rem 3rem}}.voucher .header{background-color:transparent;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;position:relative}.voucher .header-icon{width:1.25rem;height:1.25rem;color:var(--purple);transition:transform .3s ease;animation:pulse 2s infinite}.voucher .header:hover .header-icon{transform:rotate(12deg) scale(1.1)}.voucher .title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.voucher .filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media (min-width: 640px){.voucher .filters{flex-direction:row}}.voucher .filter-group{flex:1}.voucher .label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-secondary)}.voucher .select{width:100%;padding:.5rem 2.5rem .5rem 1rem;border-radius:.5rem;border:1px solid var(--border-secondary);background-color:var(--bg-primary);color:var(--text-primary);transition:all .3s;font-size:.875rem;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem}.voucher .select:focus{box-shadow:0 0 0 2px var(--green);border-color:var(--green);outline:none}.voucher .select:hover{border-color:var(--border-primary)}.voucher .btn{padding:.5rem 1rem;height:-moz-fit-content;height:fit-content;align-self:self-end;border-radius:.5rem;border:1px solid var(--border-secondary);background-color:var(--bg-primary);color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease}.voucher .btn:hover{background-color:var(--bg-secondary)}.voucher .voucher-list-container{max-height:27rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-secondary) var(--bg-primary)}.voucher .voucher-list-container::-webkit-scrollbar{width:8px}.voucher .voucher-list-container::-webkit-scrollbar-track{background:var(--bg-primary)}.voucher .voucher-list-container::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.voucher .voucher-list{display:flex;flex-direction:column;gap:1rem}.voucher .voucher-card{padding:1rem;border-radius:.5rem;border:1px solid var(--border-secondary);background:var(--bg-primary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s ease;position:relative;overflow:hidden;min-height:6rem}.voucher .voucher-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--purple),var(--green));opacity:0;transition:opacity .3s ease}.voucher .voucher-card:hover{box-shadow:0 10px 15px -3px rgba(var(--accent-primary-rgb),.1),0 4px 6px -4px rgba(var(--accent-primary-rgb),.1);border-color:var(--accent-primary)}.voucher .voucher-card:hover:before{opacity:1}.voucher .card-content{display:flex;flex-direction:column;gap:.75rem;justify-content:space-between}@media (min-width: 640px){.voucher .card-content{flex-direction:row;align-items:center;gap:0}}.voucher .voucher-info{flex:1;display:flex;flex-direction:column;gap:.5rem}.voucher .voucher-name{display:flex;align-items:center;gap:.5rem}.voucher .gift-icon{width:1rem;height:1rem;color:var(--purple)}.voucher .voucher-title{font-weight:600;color:var(--text-primary)}.voucher .details{display:flex;align-items:center;gap:1rem;font-size:.875rem}.voucher .discount{color:var(--text-secondary)}.voucher .receive{display:flex;align-items:center;gap:.25rem}.voucher .calendar-icon{width:1rem;height:1rem;color:var(--text-tertiary)}.voucher .details span{color:var(--text-secondary)}.voucher .status{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;border:1px solid var(--border-secondary);background-color:var(--bg-tertiary);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.025em;transition:all .3s ease;position:relative;overflow:hidden}.voucher .status:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:currentColor;opacity:.3}.voucher .status.active{background-color:#22c55e1a;color:var(--success);border-color:var(--success-dark)}.voucher .status.expired{background-color:#ef44441a;color:var(--error);border-color:var(--error)}.voucher .no-vouchers{text-align:center;padding:2rem 0;color:var(--text-tertiary)}.voucher .no-vouchers-icon{width:3rem;height:3rem;margin:0 auto 1rem;opacity:.5;color:var(--text-quaternary)}.voucher.loading{opacity:.7;pointer-events:none}.voucher.loading .voucher-card{animation:pulse 1.5s ease-in-out infinite}[data-theme=dark] .voucher .header-icon,[data-theme=dark] .voucher .gift-icon{color:var(--green)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.voucher .voucher-card{animation:slideIn .5s ease-out}.voucher .voucher-card:nth-child(1){animation-delay:.1s}.voucher .voucher-card:nth-child(2){animation-delay:.2s}.voucher .voucher-card:nth-child(3){animation-delay:.3s}.voucher .voucher-card:nth-child(4){animation-delay:.4s}.reward-list{border-radius:12px;padding:20px;max-width:800px;margin:2rem auto;color:#e0e0e0}.reward-list .items{display:flex;flex-direction:column;gap:10px}.reward-list .item{background-color:#2c3a47;padding:12px 20px;border-radius:8px;border:2px solid #4B5563;display:flex;justify-content:space-between;align-items:center;transition:border-color .2s ease-in-out}.reward-list .item:hover{border-color:#fbbc05}.reward-list .item .info{display:flex;align-items:center;gap:15px}.reward-list .item .info i{color:#a8ff00}.reward-list .item .info .description{margin:0;font-size:.95rem}.reward-list .item .min{color:#fb8b24}.reward-list .item .max{color:#28a745}.reward-list .item .action{display:flex;align-items:center;gap:15px}.reward-list .item .action .points{font-weight:600;font-size:.9rem;color:#aebecd}.reward-list .item .button{border:none;border-radius:100px;padding:4px 20px;font-weight:500;color:#fff;cursor:pointer}.reward-list .item .button.blue{color:#60a5fa;background-color:#1e3fae33;border:2px solid #1D4ED8}.reward-list .item .button.green{color:#4ade80;background-color:#16653433;border:2px solid #15803D}.reward-list .item .button.yellow{color:#fde047;background-color:#fddf4933;border:2px solid #FACC15}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:#000b;transition:opacity .5s;visibility:visible;opacity:1;z-index:2}.overlay.hidden{pointer-events:none;visibility:hidden;opacity:0;transition:all .2s}.overlay .popup{position:relative;margin:20vh auto;padding:40px 40px 20px;width:-moz-fit-content;width:fit-content;box-sizing:border-box;border-radius:20px;color:#000;background-color:#fff3af;border:4px solid #FFD900;display:flex;flex-direction:column;align-items:center;gap:20px}.overlay .popup .fa-xmark{position:absolute;top:12px;right:12px;cursor:pointer}.overlay .popup .title{color:#ff9600;text-align:center;font-size:40px;font-weight:700}.overlay .popup .btn-receive{width:100%;padding:8px;color:#ff9600;background-color:#ffd900;border-radius:12px;font-weight:700}.spinner-container{display:flex;flex-direction:column;align-items:center}.spinner-container .reward-spinner{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:40px}.spinner-container .reward-spinner .spinner-wheel{width:380px;height:380px;border-radius:50%;position:relative;overflow:hidden;box-shadow:0 5px 15px #0003;border:2px solid #fff;transition:all 5s ease;animation:rotate_wheel 10s linear infinite}.spinner-container .reward-spinner .spinner-wheel .spinner-text{position:absolute;top:50%;left:50%;padding:20px;color:#fff;text-align:end;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.spinner-container .reward-spinner .spinner-pointer{position:absolute;top:37%;left:50%;transform:translate(-50%);width:0;height:0;border-right:21px solid transparent;border-left:21px solid transparent;border-bottom:30px solid #999}.spinner-container .reward-spinner .spinner-center{position:absolute;width:60px;height:60px;color:gold;font-weight:700;background-color:#fff;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);cursor:pointer;box-shadow:inset 0 0 12px #000c;text-align:center;align-content:center;transition:all .1s ease}.spinner-container .reward-spinner .spinner-center:hover{font-size:18px;background-color:#fff5bb}.spinner-container .reward-spinner .result{color:#fff}.spinner-container .point,.spinner-container .cost{font-size:24px;color:var(--text-primary)}.spinner-container .error{color:#dc3545;margin:12px 0 0}@keyframes rotate_wheel{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.team-management{display:flex;flex-direction:column;gap:2rem;padding:1.5rem 1rem 2rem}@media (min-width: 480px){.team-management{padding:1.5rem 1.5rem 2rem}}@media (min-width: 640px){.team-management{padding:2rem 3rem 2.5rem}}@media (min-width: 1024px){.team-management{padding:2.5rem 4rem 3rem}}@media (min-width: 1280px){.team-management{padding:3rem 5rem 3.5rem}}@media (min-width: 1536px){.team-management{padding:3rem 6rem 3.5rem}}.team-management .team-overview{border-radius:1rem;padding:1.5rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-primary);border:1px solid var(--border-secondary);transition:all .5s ease}.team-management .team-overview:hover{box-shadow:0 25px 50px -12px #a8ff001a;transform:scale(1.02)}.team-management .team-overview .overview-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem}@media (min-width: 1024px){.team-management .team-overview .overview-container{flex-direction:row;align-items:flex-start;gap:2rem}}.team-management .team-overview .logo-group{position:relative}.team-management .team-overview .logo-border{width:8rem;height:8rem;border-radius:1rem;background:linear-gradient(to bottom right,var(--accent-primary),var(--accent-secondary));padding:.25rem;box-shadow:0 10px 15px -3px var(--shadow-primary)}.team-management .team-overview .logo-inner{width:100%;height:100%;border-radius:.75rem;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);overflow:hidden;transition:all .3s ease}.group :is(.team-management .team-overview .logo-inner):hover{transform:scale(1.05)}.team-management .team-overview .logo-icon{width:3rem;height:3rem;color:var(--text-tertiary)}.team-management .team-overview .logo-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.team-management .team-overview .upload-button{position:absolute;bottom:.5rem;right:.5rem;padding:.5rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));border-radius:50%;box-shadow:0 10px 15px -3px #0000001a;transition:all .3s ease}.team-management .team-overview .upload-button:hover{box-shadow:0 20px 25px -5px #0000001a;transform:scale(1.1)}.team-management .team-overview .upload-button .upload-icon{width:1rem;height:1rem;color:#000;transition:transform .3s ease}.group :is(.team-management .team-overview .upload-button .upload-icon):hover{transform:rotate(12deg)}.team-management .team-overview .captain-badge{position:absolute;top:-.5rem;left:-.5rem;padding:.25rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:700;background:linear-gradient(to right,var(--warning),var(--accent-primary));color:var(--text-primary);box-shadow:0 10px 15px -3px #0000001a;animation:pulse 2s infinite;display:flex;align-items:center;gap:.25rem}.team-management .team-overview .captain-badge .shield-icon{width:.75rem;height:.75rem}.team-management .team-overview .team-info{flex:1;text-align:center}@media (min-width: 1024px){.team-management .team-overview .team-info{text-align:left}}.team-management .team-overview .editing-form{display:flex;flex-direction:column;gap:1rem}.team-management .team-overview .team-name-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-secondary);font-size:1.25rem;font-weight:700;background:var(--bg-tertiary);color:var(--text-primary);transition:all .3s ease}.team-management .team-overview .team-name-input:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary);border-color:transparent}.team-management .team-overview .team-desc-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-primary);transition:all .3s ease;resize:none}.team-management .team-overview .team-desc-input:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary);border-color:transparent}.team-management .team-overview .editing-buttons{display:flex;gap:.75rem}.team-management .team-overview .save-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);border-radius:.5rem;font-weight:600;transition:all .3s ease}.team-management .team-overview .save-button:hover{box-shadow:0 10px 15px -3px #a8ff0033;transform:scale(1.05)}.team-management .team-overview .save-button .icon{width:1.25rem;height:1.25rem}.team-management .team-overview .cancel-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-tertiary);color:var(--text-primary);border-radius:.5rem;font-weight:600;transition:all .3s ease}.team-management .team-overview .cancel-button:hover{background:var(--bg-tertiary);transform:scale(1.05)}.team-management .team-overview .cancel-button .icon{width:1.25rem;height:1.25rem}.team-management .team-overview .team-details{display:flex;flex-direction:column;gap:1rem}.team-management .team-overview .team-name{font-size:1.875rem;font-weight:700;color:var(--text-primary)}.team-management .team-overview .team-description{font-size:1.125rem;color:var(--text-secondary);line-height:1.75}.team-management .team-overview .team-stats{display:flex;align-items:center;gap:1.5rem;justify-content:center;padding-top:.5rem}@media (min-width: 1024px){.team-management .team-overview .team-stats{justify-content:flex-start}}.team-management .team-overview .stat-item{text-align:center}.team-management .team-overview .stat-value{font-size:1.5rem;font-weight:700;color:var(--accent-primary)}.team-management .team-overview .stat-label{font-size:.875rem;color:var(--text-tertiary)}.team-management .team-overview .edit-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);border-radius:.5rem;font-weight:600;transition:all .3s ease;margin-top:1rem}.team-management .team-overview .edit-button:hover{box-shadow:0 10px 15px -3px #a8ff0033;transform:scale(1.05)}.team-management .team-overview .edit-button .icon{width:1.25rem;height:1.25rem}.team-management .team-members{border-radius:1rem;padding:1.5rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-primary);border:1px solid var(--border-secondary);transition:all .5s ease}.team-management .team-members:hover{box-shadow:0 25px 50px -12px #a8ff001a}.team-management .members-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.team-management .header-left{display:flex;align-items:center;gap:.75rem}.team-management .header-icon{padding:.5rem;border-radius:.5rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary))}.team-management .users-icon{width:1.25rem;height:1.25rem;color:#000}.team-management .members-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.team-management .add-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);border-radius:.5rem;font-weight:600;transition:all .3s ease}.team-management .add-button:hover{box-shadow:0 10px 15px -3px #a8ff0033;transform:scale(1.05)}.team-management .add-button .add-icon{width:1rem;height:1rem}.team-management .search-bar{position:relative;margin-bottom:1.5rem}.team-management .search-icon{position:absolute;left:.75rem;top:.75rem;width:1.25rem;height:1.25rem;color:var(--text-tertiary)}.team-management .search-input{width:100%;padding:.75rem 1rem .75rem 2.5rem;border-radius:.5rem;border:1px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-primary);transition:all .3s ease}.team-management .search-input:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary);border-color:transparent}.team-management .members-grid{display:grid;grid-template-columns:repeat(1,1fr);gap:1rem}@media (min-width: 768px){.team-management .members-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.team-management .members-grid{grid-template-columns:repeat(3,1fr)}}.team-management .member-card{padding:1rem;border-radius:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);box-shadow:var(--shadow-secondary);transition:all .3s ease}.team-management .member-card:hover{background:var(--bg-quaternary);border-color:var(--accent-primary);transform:scale(1.05) rotate(1deg);box-shadow:0 20px 25px -5px #a8ff0033}.team-management .member-card .member-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.team-management .member-card .avatar-container{position:relative}.team-management .member-card .avatar-border{width:3rem;height:3rem;border-radius:50%;background:linear-gradient(to bottom right,var(--accent-primary),var(--accent-secondary));padding:.125rem}.team-management .member-card .avatar-inner{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);overflow:hidden}.team-management .member-card .avatar-icon{width:1.5rem;height:1.5rem;color:var(--text-tertiary)}.team-management .member-card .avatar-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.team-management .member-card .online-status{position:absolute;bottom:-.25rem;right:-.25rem;width:1rem;height:1rem;border-radius:50%;border:2px solid var(--bg-primary);animation:pulse 2s infinite}.team-management .member-card .online-status.online{background:var(--accent-primary)}.team-management .member-card .online-status.offline{background:var(--text-tertiary)}.team-management .member-card .captain-crown{position:absolute;top:-.5rem;right:-.5rem;padding:.25rem;background:linear-gradient(to right,var(--warning),var(--accent-primary));border-radius:50%}.team-management .member-card .crown-icon{width:.75rem;height:.75rem;color:#000}.team-management .member-card .member-info{flex:1}.team-management .member-card .member-name{font-weight:600;color:var(--text-primary);transition:color .3s ease}.group :is(.team-management .member-card .member-name):hover{color:var(--accent-primary)}.team-management .member-card .member-position{font-size:.875rem;color:var(--text-secondary)}.team-management .member-card .member-footer{display:flex;align-items:center;justify-content:space-between}.team-management .member-card .joined-date{font-size:.75rem;color:var(--text-tertiary)}.team-management .member-card .action-buttons{display:flex;gap:.25rem;opacity:0;transition:opacity .3s ease}.group :is(.team-management .member-card .action-buttons):hover{opacity:1}.team-management .member-card .promote-button{padding:.375rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));border-radius:.5rem;transition:all .3s ease}.team-management .member-card .promote-button:hover{box-shadow:0 10px 15px -3px #0000001a;transform:scale(1.1)}.team-management .member-card .promote-button .promote-icon{width:.75rem;height:.75rem;color:#000}.team-management .member-card .remove-button{padding:.375rem;background:var(--error);border-radius:.5rem;transition:all .3s ease}.team-management .member-card .remove-button:hover{background:var(--error);box-shadow:0 10px 15px -3px #0000001a;transform:scale(1.1)}.team-management .member-card .remove-button .remove-icon{width:.75rem;height:.75rem;color:#fff}.team-management .no-members{text-align:center;padding:2rem 0;color:var(--text-tertiary)}.team-management .no-members-icon{width:3rem;height:3rem;margin:0 auto 1rem;opacity:.5}.team-management .team-settings{border-radius:1rem;padding:1.5rem;background:var(--bg-secondary);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:var(--shadow-primary);border:1px solid var(--border-secondary);transition:all .5s ease}.team-management .team-settings:hover{box-shadow:0 25px 50px -12px #a8ff001a}.team-management .settings-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.team-management .settings-icon{width:1.25rem;height:1.25rem;color:#000}.team-management .settings-title{font-size:1.25rem;font-weight:700;color:var(--text-primary)}.team-management .settings-content{display:flex;flex-direction:column;gap:1.5rem}.team-management .toggle-section{padding:1rem;border-radius:.75rem;background:var(--bg-tertiary);border:1px solid var(--border-secondary);transition:all .3s ease}.team-management .toggle-info{display:flex;flex-direction:column}.team-management .toggle-label{font-weight:600;color:var(--text-primary)}.team-management .toggle-desc{font-size:.875rem;color:var(--text-secondary)}.team-management .toggle-button{position:relative;width:4rem;height:2rem;border-radius:9999px;background:var(--bg-tertiary);transition:all .3s ease}.team-management .toggle-button:hover{transform:scale(1.1)}.team-management .toggle-button:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary)}.team-management .toggle-button.enabled{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));box-shadow:0 10px 15px -3px #a8ff004d}.team-management .toggle-button .toggle-knob{position:absolute;left:.25rem;top:.25rem;width:1.5rem;height:1.5rem;background:var(--bg-primary);border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;transition:all .3s ease}.team-management .toggle-button .toggle-knob.enabled{transform:translate(2rem)}.team-management .action-buttons{display:flex;flex-direction:column;gap:1rem}.team-management .leave-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--accent-secondary);color:var(--bg-primary);border-radius:.5rem;font-weight:600;transition:all .3s ease}.team-management .leave-button:hover{background:var(--accent-secondary);transform:scale(1.05)}.team-management .leave-button .icon{width:1.25rem;height:1.25rem}.team-management .delete-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--error);color:var(--bg-primary);border-radius:.5rem;font-weight:600;transition:all .3s ease}.team-management .delete-button:hover{background:var(--error);transform:scale(1.05)}.team-management .delete-button .icon{width:1.25rem;height:1.25rem}.team-management .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--shadow-tertiary);display:flex;align-items:center;justify-content:center;z-index:50;padding:1rem}.team-management .modal-content{max-width:28rem;width:100%;border-radius:1rem;padding:1.5rem;background:var(--bg-primary);box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--border-secondary)}.team-management .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.team-management .modal-title{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.team-management .close-button{padding:.5rem;border-radius:50%;transition:background .2s ease}.team-management .close-button:hover{background:var(--bg-tertiary)}.team-management .close-button .close-icon{width:1.25rem;height:1.25rem}.team-management .modal-body{display:flex;flex-direction:column;gap:1rem}.team-management .warning-box{display:flex;align-items:center;gap:.75rem;padding:1rem;border-radius:.5rem;color:var(--text-primary);background:var(--warning-light);border:1px solid var(--border-secondary)}.team-management .alert-icon{width:1.5rem;height:1.5rem}.team-management .confirm-group{display:flex;flex-direction:column}.team-management .confirm-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.team-management .confirm-label .delete-word{font-weight:700;color:var(--error)}.team-management .confirm-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-primary);transition:all .3s ease}.team-management .confirm-input:focus{outline:none;box-shadow:0 0 0 2px var(--error);border-color:transparent}.team-management .modal-actions{display:flex;gap:.75rem}.team-management .confirm-button{flex:1;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;transition:all .3s ease}.team-management .cancel-button{flex:1;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;transition:all .3s ease;background:var(--bg-tertiary);color:var(--text-primary)}.team-management .cancel-button:hover{background:var(--bg-tertiary)}.team-management .confirm-delete{flex:1;padding:.75rem 1rem;border-radius:.5rem;font-weight:600;background:var(--bg-tertiary);color:var(--text-primary);transition:all .3s ease;cursor:not-allowed}.team-management .confirm-delete.enabled{background:var(--error);color:var(--bg-primary);cursor:pointer}.team-management .confirm-delete.enabled:hover{background:var(--error)}.team-management .input-label{display:block;font-weight:500;margin-bottom:.5rem;color:var(--text-primary)}.team-management .email-input{width:100%;padding:.75rem 1rem;border-radius:.5rem;border:1px solid var(--border-secondary);background:var(--bg-tertiary);color:var(--text-primary);transition:all .3s ease}.team-management .email-input:focus{outline:none;box-shadow:0 0 0 2px var(--accent-primary);border-color:transparent}.team-management .add-confirm-button{flex:1;padding:.75rem 1rem;background:linear-gradient(to right,var(--accent-primary),var(--accent-secondary));color:var(--bg-primary);border-radius:.5rem;font-weight:600;transition:all .3s ease}.team-management .add-confirm-button:hover{box-shadow:0 10px 15px -3px #a8ff0033}.team-management .modal-title.leave{color:var(--accent-secondary)}.team-management .modal-title.delete{color:var(--error)}.team-management .warning-box.leave,.team-management .warning-box.delete{background:var(--warning-light)}.team-management .alert-icon.leave{color:var(--accent-secondary)}.team-management .alert-icon.delete{color:var(--error)}.team-management .confirm-button.leave{background:var(--accent-secondary);color:var(--bg-primary)}.team-management .confirm-button.leave:hover{background:var(--accent-secondary)}.app{min-height:100vh}a{outline:none;text-decoration:none}button{border:none}body{font-family:Inter,system-ui,sans-serif}.custom-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;color:var(--text-primary)}#root{min-height:100vh}input,button,textarea,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}@tailwind base;@tailwind components;@tailwind utilities;:root{--color-bg-primary: #ffffff;--color-bg-hover: #f3f4f6;--color-border: #e5e7eb;--color-text-primary: #111827;--color-text-secondary: #4b5563;--color-text-tertiary: #6b7280;--color-primary: #3b82f6;--color-danger: #ef4444}.dark{--color-bg-primary-dark: #111827;--color-bg-hover-dark: #1f2937;--color-border-dark: #374151;--color-text-primary-dark: #ffffff;--color-text-secondary-dark: #d1d5db;--color-text-tertiary-dark: #9ca3af}
