.password-gate{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.password-gate-container{background:#fff;padding:40px;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:400px;width:100%;text-align:center}.password-gate-container h2{margin:0 0 10px;color:#333;font-size:24px}.password-gate-container p{margin:0 0 30px;color:#666;font-size:14px}.password-input{width:100%;padding:12px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;margin-bottom:20px;box-sizing:border-box;transition:border-color .3s}.password-input:focus{outline:none;border-color:#667eea}.password-submit{width:100%;padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.password-submit:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.password-submit:active{transform:translateY(0)}.password-error{color:#e74c3c;font-size:14px;margin:-10px 0 10px;text-align:left}.navbar{position:fixed!important;top:0!important;left:0!important;width:calc(100vw - 20px)!important;right:20px!important;height:70px!important;z-index:999998!important;background:#000000b3!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 4px 30px #00000080!important;display:flex!important;justify-content:space-between!important;align-items:center!important;padding:0 30px!important;border-bottom:1px solid rgba(255,255,255,.2)!important;transform:translateZ(0)!important;will-change:transform!important}.nav-left,.nav-right{display:flex!important;align-items:center!important;z-index:999998!important}.nav-btn{color:#fff!important;text-decoration:none!important;background:transparent!important;border:none!important;padding:10px 20px!important;border-radius:6px!important;font-size:1rem!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;margin-left:20px!important;z-index:999998!important}.nav-btn:hover{background:#fff3!important;transform:translateY(-1px)!important}.nav-logo{height:35px!important;width:auto!important;filter:drop-shadow(0 2px 10px rgba(0,0,0,.5))!important;z-index:999998!important}.nav-logo-link{text-decoration:none!important;color:inherit!important;transition:opacity .3s ease!important;z-index:999998!important}.nav-logo-link:hover{opacity:.9!important}*:not(.navbar):not(.navbar *):not(::-webkit-scrollbar):not(::-webkit-scrollbar-track):not(::-webkit-scrollbar-thumb):not(html){z-index:1!important}html{scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.9) transparent!important}html::-webkit-scrollbar{width:12px!important;z-index:2147483647!important;position:fixed!important;right:0!important;top:0!important;height:100vh!important}html::-webkit-scrollbar-track{background:#0003!important;z-index:2147483647!important;position:fixed!important;right:0!important;top:0!important;height:100vh!important}html::-webkit-scrollbar-thumb{background:#ffffffe6!important;border-radius:6px!important;z-index:2147483647!important;border:2px solid rgba(0,0,0,.3)!important;position:fixed!important;right:0!important}html::-webkit-scrollbar-thumb:hover{background:#fff!important;z-index:2147483647!important}*::-webkit-scrollbar{z-index:2147483647!important;position:fixed!important}*::-webkit-scrollbar-track{z-index:2147483647!important;position:fixed!important}*::-webkit-scrollbar-thumb{z-index:2147483647!important;position:fixed!important}@media (max-width: 768px){.navbar{height:60px!important;padding:0 15px!important}.nav-right{justify-content:flex-end!important}.nav-btn{padding:8px 12px!important;font-size:.9rem!important;margin-left:1px!important}.nav-logo{height:28px!important}}body,.home-root{background:linear-gradient(135deg,#232526,#414345);min-height:100vh;width:100vw;background-attachment:fixed;position:relative}.nav-left,.nav-right{display:flex;align-items:center}.nav-btn{color:#fff;text-decoration:none;padding:10px 20px;border-radius:6px;transition:all .3s ease}.nav-btn:hover{background:#ffffff1a}.nav-logo{height:35px;width:auto}.nav-logo-link{text-decoration:none}.home-root:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0;opacity:.25;background:url(https://www.transparenttextures.com/patterns/smoke.png) repeat}.home-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;text-align:center;padding:20px}.home-title{max-width:300px;width:100%;height:auto;margin-bottom:20px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.3))}.home-desc{font-size:1.5rem;color:#ffffffe6;margin-bottom:40px;max-width:600px;line-height:1.6}.home-actions{display:flex;flex-direction:column;align-items:center;gap:20px}.home-login-link{color:#fffc;font-size:1.1rem}.home-login-link a{color:#fff;text-decoration:underline;font-weight:600}.home-login-link a:hover{color:#f0f0f0}@media (max-width: 768px){.home-title{max-width:250px}.home-desc{font-size:1.2rem}}.home-root{width:100vw;min-height:200vh;overflow-x:hidden}.video-hero{position:relative;width:100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center}.video-bg{position:absolute;top:0;left:0;width:100vw;height:100vh;object-fit:cover;z-index:1;will-change:opacity;transition:opacity .2s linear}.video-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;pointer-events:none;will-change:opacity;transition:opacity .2s linear}.video-title{max-width:400px;width:100%;height:auto;margin-bottom:40px;pointer-events:auto;filter:drop-shadow(0 2px 20px rgba(0,0,0,.7))}.scroll-down-btn{background:#0006;color:#fff;border:none;border-radius:50%;font-size:2.5rem;width:60px;height:60px;cursor:pointer;margin-top:20px;pointer-events:auto;transition:background .2s}.scroll-down-btn:hover{background:#000000b3}.home-content-section{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:none;margin-top:0;padding-top:0}.home-content-section .home-title{margin-top:0;margin-bottom:20px}.video-gradient-overlay{position:absolute;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:2;background:linear-gradient(to top,#000000b3,#0003 40%,#0000);will-change:opacity;transition:opacity .2s linear}.back-to-top-btn{position:fixed;bottom:30px;right:30px;width:50px;height:50px;background:#000c;color:#fff;border:none;border-radius:50%;font-size:1.5rem;cursor:pointer;z-index:1000;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0000004d}.back-to-top-btn:hover{background:#000000e6;transform:translateY(-2px);box-shadow:0 6px 20px #0006}@media (max-width: 768px){.back-to-top-btn{bottom:20px;right:20px;width:45px;height:45px;font-size:1.3rem}}.home-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://www.transparenttextures.com/patterns/dark-geometric.png) repeat;opacity:.05;pointer-events:none}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:40px;position:relative;z-index:1}.footer-section{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%}.footer-contact-section{margin-top:40px;display:flex;flex-direction:column;align-items:center;text-align:center}.footer-title{font-size:1.5rem;font-weight:700;color:#fff!important;margin-bottom:20px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.home-footer .footer-links-grid{display:grid!important;grid-template-columns:repeat(3,1fr);gap:20px 30px;justify-items:center;max-width:600px}.footer-link{color:#e0e0e0!important;text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s ease;padding:5px 0;display:flex;align-items:center;justify-content:center;gap:8px}.footer-link:hover{color:#fff;text-decoration:underline;transform:translateY(-1px)}.footer-icon{font-size:1.5rem;color:#e0e0e0!important;transition:all .3s ease}[data-theme=light] .home-footer .footer-icon,.light-theme .home-footer .footer-icon{color:#e0e0e0!important}[data-theme=light] .home-footer .footer-link:hover .footer-icon,.light-theme .home-footer .footer-link:hover .footer-icon{color:#fff!important}.footer-link:hover .footer-icon{color:#fff;transform:scale(1.1)}.social-links{display:flex;gap:20px;justify-content:center}.social-link{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:50%;color:#fff;text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-link:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.social-icon{width:24px;height:24px;transition:transform .3s ease}@media (max-width: 768px){.home-footer{padding:40px 15px}.footer-content{flex-direction:column;gap:30px}.home-footer .footer-links-grid{grid-template-columns:repeat(2,1fr)!important;gap:15px 20px;max-width:100%}.social-links{gap:15px}.social-link{width:45px;height:45px}.social-icon{width:20px;height:20px}}@media (max-width: 480px){.home-footer .footer-links-grid{grid-template-columns:repeat(2,1fr)!important;gap:12px 15px}}.btn{display:inline-block;padding:15px 30px;border-radius:8px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea66}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.about-root{min-height:100vh;background:var(--color-bg);color:var(--color-text);transition:background-color .3s ease,color .3s ease;position:relative;overflow-x:hidden}.about-hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:120px 20px 80px;background:linear-gradient(135deg,#232526,#414345);overflow:hidden}.about-root.light-theme .about-hero{background:linear-gradient(135deg,#f6f7f9,#fff)}.about-hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.15) 0%,transparent 70%);pointer-events:none}.about-hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.about-hero-logo{margin-bottom:32px}.hero-logo-img{height:60px;width:auto;filter:drop-shadow(0 4px 20px rgba(0,0,0,.2))}.about-hero-title{font-size:clamp(2.5rem,5vw,4.5rem);font-weight:800;color:var(--color-text);margin-bottom:20px;letter-spacing:-.02em;line-height:1.1}.about-hero-subtitle{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--color-text-secondary);line-height:1.6;max-width:600px;margin:0 auto}.about-container{max-width:1200px;margin:0 auto;padding:0 24px;width:100%}.about-section{min-height:100vh;display:flex;align-items:center;padding:80px 0}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-text);text-align:center;margin-bottom:48px;letter-spacing:-.01em}.about-mission{background:var(--color-bg-secondary)}.mission-content{max-width:800px;margin:0 auto;width:100%}.mission-text{font-size:1.25rem;line-height:1.8;color:var(--color-text-secondary);text-align:center;margin:0}.about-features{background:var(--color-bg)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;margin-top:24px}.feature-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;padding:40px 32px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);opacity:0;transition:opacity .3s ease}.feature-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:0 12px 40px #00000026;background:var(--color-card-hover)}.about-root.light-theme .feature-card:hover{box-shadow:0 12px 40px #00000014}.feature-card:hover:before{opacity:1}.feature-icon{font-size:3.5rem;margin-bottom:24px;display:block;filter:grayscale(.2);transition:transform .3s ease}.feature-card:hover .feature-icon{transform:scale(1.1)}.feature-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin-bottom:16px}.feature-description{font-size:1rem;line-height:1.6;color:var(--color-text-secondary);margin:0}.about-why{background:var(--color-bg-secondary)}.why-content{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.why-text{display:flex;flex-direction:column;gap:24px}.why-description{font-size:1.1rem;line-height:1.7;color:var(--color-text-secondary);margin:0}.why-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.why-features li{color:var(--color-text-secondary);font-size:1rem;line-height:1.6;padding-left:28px;position:relative}.why-features li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:1.2rem}.why-visual{display:flex;align-items:center;justify-content:center}.why-visual-card{width:100%;max-width:500px;aspect-ratio:4/3;background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:0 8px 32px #0000001a}.about-root.light-theme .why-visual-card{box-shadow:0 8px 32px #0000000f}.why-visual-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.about-cta{background:var(--color-bg)}.cta-content{max-width:700px;margin:0 auto;text-align:center;width:100%}.cta-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:var(--color-text);margin-bottom:24px;letter-spacing:-.01em}.cta-description{font-size:1.2rem;line-height:1.7;color:var(--color-text-secondary);margin-bottom:40px}.cta-button{padding:16px 32px;border-radius:12px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;border:none;cursor:pointer}.cta-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:#fff;box-shadow:0 4px 16px #3b82f64d}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.cta-secondary{background:transparent;color:var(--color-text);border:2px solid var(--color-border)}.cta-secondary:hover{background:var(--color-card);border-color:var(--color-primary);transform:translateY(-2px)}@media (max-width: 968px){.why-content{grid-template-columns:1fr;gap:48px}.why-visual{order:-1}}@media (max-width: 768px){.about-hero{min-height:100vh;padding:100px 20px 60px}.about-section{min-height:100vh;padding:60px 0}.about-container{padding:0 20px}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:32px 24px}.mission-text{font-size:1.1rem}.why-description{font-size:1rem}.cta-description{font-size:1.1rem}.cta-buttons{flex-direction:column;align-items:stretch}.cta-button{width:100%;max-width:300px;margin:0 auto}}@media (max-width: 480px){.about-hero{min-height:100vh;padding:80px 16px 50px}.hero-logo-img{height:45px}.about-section{min-height:100vh;padding:50px 0}.feature-card{padding:28px 20px}.feature-icon{font-size:2.5rem;margin-bottom:20px}.why-visual-card{max-width:100%}}@media (max-width: 768px){.dashboard-header{flex-wrap:wrap}.dashboard-header>div:nth-child(2){display:none!important}}.page-transition-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#141518f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.page-transition-loader.active{opacity:1;pointer-events:all}.page-transition-loader.fade-out{opacity:0;transition:opacity .2s ease-in-out}.page-transition-loader-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.page-transition-spinner{width:48px;height:48px;border:4px solid rgba(59,130,246,.2);border-top:4px solid #3b82f6;border-radius:50%;animation:page-transition-spin 1s linear infinite}@keyframes page-transition-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-layout .page-transition-loader{z-index:10000}.dashboard-layout.light .page-transition-loader{background:#fffffff2}.dashboard-layout.light .page-transition-spinner{border-color:#3b82f633;border-top-color:#3b82f6}.nav-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 6px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary, #2563eb);color:#fff;border-radius:9px;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;z-index:10;box-shadow:0 2px 4px #0003}.light .nav-badge,.dark .nav-badge{background-color:var(--color-primary, #2563eb);color:#fff}.nav-badge:focus-visible{outline:2px solid var(--color-primary, #2563eb);outline-offset:2px}@media (max-width: 768px){.nav-badge{min-width:16px;height:16px;font-size:10px;padding:0 5px;top:-3px;right:-3px}}.sidebar-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:var(--color-shadow, rgba(0, 0, 0, .6))!important;z-index:2147483646!important;opacity:0;visibility:hidden;pointer-events:none!important;transition:opacity .3s ease,visibility .3s ease,backdrop-filter .3s ease,background .3s ease}.sidebar,.client-sidebar,.artist-sidebar,.admin-sidebar,.guest-sidebar{z-index:2147483647!important}.sidebar-overlay.active{opacity:1;visibility:visible;pointer-events:auto!important}.user-menu-dropdown{z-index:2147483647!important;position:fixed!important;isolation:isolate!important;transform:translateZ(0)!important;will-change:transform!important}.sidebar{position:fixed;top:0;left:0;height:100vh;width:210px;background:var(--gradient-sidebar, linear-gradient(135deg, #181a20 0%, #232526 100%));box-shadow:2px 0 18px var(--color-shadow, rgba(0,0,0,.18));display:flex;flex-direction:column;align-items:stretch;z-index:200;border-right:1.5px solid var(--color-border, rgba(255,255,255,.07));transition:transform .3s ease-in-out}@media (max-width: 767px){.sidebar,.client-sidebar,.artist-sidebar,.admin-sidebar,.guest-sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;width:75%!important;max-width:280px!important;background:var(--color-sidebar-bg, rgba(25, 25, 25, .95))!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:4px 0 20px #00000080!important;transform:translate(-100%)!important;transition:transform .3s ease-in-out!important;z-index:9999!important}.sidebar.mobile-open,.client-sidebar.mobile-open,.artist-sidebar.mobile-open,.admin-sidebar.mobile-open,.guest-sidebar.mobile-open{transform:translate(0)!important;z-index:9999!important}body.mobile-menu-open{overflow:hidden!important}}.artist-sidebar,.client-sidebar{position:fixed;top:0;left:0;height:100vh;width:210px;background:linear-gradient(135deg,#181a20,#232526);box-shadow:2px 0 18px #0000002e;display:flex;flex-direction:column;align-items:stretch;z-index:200;border-right:1.5px solid rgba(255,255,255,.07)}.admin-sidebar{position:fixed;top:0;left:0;height:100vh;width:210px;background:linear-gradient(135deg,#1a0f2e,#2d1b3d);box-shadow:2px 0 18px #0000002e;display:flex;flex-direction:column;align-items:stretch;z-index:200;border-right:1.5px solid rgba(236,72,153,.2)}.guest-sidebar{position:fixed;top:0;left:0;height:100vh;width:210px;background:linear-gradient(135deg,#181a20,#232526);box-shadow:2px 0 18px #0000002e;display:flex;flex-direction:column;align-items:stretch;z-index:200;border-right:1.5px solid rgba(255,255,255,.07)}.sidebar-title{color:var(--color-text, #fff);font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:24px 8px 16px;text-align:center;border-bottom:1px solid var(--color-border, rgba(255,255,255,.08));margin-bottom:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:60px;position:relative}.sidebar-title>*{position:relative;z-index:1}.sidebar-title-logo{max-width:80%;height:auto;display:block!important;margin:0 auto}.sidebar-title-logo--dark{display:block!important}.sidebar-title-logo--light,[data-theme=light] .sidebar-title-logo--dark{display:none!important}[data-theme=light] .sidebar-title-logo--light{display:block!important}.sidebar-logo-img{max-width:27%;height:auto;display:block;margin:0 auto}@media (min-width: 768px) and (max-width: 1024px){.sidebar-logo{padding:12px 8px;margin-bottom:24px}.sidebar-logo-img{max-width:30%}}.sidebar-btn{background:none;border:none;color:var(--color-text-secondary, #e0e7ef);font-size:.9rem;font-weight:500;padding:10px 8px;border-radius:6px;text-align:center;cursor:pointer;transition:background .18s,color .18s,font-weight .18s;outline:none;margin-bottom:2px;text-decoration:none;min-height:44px;display:flex;align-items:center;justify-content:center;gap:12px;position:relative}.sidebar-btn:hover{background:var(--color-primary-light, rgba(59, 130, 246, .1));color:var(--color-primary, #93c5fd)}.sidebar-btn.active{background:var(--gradient-primary, linear-gradient(135deg, #1e1e1e 0%, #3b82f6 100%));color:#fff;font-weight:700;box-shadow:0 2px 12px var(--color-primary-light, rgba(59, 130, 246, .1))}.dashboard-main-content{flex:1;margin-left:210px;min-width:0;display:flex;flex-direction:column;height:100vh;overflow-y:auto;overflow-x:hidden;transition:margin-left .3s ease-in-out;position:relative;z-index:0}@media (min-width: 768px) and (max-width: 1024px){.sidebar,.artist-sidebar,.client-sidebar,.guest-sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;transform:translate(0)!important;width:210px!important;min-width:210px!important;max-width:210px!important;z-index:200!important;display:flex!important;flex-direction:column!important;visibility:visible!important;opacity:1!important;box-sizing:border-box!important}.dashboard-main-content{margin-left:210px!important;width:calc(100% - 210px)!important;max-width:calc(100% - 210px)!important;box-sizing:border-box!important;overflow-x:hidden!important}.mobile-menu-btn,.mobile-menu-toggle,.sidebar-overlay{display:none!important;visibility:hidden!important}}.dashboard-main-content main{flex:1;display:flex;flex-direction:column;width:100%;max-width:100%;min-height:auto;overflow:visible;padding:0!important;margin:0!important}.dashboard-main-content main:has(.settings-shell){overflow:hidden;height:100vh;min-height:100vh;display:flex;flex-direction:column}.dashboard-main-content:has(.artist-profile),.dashboard-main-content:has(.public-artist-profile){overflow-y:auto;overflow-x:hidden}.dashboard-main-content main:has(.artist-profile),.dashboard-main-content main:has(.public-artist-profile){overflow-y:auto;overflow-x:hidden}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,#232526,#414345)}.dashboard-header{background:#1e2028f7;padding:28px 48px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 2px 18px #0000002e;border-bottom:1.5px solid rgba(255,255,255,.07);position:relative}.dashboard-header h1{color:#fff;margin:0;font-size:2.2rem;font-weight:700;text-shadow:0 2px 10px rgba(0,0,0,.18)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-right:16px;border-radius:6px;transition:background .2s ease;z-index:10001;color:var(--color-text-secondary, #e0e7ef)}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:var(--color-text, #e0e7ef);cursor:pointer;z-index:10001;padding:8px;margin-right:8px;border-radius:6px;transition:background .2s ease;flex-shrink:0;min-width:40px;min-height:40px;align-items:center;justify-content:center}@media (max-width: 767px){.mobile-menu-btn,.mobile-menu-toggle{display:flex!important;align-items:center;justify-content:center}}.mobile-menu-btn .hamburger{width:24px;height:18px;position:relative;transform:rotate(0);transition:.3s ease-in-out;cursor:pointer}.mobile-menu-btn .hamburger span{display:block;position:absolute;height:2px;width:100%;background:var(--color-text-secondary, #e0e7ef);border-radius:2px;opacity:1;left:0;transform:rotate(0);transition:.25s ease-in-out}.mobile-menu-btn .hamburger span:nth-child(1){top:0}.mobile-menu-btn .hamburger span:nth-child(2),.mobile-menu-btn .hamburger span:nth-child(3){top:8px}.mobile-menu-btn .hamburger span:nth-child(4){top:16px}.mobile-menu-btn.open .hamburger span:nth-child(1){top:8px;width:0%;left:50%}.mobile-menu-btn.open .hamburger span:nth-child(2){transform:rotate(45deg)}.mobile-menu-btn.open .hamburger span:nth-child(3){transform:rotate(-45deg)}.mobile-menu-btn.open .hamburger span:nth-child(4){top:8px;width:0%;left:50%}@media (max-width: 767px){.mobile-menu-btn{display:block}.dashboard-content{padding:1rem;gap:1rem}.dashboard-grid{grid-template-columns:1fr;gap:1rem}.dashboard-card{padding:1rem}.dashboard-header{padding:16px 20px}.dashboard-header h1{font-size:1.5rem}}@media (min-width: 768px) and (max-width: 1024px){.dashboard-content{padding:1.5rem;gap:1.5rem}.dashboard-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.dashboard-header h1{font-size:2rem}}.dashboard-content{padding:56px 40px;max-width:1600px;margin:0 auto;width:100%}.dashboard-content h2{color:#fff;margin-bottom:20px;font-size:1.8rem;font-weight:700;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.dashboard-content p{color:#cbd5e1;margin-bottom:48px;font-size:1.15rem;line-height:1.7;font-weight:400;opacity:.9}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.dashboard-cards a{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;text-decoration:none;color:inherit}.dashboard-cards a:active{opacity:1!important;transform:none!important}.dashboard-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);min-height:280px;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:28px;margin-bottom:20px;transition:all .3s ease;height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.dashboard-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3),transparent)}.dashboard-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:#3b82f633;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.dashboard-card:active,a:active .dashboard-card,a:active .profile-card{transform:none!important;box-shadow:none!important;border-color:#ffffff1f!important;background:linear-gradient(135deg,#ffffff14,#ffffff08)!important;opacity:1!important;transition:none!important}@media (max-width: 768px){.dashboard-card:active,a:active .dashboard-card,a:active .profile-card,.profile-card:active{transform:none!important;box-shadow:none!important;border-color:#ffffff1f!important;background:linear-gradient(135deg,#ffffff14,#ffffff08)!important;opacity:1!important;transition:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important}[data-theme=light] .dashboard-card:active,[data-theme=light] a:active .dashboard-card,[data-theme=light] a:active .profile-card,[data-theme=light] .profile-card:active{transform:none!important;box-shadow:0 6px 16px var(--color-shadow, rgba(0,0,0,.06))!important;border-color:var(--color-border, rgba(0,0,0,.08))!important;background:linear-gradient(135deg,#fff,#f8f9fa)!important;opacity:1!important;transition:none!important}}.profile-card{cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#ffffff14,#ffffff08)!important;border:1px solid rgba(255,255,255,.12)!important;height:280px!important;justify-content:center!important}.dashboard-card .profile-status,.profile-card .profile-status,.dashboard-card .status-badge.active,.profile-card .status-badge.active{display:none!important}.profile-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006;border-color:#3b82f633;background:linear-gradient(135deg,#ffffff1a,#ffffff0d)}.profile-card:active,a:active .profile-card{transform:none!important;box-shadow:none!important;border-color:#ffffff1f!important;background:linear-gradient(135deg,#ffffff14,#ffffff08)!important;opacity:1!important;transition:none!important}.profile-card img{border:3px solid rgba(59,130,246,.3);transition:all .2s ease}.profile-card:hover img{border-color:#3b82f699;transform:scale(1.05)}[data-theme=light] .profile-card{background:linear-gradient(135deg,#fff,#f8f9fa)!important;border:1px solid rgba(0,0,0,.08)!important}[data-theme=light] .profile-card:hover{box-shadow:0 8px 24px #0000001f;border-color:#2563eb33;background:linear-gradient(135deg,#fff,#f3f4f6)}[data-theme=light] .profile-card img{border:3px solid rgba(37,99,235,.3)}[data-theme=light] .profile-card:hover img{border-color:#2563eb99}.appointments-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.appointment-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;transition:all .2s ease;box-shadow:0 2px 8px #0000001a}.appointment-card:hover{background:#ffffff0d;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.appointment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.appointment-date{font-weight:600;color:#f9fafb;font-size:14px}.appointment-time{color:#3b82f6;font-weight:500;font-size:14px}.appointment-client{display:flex;justify-content:space-between;align-items:center}.client-name{color:#e5e7eb;font-size:14px;font-weight:500}.appointment-status{background:#3b82f633;color:#3b82f6;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;text-transform:capitalize}[data-theme=light] .appointment-card{background:#00000005;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000f}[data-theme=light] .appointment-card:hover{background:#0000000a;box-shadow:0 4px 12px #0000001a}[data-theme=light] .appointment-date{color:#111827}[data-theme=light] .appointment-time{color:#2563eb}[data-theme=light] .client-name{color:#374151}[data-theme=light] .appointment-status{background:#2563eb1a;color:#2563eb}.profile-info{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:16px;padding:8px 0}.profile-avatar{width:80px!important;height:80px!important;border-radius:50%;object-fit:cover;border:3px solid rgba(59,130,246,.3)!important;transition:all .3s ease;box-shadow:0 4px 12px #3b82f633!important}.profile-avatar:hover{border-color:#3b82f699!important;transform:scale(1.05);box-shadow:0 6px 20px #3b82f64d!important}.profile-avatar-placeholder{width:80px!important;height:80px!important;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:24px!important;border:3px solid rgba(59,130,246,.3)!important;transition:all .3s ease;box-shadow:0 4px 12px #3b82f633!important;letter-spacing:.5px}.profile-avatar-placeholder:hover{border-color:#3b82f699!important;transform:scale(1.05);box-shadow:0 6px 20px #3b82f64d!important}.profile-details{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.business-name,.personal-name{font-weight:700;color:#fff;font-size:18px;letter-spacing:.3px;line-height:1.2}.business-name{color:#3b82f6;font-size:20px}[data-theme=light] .business-name,[data-theme=light] .personal-name{color:#111827}[data-theme=light] .business-name{color:#2563eb}[data-theme=light] .profile-location{color:#6b7280}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;width:100%}.profile-status{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:12px}.status-dot{width:6px;height:6px;background:#22c55e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:11px;color:#22c55e;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-location{font-size:14px;color:#94a3b8;font-weight:500;margin-top:4px}.dashboard-card h3{color:#60a5fa;margin-bottom:16px;font-size:1.3rem;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.dashboard-card p{color:#cbd5e1;margin:0;font-size:1rem;line-height:1.5;font-weight:400;opacity:.9}.analytics-card{background:linear-gradient(135deg,#3b82f614,#1e3a8a0d);border:1px solid rgba(59,130,246,.15);box-shadow:0 8px 32px #3b82f61a;align-items:center;justify-content:center;text-align:center;position:relative;height:280px!important}.analytics-card:before{background:linear-gradient(90deg,transparent,rgba(59,130,246,.4),transparent)}.analytics-card h3{color:#60a5fa;margin-bottom:20px;font-size:1.3rem;font-weight:700;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.analytics-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px;width:100%;justify-items:center}.analytics-metric{display:flex;flex-direction:column;gap:6px;padding:12px;background:#ffffff08;border-radius:8px;border:1px solid rgba(255,255,255,.05);transition:all .2s ease}.analytics-metric:hover{background:#ffffff0d;transform:translateY(-1px)}.metric-label{font-size:11px;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.metric-value{font-size:20px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3)}[data-theme=light] .analytics-metric{background:#2563eb0d;border:1px solid rgba(37,99,235,.1)}[data-theme=light] .analytics-metric:hover{background:#2563eb1a;border-color:#2563eb26}[data-theme=light] .metric-label{color:#4b5563}[data-theme=light] .metric-value{color:#111827;text-shadow:none}[data-theme=light] .dashboard-card h3{color:#2563eb;text-shadow:none}[data-theme=light] .dashboard-card p{color:#4b5563}[data-theme=light] .dashboard-card:before{background:linear-gradient(90deg,transparent,rgba(37,99,235,.2),transparent)}@media (max-width: 768px){.dashboard-header{padding:12px 16px;flex-direction:row;gap:8px;align-items:center;justify-content:space-between;min-height:60px}.dashboard-header .btn.btn-secondary{padding:5px 10px;font-size:.7rem;min-width:50px;margin-top:0;margin-right:0}.dashboard-content{padding:20px 0}.dashboard-cards{grid-template-columns:1fr}}@media (max-width: 700px){.analytics-grid{grid-template-columns:1fr;gap:14px}}.bookings-table{width:100%;border-collapse:collapse;background:transparent;color:#e0e7ef;font-size:1.05rem}.bookings-table th,.bookings-table td{padding:14px 12px;text-align:left}.bookings-table th{color:#93c5fd;font-weight:600;border-bottom:2px solid rgba(59,130,246,.15);background:#1e20281a}.bookings-table tr{border-bottom:1px solid rgba(255,255,255,.05)}.bookings-table tr:last-child{border-bottom:none}.bookings-table td{padding:16px 12px}.booking-status{padding:6px 12px;border-radius:20px;font-size:.9rem;font-weight:600;text-align:center;display:inline-block;min-width:80px}.booking-status-confirmed{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.booking-status-pending{background:#f59e0b33;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.booking-status-completed{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.calendar-placeholder{background:#1e2028ed;padding:40px;border-radius:14px;text-align:center;color:#93c5fd;border:1px solid rgba(255,255,255,.07)}.calendar-title{color:#93c5fd;font-size:1.2rem;font-weight:600;margin-bottom:16px;text-align:center}.calendar-box{background:#1e2028ed;padding:24px;border-radius:14px;box-shadow:0 4px 24px #0000002e;border:1px solid rgba(255,255,255,.07);min-height:300px;display:flex;align-items:center;justify-content:center}.dashboard-calendar-dark{background:transparent!important;border:none!important;color:#e0e7ef!important;font-family:inherit!important}.dashboard-calendar-dark,.dashboard-calendar-dark *{background:transparent!important;border-color:#ffffff1a!important;color:#e0e7ef!important}.dashboard-calendar-dark .react-calendar__navigation{background:transparent!important;border:none!important;margin-bottom:16px}.dashboard-calendar-dark .react-calendar__navigation button{background:#3b82f61a!important;border:1px solid rgba(59,130,246,.2)!important;color:#93c5fd!important;border-radius:8px!important;padding:8px 12px!important;font-weight:600!important;transition:all .2s ease!important}.dashboard-calendar-dark .react-calendar__navigation button:enabled:hover{background:#3b82f633!important;transform:translateY(-1px)!important}.dashboard-calendar-dark .react-calendar__tile{background:#ffffff08!important;border:1px solid rgba(255,255,255,.05)!important;color:#e0e7ef!important;border-radius:6px!important;padding:12px 8px!important;transition:all .2s ease!important}.dashboard-calendar-dark .react-calendar__tile:enabled:hover,.dashboard-calendar-dark .react-calendar__tile:enabled:focus{background:#3b82f61a!important;transform:translateY(-1px)!important}.dashboard-calendar-dark .react-calendar__tile--active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;font-weight:700!important}.dashboard-calendar-dark .react-calendar__month-view__weekdays{background:transparent!important;border:none!important;color:#93c5fd!important;font-weight:600!important;text-transform:uppercase!important;font-size:.9rem!important;letter-spacing:.5px!important}.rbc-calendar,.rbc-time-view,.rbc-time-content,.rbc-month-view,.rbc-agenda-view{background:transparent!important;border:none!important;color:#e0e7ef!important}.rbc-time-view{background:#1e2028ed!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.07)!important}.rbc-time-content{background:transparent!important;border:none!important}.rbc-time-header,.rbc-timeslot-group,.rbc-day-slot,.rbc-time-gutter,.rbc-time-column{background:transparent!important;border-color:#ffffff1a!important;color:#e0e7ef!important}.rbc-month-view{background:#1e2028ed!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.07)!important}@media (min-width: 1024px){.dashboard-cards{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px}.dashboard-card{padding:32px;min-height:320px;height:320px}.profile-card,.analytics-card{min-height:320px!important;height:320px!important}}@media (max-width: 1023px) and (min-width: 769px){.dashboard-cards{grid-template-columns:repeat(2,1fr)!important;gap:20px}.dashboard-card{min-height:240px;height:240px;padding:20px}.profile-card,.analytics-card{min-height:240px!important;height:240px!important}}.mobile-notification-banner{display:none}@media (max-width: 768px){.dashboard-header>div:nth-child(2){display:none!important}.mobile-notification-banner{display:flex!important;width:100%;padding:12px 16px;background:var(--color-topbar-bg, rgba(0, 0, 0, .2));border-bottom:1px solid var(--color-border);gap:8px;flex-direction:column}.mobile-notification-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;background:var(--color-primary-light, rgba(59, 130, 246, .15));color:var(--color-primary, #93c5fd);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;width:100%;box-sizing:border-box}.mobile-notification-item:hover,.mobile-notification-item:focus{background:var(--color-primary-light, rgba(59, 130, 246, .25));transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633;outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.mobile-notification-item:active{transform:translateY(0)}.mobile-notification-item .notification-icon{font-size:1.2rem;flex-shrink:0}.mobile-notification-item .notification-text{flex:1;text-align:left}.light .mobile-notification-item{background:#2563eb1a;color:#2563eb}.light .mobile-notification-item:hover,.light .mobile-notification-item:focus{background:#2563eb26}.dashboard-header>div:first-child{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow:hidden}.dashboard-header>div:last-child{flex-shrink:0;margin-left:8px}.dashboard-header .btn,.token-info-bar{padding:10px 20px}.token-info-content{gap:12px;flex-wrap:wrap;justify-content:center}.token-store-link{padding:6px 12px;font-size:.85rem}.messaging-controls-bar{padding:6px 20px;gap:12px}.dashboard-content{padding:20px 16px;width:100%;box-sizing:border-box;overflow-x:hidden}.dashboard-content h2{text-align:center;font-size:1.8rem;margin-bottom:12px;word-wrap:break-word}.dashboard-content p{text-align:center;font-size:1rem;margin-bottom:32px;word-wrap:break-word}.dashboard-cards{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:0 4px!important;width:100%;box-sizing:border-box}.dashboard-card{min-height:200px!important;height:200px!important;padding:16px!important;width:100%;box-sizing:border-box;word-wrap:break-word;overflow:hidden!important;display:flex!important;flex-direction:column!important}.profile-card,.analytics-card{min-height:200px!important;height:200px!important}.dashboard-card h3{font-size:.9rem!important;margin-bottom:6px!important;word-wrap:break-word;line-height:1.2!important}.dashboard-card p{font-size:.75rem!important;margin-bottom:8px!important;word-wrap:break-word;line-height:1.3!important}.analytics-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:8px!important}.analytics-metric{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:6px 4px!important;gap:4px!important}.analytics-metric .metric-label{font-size:.65rem!important;line-height:1.1!important;text-align:center!important}.analytics-metric .metric-value{font-size:.85rem!important;font-weight:700!important;line-height:1.1!important;text-align:center!important;word-break:break-word!important}.desktop-menu-btn{display:none}.btn,input,textarea,select{max-width:100%;box-sizing:border-box}.bookings-table{width:100%;overflow-x:auto;display:block}.bookings-table th,.bookings-table td{min-width:120px;white-space:nowrap}}@media (max-width: 480px){.dashboard-cards{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;padding:0 2px!important;width:100%;box-sizing:border-box}.dashboard-card{min-height:180px!important;height:180px!important;padding:12px!important;width:100%;box-sizing:border-box}.profile-card,.analytics-card{min-height:180px!important;height:180px!important}.dashboard-card h3{font-size:.8rem!important;margin-bottom:4px!important}.dashboard-card p{font-size:.7rem!important;margin-bottom:6px!important}.analytics-grid{gap:6px!important}.analytics-metric{padding:4px 2px!important}.analytics-metric .metric-label{font-size:.6rem!important}.analytics-metric .metric-value{font-size:.75rem!important}.dashboard-content{padding:16px 12px}.dashboard-content h2{font-size:1.6rem;word-wrap:break-word}.dashboard-content p{font-size:.95rem;word-wrap:break-word}.dashboard-header{padding:12px 16px;gap:6px;justify-content:flex-start}.dashboard-header h1{font-size:1.2rem;max-width:calc(100% - 100px);margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-header>div:last-child{gap:6px;justify-content:flex-start;position:relative;z-index:2}.dashboard-header>div:nth-child(2){position:static;left:auto;transform:none;order:2;flex:1;justify-content:center;margin:0 6px;z-index:1}.dashboard-header .btn{padding:5px 10px;font-size:.8rem}.token-info-bar{padding:8px 16px}.token-info-content{gap:8px}.token-store-link{padding:5px 10px;font-size:.8rem}.messaging-controls-bar{padding:4px 16px;gap:8px}.sidebar,.artist-sidebar,.client-sidebar{max-width:90vw}}.token-info-bar{background:#e5e7eb;border-bottom:1px solid #d1d5db;padding:12px 48px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000d}[data-theme=dark] .token-info-bar{background:#374151;border-bottom:1px solid #4b5563;box-shadow:0 2px 8px #0000001a}.messaging-controls-bar{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:8px 48px;display:flex;align-items:center;justify-content:center;gap:16px;box-shadow:0 2px 8px #0000001a;min-height:fit-content}[data-theme=light] .messaging-controls-bar{background:var(--color-card);box-shadow:0 2px 8px var(--color-shadow, rgba(0, 0, 0, .06))}.token-info-content{display:flex;align-items:center;gap:16px;max-width:1200px;width:100%;justify-content:center}.token-store-link{background:#f9fafb;color:#111827;border:1px solid #e5e7eb;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;box-shadow:0 1px 2px #0000000d;transition:all .3s ease;display:flex;align-items:center;gap:6px}.token-store-link:hover{background:#f3f4f6;color:#111827;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}[data-theme=dark] .token-store-link{background:#4b5563;color:#f9fafb;border:1px solid #6b7280}[data-theme=dark] .token-store-link:hover{background:#6b7280;color:#f9fafb}@media (min-width: 1025px){.mobile-menu-btn,.sidebar-overlay{display:none}}.faq-root{min-height:100vh;background:linear-gradient(135deg,#232526,#414345);background-attachment:fixed;position:relative;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.faq-root.light-theme{background:linear-gradient(135deg,#f6f7f9,#fff)}.faq-container{max-width:1000px;margin:0 auto;padding:120px 24px 80px;position:relative;z-index:1}.faq-header{text-align:center;margin-bottom:48px}.faq-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--color-text);margin:0 0 16px;letter-spacing:-.02em;line-height:1.2}.faq-subtitle{font-size:1.2rem;color:var(--color-text-secondary);margin:0;font-weight:400;line-height:1.6}.faq-tabs{display:flex;justify-content:center;margin-bottom:48px}.tab-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:8px;display:inline-flex;gap:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.faq-root.light-theme .tab-pill,[data-theme=light] .tab-pill{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db}.tab-button{padding:12px 24px;border:none;background:transparent;color:var(--color-text-secondary);font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.tab-button:hover{background:#ffffff0d;color:var(--color-text)}.faq-root.light-theme .tab-button{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#000}.faq-root.light-theme .tab-button:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#000}[data-theme=light] .tab-button{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#000}[data-theme=light] .tab-button:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#000}.tab-button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px #3b82f64d}[data-theme=light] .tab-button.active,.faq-root.light-theme .tab-button.active{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#000;box-shadow:0 4px 12px #00000014}[data-theme=light] .tab-button.active:hover,.faq-root.light-theme .tab-button.active:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;box-shadow:0 4px 12px #3b82f626}.tab-button:focus{outline:2px solid #3B82F6;outline-offset:2px}.faq-content{margin-bottom:60px}.faq-items{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.faq-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-root.light-theme .faq-item,[data-theme=light] .faq-item{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db}.faq-item:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.faq-root.light-theme .faq-item:hover,[data-theme=light] .faq-item:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;box-shadow:0 8px 24px #3b82f626}.faq-question{width:100%;padding:20px 24px;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;transition:all .3s ease;outline:none}.faq-question:hover{background:#ffffff08}.faq-root.light-theme .faq-question{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#000}.faq-root.light-theme .faq-question:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#000}[data-theme=light] .faq-question{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#000}[data-theme=light] .faq-question:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#000}.faq-question:focus{outline:2px solid #3B82F6;outline-offset:-2px}.question-text{font-size:1.1rem;font-weight:600;color:var(--color-text);line-height:1.5;flex:1}.expand-icon{font-size:1rem;color:#60a5fa;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;display:inline-block}.faq-root.light-theme .expand-icon,[data-theme=light] .expand-icon{color:#000}.faq-answer{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .3s ease;padding:0 24px}.faq-answer.open{max-height:500px;padding:0 24px 24px}.faq-answer p{color:var(--color-text-secondary);line-height:1.7;font-size:1rem;margin:0}.faq-cta{text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:48px 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.faq-root.light-theme .faq-cta{background:#00000008;border:1px solid rgba(0,0,0,.1)}[data-theme=light] .btn-primary,.faq-root.light-theme .btn-primary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#000;box-shadow:0 4px 16px #00000014}[data-theme=light] .btn-primary:hover,.faq-root.light-theme .btn-primary:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f633;color:#000}[data-theme=light] .btn-secondary,.faq-root.light-theme .btn-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#000;border:2px solid #d1d5db}[data-theme=light] .btn-secondary:hover,.faq-root.light-theme .btn-secondary:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;transform:translateY(-2px);color:#000}@media (max-width: 968px){.faq-items{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.faq-container{padding:100px 20px 60px}.faq-subtitle{font-size:1.1rem}.tab-button{padding:10px 20px;font-size:.95rem}.faq-item{border-radius:10px}.faq-question{padding:18px 20px}.question-text{font-size:1rem}.faq-answer{padding:0 20px}.faq-answer.open{padding:0 20px 20px}.faq-cta{padding:36px 28px}.cta-buttons{flex-direction:column;align-items:stretch}.btn{width:100%;max-width:100%}}@media (max-width: 480px){.faq-container{padding:90px 16px 50px}.tab-pill{width:100%;max-width:100%}.tab-button{flex:1;padding:10px 16px;font-size:.9rem}.faq-items{gap:16px}.faq-question{padding:16px}.question-text{font-size:.95rem}.faq-answer{padding:0 16px}.faq-answer.open{padding:0 16px 16px}.faq-answer p{font-size:.95rem}.faq-cta{padding:32px 24px}.cta-text{font-size:1rem}}@media (prefers-contrast: high){.faq-item{border-width:2px}.tab-button.active{border:2px solid #3B82F6}}.faq-content-wrapper{padding:0;overflow-y:auto;flex:1}.faq-content-wrapper .faq-container{max-width:1000px;margin:0 auto;padding:40px 24px 80px}@media (prefers-reduced-motion: reduce){.faq-answer,.expand-icon,.faq-item,.faq-question,.tab-button,.btn{transition:none}}@media (max-width: 768px){.faq-content-wrapper .faq-container{padding:24px 16px 60px}}.privacy-root{min-height:100vh;background:linear-gradient(135deg,#232526,#414345);background-attachment:fixed;position:relative;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.privacy-root.light-theme{background:linear-gradient(135deg,#f6f7f9,#fff)}.privacy-container{max-width:950px;margin:0 auto;padding:120px 24px 80px;position:relative;z-index:1}.privacy-header{text-align:center;margin-bottom:60px}.privacy-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--color-text);margin:0 0 12px;letter-spacing:-.02em;line-height:1.2}.privacy-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0;font-weight:400}.privacy-content{display:flex;flex-direction:column;gap:30px}.privacy-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s cubic-bezier(.4,0,.2,1)}.privacy-root.light-theme .privacy-section{background:#00000008;border:1px solid rgba(0,0,0,.1)}.privacy-section:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px);box-shadow:0 8px 32px #0003}.privacy-root.light-theme .privacy-section:hover{background:#0000000d;border-color:#00000026;box-shadow:0 8px 32px #00000014}.section-title{font-size:clamp(1.3rem,3vw,1.6rem);font-weight:700;color:#60a5fa;margin-bottom:24px;letter-spacing:.01em;line-height:1.3}.privacy-root.light-theme .section-title{color:#2563eb}.section-text{color:var(--color-text-secondary);line-height:1.7;margin:0 0 20px;font-size:1rem}.privacy-root.light-theme .section-text{color:var(--color-text-secondary)}.subsection{margin:24px 0}.privacy-list{list-style:none;padding:0;margin:16px 0 0}.privacy-list li{color:var(--color-text-secondary);margin-bottom:12px;padding-left:24px;position:relative;line-height:1.7;font-size:1rem}.privacy-list li:before{content:"•";color:#60a5fa;font-weight:700;font-size:1.2rem;position:absolute;left:0;top:-2px}.privacy-root.light-theme .privacy-list li:before{color:#2563eb}.privacy-list li:last-child{margin-bottom:0}.privacy-root.light-theme .contact-link{color:#2563eb}.contact-link:focus{outline:2px solid #3B82F6;outline-offset:2px;border-radius:2px}.privacy-cta{text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:48px 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.privacy-root.light-theme .privacy-cta{background:#00000008;border:1px solid rgba(0,0,0,.1)}.privacy-section:nth-child(1){animation-delay:.1s}.privacy-section:nth-child(2){animation-delay:.2s}.privacy-section:nth-child(3){animation-delay:.3s}.privacy-section:nth-child(4){animation-delay:.4s}.privacy-section:nth-child(5){animation-delay:.5s}.privacy-section:nth-child(6){animation-delay:.6s}.privacy-section:nth-child(7){animation-delay:.7s}.privacy-section:nth-child(8){animation-delay:.8s}.privacy-section:nth-child(9){animation-delay:.9s}.privacy-section:nth-child(10){animation-delay:1s}.privacy-content-wrapper{padding:24px}@media (max-width: 768px){.privacy-container{padding:100px 20px 60px}.privacy-section{padding:30px 24px}.privacy-cta{padding:36px 28px}.cta-buttons{flex-direction:column;align-items:stretch}.btn{width:100%;max-width:100%}.back-to-top{bottom:24px;right:24px;width:44px;height:44px;font-size:20px}}@media (max-width: 480px){.privacy-container{padding:90px 16px 50px}.privacy-section{padding:24px 20px}.privacy-cta{padding:32px 24px;margin-top:30px}.section-text{font-size:.95rem}.privacy-list li{font-size:.95rem;padding-left:20px}.subsection-title{font-size:1rem}.contact-item{font-size:.95rem}.back-to-top{bottom:20px;right:20px;width:40px;height:40px;font-size:18px}}@media (prefers-contrast: high){.privacy-section{border-width:2px}.contact-link{text-decoration:underline}}@media (prefers-reduced-motion: reduce){.fade-in{animation:none;opacity:1}.back-to-top{animation:none;opacity:1;transform:none}.privacy-section,.btn,.contact-link{transition:none}}.terms-root{min-height:100vh;background:linear-gradient(135deg,#232526,#414345);background-attachment:fixed;position:relative;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.terms-root.light-theme{background:linear-gradient(135deg,#f6f7f9,#fff)}.terms-container{max-width:800px;margin:0 auto;padding:120px 24px 80px;position:relative;z-index:1}.terms-header{text-align:center;margin-bottom:48px}.terms-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text);margin:0 0 12px;letter-spacing:-.01em;line-height:1.2}.terms-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0;font-weight:400}.terms-content{display:flex;flex-direction:column;gap:0}.terms-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:32px;margin-top:36px;transition:none}.terms-root.light-theme .terms-section{background:#00000008;border:1px solid rgba(0,0,0,.1)}.terms-section:first-of-type{margin-top:0}.terms-list{list-style:none;padding:0;margin:16px 0 0}.terms-list li{color:var(--color-text-secondary);margin-bottom:12px;padding-left:24px;position:relative;line-height:1.7;font-size:1rem}.terms-list li:before{content:"•";color:#60a5fa;font-weight:700;font-size:1.2rem;position:absolute;left:0;top:-2px}.terms-root.light-theme .terms-list li:before{color:#2563eb}.terms-cta{text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:40px 32px;margin-top:48px;transition:none}.terms-root.light-theme .terms-cta{background:#00000008;border:1px solid rgba(0,0,0,.1)}.terms-section h2.section-title{font-size:clamp(2.25rem,3vw,2.55rem)!important;font-weight:500!important;margin:24px 0 12px}.terms-root.light-theme .section-title{color:#2563eb}.terms-root.light-theme .section-text{color:var(--color-text-secondary)}.subsection-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:12px;letter-spacing:.01em}.contact-info{margin-top:24px;display:flex;flex-direction:column;gap:12px}.contact-item{color:var(--color-text-secondary);font-size:1rem;line-height:1.7;margin:0}.contact-link{color:#60a5fa;text-decoration:none;font-weight:600;transition:all .3s ease;border-bottom:1px solid transparent}.terms-root.light-theme .contact-link{color:#2563eb}.contact-link:hover,.contact-link:focus{color:#3b82f6;border-bottom-color:#3b82f6;outline:none}.terms-content-wrapper{padding:24px}@media (max-width: 768px){.terms-container{padding:100px 20px 60px}.terms-section{padding:24px 20px;margin-top:32px}.terms-cta{padding:32px 24px;margin-top:40px}.section-title{font-size:clamp(2.25rem,3.6vw,2.55rem)!important;font-weight:500!important;margin:20px 0 10px}.section-text,.subsection{margin-bottom:12px}.cta-buttons{flex-direction:column;align-items:stretch}.btn{width:100%;max-width:100%}.back-to-top{bottom:24px;right:24px;width:44px;height:44px;font-size:20px}}@media (max-width: 480px){.terms-container{padding:90px 16px 50px}.terms-section{padding:24px 16px;margin-top:28px}.terms-cta{padding:28px 20px;margin-top:36px}.section-title{font-size:clamp(2.1rem,4.5vw,2.4rem)!important;font-weight:500!important;margin:20px 0 10px}.section-text{font-size:.95rem;line-height:1.6}.back-to-top{bottom:20px;right:20px;width:40px;height:40px;font-size:18px}}@media (prefers-contrast: high){.terms-section{border-width:2px}}.terms-content-wrapper{padding:0;overflow-y:auto;flex:1}.terms-content-wrapper .terms-container{max-width:800px;margin:0 auto;padding:40px 24px 80px}@media (prefers-reduced-motion: reduce){.fade-in{animation:none;opacity:1}.back-to-top{animation:none;opacity:1;transform:none}.terms-section,.btn{transition:none}}@media (max-width: 768px){.terms-content-wrapper .terms-container{padding:24px 16px 60px}}.help-root{min-height:100vh;background:linear-gradient(135deg,#232526,#414345);background-attachment:fixed;position:relative;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.help-root.light-theme{background:linear-gradient(135deg,#f6f7f9,#fff)}.help-container{max-width:950px;margin:0 auto;padding:120px 24px 80px;position:relative;z-index:1}.help-header{text-align:center;margin-bottom:60px}.help-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--color-text);margin:0 0 12px;letter-spacing:-.02em;line-height:1.2}.help-subtitle{font-size:1.1rem;color:var(--color-text-secondary);margin:0;font-weight:400;line-height:1.6}.help-categories{margin-bottom:40px}.category-pills{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.category-pill{padding:10px 20px;border-radius:24px;border:2px solid rgba(255,255,255,.2);background:#ffffff0d;color:var(--color-text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.help-root.light-theme .category-pill{border-color:#d1d5db;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#000}.category-pill:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.help-root.light-theme .category-pill:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#000}[data-theme=light] .category-pill{border-color:#d1d5db;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#000}[data-theme=light] .category-pill:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd}.category-pill.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff;box-shadow:0 4px 16px #3b82f64d}.category-pill.active:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 20px #3b82f666}[data-theme=light] .category-pill.active,.help-root.light-theme .category-pill.active{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-color:#d1d5db;color:#000;box-shadow:0 4px 16px #00000014}[data-theme=light] .category-pill.active:hover,.help-root.light-theme .category-pill.active:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;box-shadow:0 6px 20px #3b82f626}.help-content{margin-bottom:40px}.help-topics{display:flex;flex-direction:column;gap:16px}.help-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;transition:all .3s ease}.help-root.light-theme .help-item,[data-theme=light] .help-item{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db}.help-item:hover{border-color:#fff3;box-shadow:0 4px 16px #0000001a}.help-question{width:100%;padding:20px 24px;background:transparent;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;color:var(--color-text);font-size:1rem;font-weight:600;transition:all .2s ease}.help-question:hover{background:#ffffff0d}.help-root.light-theme .help-question{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#000}.help-root.light-theme .help-question:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#000}[data-theme=light] .help-question{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#000}[data-theme=light] .help-question:hover,.help-root.light-theme .help-question:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#000}.question-text{flex:1;margin-right:16px}.expand-icon{font-size:.8rem;color:var(--color-text-secondary);transition:transform .3s ease}[data-theme=light] .expand-icon,.help-root.light-theme .expand-icon{color:#000}.expand-icon.rotated{transform:rotate(180deg)}.help-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 24px}.help-answer.open{max-height:500px;padding:0 24px 20px}.help-answer p{color:var(--color-text-secondary);line-height:1.7;margin:0;font-size:.95rem}.help-cta{text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:48px 40px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:40px}.help-root.light-theme .help-cta{background:#00000008;border:1px solid rgba(0,0,0,.1)}.help-content-wrapper{padding:24px}[data-theme=light] .btn-primary,.help-root.light-theme .btn-primary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#000;box-shadow:0 4px 16px #00000014}[data-theme=light] .btn-primary:hover,.help-root.light-theme .btn-primary:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;transform:translateY(-2px);box-shadow:0 8px 24px #3b82f633;color:#000}[data-theme=light] .btn-secondary,.help-root.light-theme .btn-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#000;border:2px solid #d1d5db}[data-theme=light] .btn-secondary:hover,.help-root.light-theme .btn-secondary:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;transform:translateY(-2px);color:#000}@media (max-width: 768px){.help-container{padding:100px 20px 60px}.category-pills{justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.category-pill{flex-shrink:0;font-size:.85rem;padding:8px 16px}.help-question{padding:16px 20px;font-size:.95rem}.help-answer{padding:0 20px}.help-answer.open{padding:0 20px 16px}.help-cta{padding:36px 28px}}@media (max-width: 480px){.help-container{padding:90px 16px 50px}.help-title{font-size:1.75rem}.help-subtitle{font-size:1rem}.category-pill{font-size:.8rem;padding:6px 12px}.help-cta{padding:32px 24px}}.cancellation-policy-root{min-height:100vh;background:linear-gradient(135deg,#232526,#414345);background-attachment:fixed;position:relative;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.cancellation-policy-root.light-theme{background:linear-gradient(135deg,#f6f7f9,#fff)}.cancellation-policy-container{max-width:800px;margin:0 auto;padding:120px 24px 80px;position:relative;z-index:1}.cancellation-policy-header{text-align:center;margin-bottom:48px}.cancellation-policy-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text);margin:0 0 12px;letter-spacing:-.01em;line-height:1.2}.cancellation-policy-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0;font-weight:400;line-height:1.6}.cancellation-policy-content{display:flex;flex-direction:column;gap:0}.cancellation-policy-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:32px;margin-top:36px;transition:none}.cancellation-policy-root.light-theme .cancellation-policy-section{background:#00000008;border:1px solid rgba(0,0,0,.1)}.cancellation-policy-section:first-of-type{margin-top:0}.section-title{font-size:clamp(2.25rem,3vw,2.55rem)!important;font-weight:500!important;color:#60a5fa;margin:24px 0 12px;letter-spacing:.01em;line-height:1.3}.cancellation-policy-section h2.section-title{font-size:clamp(2.25rem,3vw,2.55rem)!important;font-weight:500!important;margin:24px 0 12px}.cancellation-policy-root.light-theme .section-title{color:#2563eb}.section-text{color:var(--color-text-secondary);line-height:1.65;margin:0 0 16px;font-size:1rem;font-weight:400;letter-spacing:.25px}.section-text strong{font-weight:600;color:var(--color-text)}.cancellation-policy-root.light-theme .section-text{color:var(--color-text-secondary)}.section-text:last-child{margin-bottom:0}.subsection{margin:0 0 16px}.subsection:first-child{margin-top:0}.subsection:last-child{margin-bottom:0}.subsection .section-text{margin-bottom:0}.cancellation-policy-cta{text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:40px 32px;margin-top:48px;transition:none}.cancellation-policy-root.light-theme .cancellation-policy-cta{background:#00000008;border:1px solid rgba(0,0,0,.1)}.cta-title{font-size:clamp(1.4rem,3vw,1.75rem);font-weight:600;color:var(--color-text);margin-bottom:12px;letter-spacing:-.01em;line-height:1.3}.cta-text{font-size:1rem;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.65;letter-spacing:.2px}.btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.cancellation-policy-section:nth-child(1){animation-delay:.1s}.cancellation-policy-section:nth-child(2){animation-delay:.2s}.cancellation-policy-section:nth-child(3){animation-delay:.3s}.cancellation-policy-section:nth-child(4){animation-delay:.4s}.cancellation-policy-section:nth-child(5){animation-delay:.5s}.cancellation-policy-section:nth-child(6){animation-delay:.6s}.cancellation-policy-section:nth-child(7){animation-delay:.7s}.cancellation-policy-section:nth-child(8){animation-delay:.8s}.cancellation-policy-section:nth-child(9){animation-delay:.9s}@media (max-width: 768px){.cancellation-policy-container{padding:100px 20px 60px}.cancellation-policy-section{padding:24px 20px;margin-top:32px}.cancellation-policy-cta{padding:32px 24px;margin-top:40px}.section-title{font-size:clamp(2.25rem,3.6vw,2.55rem)!important;font-weight:500!important;margin:20px 0 10px}.section-text,.subsection{margin-bottom:12px}.cta-buttons{flex-direction:column;align-items:stretch}.btn{width:100%;max-width:100%}.back-to-top{bottom:24px;right:24px;width:44px;height:44px;font-size:20px}}@media (max-width: 480px){.cancellation-policy-container{padding:90px 16px 50px}.cancellation-policy-section{padding:24px 16px;margin-top:28px}.cancellation-policy-cta{padding:28px 20px;margin-top:36px}.section-title{font-size:clamp(2.1rem,4.5vw,2.4rem)!important;font-weight:500!important;margin:20px 0 10px}.section-text{font-size:.95rem;line-height:1.6}.back-to-top{bottom:20px;right:20px;width:40px;height:40px;font-size:18px}}@media (prefers-contrast: high){.cancellation-policy-section{border-width:2px}}.cancellation-policy-content-wrapper{padding:0;overflow-y:auto;flex:1}.cancellation-policy-content-wrapper .cancellation-policy-container{max-width:800px;margin:0 auto;padding:40px 24px 80px}@media (prefers-reduced-motion: reduce){.fade-in{animation:none;opacity:1}.back-to-top{animation:none;opacity:1;transform:none}.cancellation-policy-section,.btn{transition:none}}@media (max-width: 768px){.cancellation-policy-content-wrapper .cancellation-policy-container{padding:24px 16px 60px}}.contact-root{min-height:100vh;background:linear-gradient(135deg,#232526,#414345);background-attachment:fixed;position:relative;overflow-x:hidden;transition:background-color .3s ease,color .3s ease}.contact-root.light-theme{background:linear-gradient(135deg,#f6f7f9,#fff)}.contact-container{max-width:800px;margin:0 auto;padding:120px 24px 80px;position:relative;z-index:1}.contact-header{text-align:center;margin-bottom:48px}.contact-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--color-text);margin:0 0 12px;letter-spacing:-.01em;line-height:1.2}.contact-subtitle{font-size:1rem;color:var(--color-text-secondary);margin:0;font-weight:400;line-height:1.6}.contact-content{display:flex;flex-direction:column;gap:0}.contact-section{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px;margin-top:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-root.light-theme .contact-section{background:#00000008;border:1px solid rgba(0,0,0,.1)}.contact-section:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 8px 32px #0003}.contact-root.light-theme .contact-section:hover{background:#0000000d;border-color:#00000026;box-shadow:0 8px 32px #00000014}.contact-form{margin-top:24px}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}.contact-field{display:flex;flex-direction:column}.contact-field-full{grid-column:1 / -1}.contact-field label{font-size:.95rem;font-weight:600;color:var(--color-text);margin-bottom:8px;letter-spacing:.01em}.required{color:#ef4444}.contact-input{padding:12px 16px;border:2px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff0d;color:var(--color-text);font-size:1rem;font-family:inherit;transition:all .3s ease;width:100%}.contact-root.light-theme .contact-input{background:#fffc;border:2px solid rgba(0,0,0,.1);color:var(--color-text)}.contact-input:focus{outline:none;border-color:#3b82f6;background:#ffffff1a;box-shadow:0 0 0 3px #3b82f61a}.contact-root.light-theme .contact-input:focus{background:#fff;border-color:#3b82f6}.contact-input.error{border-color:#ef4444}.contact-input:disabled,.contact-input[readonly]{opacity:.6;cursor:not-allowed;background:#ffffff08}.contact-root.light-theme .contact-input:disabled,.contact-root.light-theme .contact-input[readonly]{background:#0000000d}.contact-textarea{min-height:150px;resize:vertical;font-family:inherit;line-height:1.5}.contact-help{color:var(--color-text-secondary);font-size:.875rem;margin-top:6px;line-height:1.4}.contact-error{color:#ef4444;font-size:.875rem;margin-top:6px;font-weight:500}.contact-message{padding:16px 20px;border-radius:8px;margin-bottom:24px;font-size:.95rem;line-height:1.5}.contact-message-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#22c55e}.contact-root.light-theme .contact-message-success{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);color:#16a34a}.contact-message-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.contact-root.light-theme .contact-message-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#dc2626}.contact-form-actions{display:flex;gap:16px;margin-top:32px;flex-wrap:wrap}.contact-cta{text-align:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:48px 40px;margin-top:40px;transition:all .3s cubic-bezier(.4,0,.2,1)}.contact-root.light-theme .contact-cta{background:#00000008;border:1px solid rgba(0,0,0,.1)}.cta-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;color:var(--color-text);margin-bottom:16px;letter-spacing:-.01em}.cta-text{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:32px;line-height:1.7}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn{padding:14px 28px;border-radius:12px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 16px #3b82f64d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 24px #3b82f666}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary:focus{outline:2px solid #3B82F6;outline-offset:2px}.btn-secondary{background:transparent;color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{background:var(--color-card);border-color:#3b82f6;transform:translateY(-2px)}.btn-secondary:focus{outline:2px solid #3B82F6;outline-offset:2px}.back-to-top{position:fixed;bottom:32px;right:32px;width:50px;height:50px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:50%;font-size:24px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #3b82f666;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(20px);animation:fadeInUp .3s ease forwards}.back-to-top:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-4px);box-shadow:0 8px 24px #3b82f680}.back-to-top:focus{outline:2px solid #3B82F6;outline-offset:2px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.fade-in{opacity:0;animation:fadeIn .6s ease forwards}@keyframes fadeIn{to{opacity:1}}.contact-section:nth-child(1){animation-delay:.1s}.contact-cta{animation-delay:.2s}.contact-content-wrapper{padding:24px}.contact-content-wrapper .contact-container{max-width:800px;margin:0 auto;padding:40px 24px 80px}@media (max-width: 768px){.contact-container{padding:100px 20px 60px}.contact-section{padding:30px 24px}.contact-form-grid{grid-template-columns:1fr;gap:20px}.contact-cta{padding:36px 28px;margin-top:30px}.cta-buttons{flex-direction:column;align-items:stretch}.btn{width:100%;max-width:100%}.contact-form-actions{flex-direction:column}.contact-form-actions .btn{width:100%}.back-to-top{bottom:24px;right:24px;width:44px;height:44px;font-size:20px}}@media (max-width: 480px){.contact-container{padding:90px 16px 50px}.contact-section{padding:24px 20px}.contact-cta{padding:32px 24px;margin-top:30px}.back-to-top{bottom:20px;right:20px;width:40px;height:40px;font-size:18px}}@media (prefers-contrast: high){.contact-section,.contact-input{border-width:2px}}@media (prefers-reduced-motion: reduce){.fade-in{animation:none;opacity:1}.back-to-top{animation:none;opacity:1;transform:none}.contact-section,.btn,.contact-input{transition:none}}@media (max-width: 768px){.contact-content-wrapper .contact-container{padding:24px 16px 60px}}.for-client-page{background:#0f1115;min-height:100vh;color:#f5f6f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.free-plan-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:40px 32px;max-width:600px;margin:0 auto 48px;display:flex;flex-direction:column;gap:24px;text-align:center}.plan-name{font-size:1.75rem;font-weight:700;color:#f5f6f7;margin:0;line-height:1.2}.plan-description{font-size:1rem;color:#f5f6f7bf;line-height:1.5;margin:0}.plan-pricing{display:flex;align-items:baseline;gap:8px;justify-content:center}.plan-price{font-size:3rem;font-weight:700;color:#f5f6f7;line-height:1;letter-spacing:-.02em}.plan-period{font-size:1.125rem;color:#f5f6f7bf;font-weight:400}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;text-align:left}.trust-indicators{display:flex;flex-direction:column;gap:16px;max-width:600px;margin:0 auto;align-items:center}@media (min-width: 768px){.trust-indicators{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:24px}}.trust-item{display:flex;align-items:center;gap:8px;font-size:.9375rem;color:#f5f6f7bf}.trust-icon{font-size:1.125rem;line-height:1}.inkspiration-content{max-width:900px;margin:0 auto}.inkspiration-description{display:flex;flex-direction:column;gap:32px;text-align:center}.section-body{font-size:clamp(1rem,1.5vw,1.125rem);color:#f5f6f7bf;line-height:1.7;max-width:700px;margin:0 auto}.inkspiration-features{display:grid;grid-template-columns:1fr;gap:32px;margin-top:24px}@media (min-width: 768px){.inkspiration-features{grid-template-columns:repeat(3,1fr);gap:40px}}.inkspiration-feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.inkspiration-cta{margin-top:16px;display:flex;justify-content:center}.for-client-page .home-footer .footer-contact-section .footer-links{display:flex!important;flex-direction:row!important;gap:20px!important;align-items:center!important;justify-content:center!important}@media (max-width: 768px){.free-plan-card{padding:32px 24px}.plan-price{font-size:2.5rem}.trust-indicators{flex-direction:column}.for-client-page .home-footer .footer-contact-section .footer-links{gap:16px!important}}.for-artist-page{background:#0f1115;min-height:100vh;color:#f5f6f7;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.section-container{max-width:1100px;margin:0 auto;padding:80px 24px;width:100%}@media (max-width: 768px){.section-container{padding:60px 20px}}.hero-section{padding:0;background:#0f1115;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;min-height:100vh}.hero-container{max-width:56rem;width:100%;margin:0 auto;padding:80px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}@media (max-width: 768px){.hero-container{padding:60px 20px}}.hero-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:700;color:#f5f6f7;margin:0;line-height:1.1;letter-spacing:-.03em;text-align:center;width:100%}.hero-subtitle{font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:500;color:#f5f6f7bf;margin:.5rem 0 0;line-height:1.2;letter-spacing:-.02em;text-align:center;width:100%}.hero-description{font-size:clamp(1rem,1.5vw,1.125rem);color:#f5f6f7bf;line-height:1.7;margin:1rem auto 0;max-width:42rem;text-align:center;width:100%}.hero-ctas{display:flex;flex-direction:row;gap:.75rem;margin:1.25rem 0 0;align-items:center;justify-content:center;width:100%;flex-wrap:wrap}.cta-button{border:none;border-radius:8px;padding:14px 32px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block;text-align:center;min-width:200px;width:auto}.cta-button.primary{background:#3b82f6;color:#fff}.cta-button.primary:hover{background:#2563eb;transform:translateY(-1px)}.cta-button.secondary{background:transparent;border:1px solid rgba(255,255,255,.08);color:#f5f6f7}.cta-button.secondary:hover{background:#ffffff0d;border-color:#ffffff26}.cta-button:focus{outline:2px solid #3B82F6;outline-offset:2px}.trust-line{font-size:.875rem;color:#f5f6f78c;line-height:1.5;margin:1rem 0 0;text-align:center;width:100%}@media (max-width: 768px){.hero-section{min-height:100vh}.hero-container{padding:60px 20px}.hero-title,.hero-description{text-align:center}.hero-ctas{flex-direction:column}.cta-button{width:100%;min-width:auto;max-width:300px}.trust-line{font-size:.8125rem;text-align:center}}.content-section{padding:0;background:#0f1115;border-bottom:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;min-height:100vh}@media (max-width: 768px){.content-section{min-height:100vh}}.section-header{text-align:center;margin-bottom:60px}.section-heading{font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:700;color:#f5f6f7;margin:0 0 16px;line-height:1.2;letter-spacing:-.01em}.section-subheading{font-size:clamp(1rem,1.5vw,1.125rem);color:#f5f6f7bf;line-height:1.6;max-width:700px;margin:0 auto}.section-body{font-size:clamp(1rem,1.5vw,1.125rem);color:#f5f6f7bf;line-height:1.7;margin:0 auto;max-width:700px;text-align:center}.features-grid{display:grid;grid-template-columns:1fr;gap:48px;max-width:1000px;margin:0 auto}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(3,1fr);gap:40px}}.feature-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}.feature-icon{font-size:2.5rem;line-height:1;margin-bottom:8px}.feature-title{font-size:1.25rem;font-weight:600;color:#f5f6f7;margin:0;line-height:1.3}.feature-description{font-size:1rem;color:#f5f6f7bf;line-height:1.6;margin:0;max-width:300px}.controls-grid{display:grid;grid-template-columns:1fr;gap:32px;max-width:900px;margin:0 auto}@media (min-width: 768px){.controls-grid{grid-template-columns:repeat(2,1fr);gap:40px}}.control-item{display:flex;gap:16px;align-items:flex-start}.control-check{font-size:1.25rem;color:#3b82f6;line-height:1;margin-top:2px;flex-shrink:0}.control-content{flex:1}.control-title{font-size:1.125rem;font-weight:600;color:#f5f6f7;margin:0 0 8px;line-height:1.3}.control-description{font-size:1rem;color:#f5f6f7bf;line-height:1.6;margin:0}.checklist{display:flex;flex-direction:column;gap:24px;max-width:700px;margin:0 auto}.check-item{display:flex;gap:16px;align-items:flex-start}.check-icon{font-size:1.125rem;color:#3b82f6;line-height:1;margin-top:2px;flex-shrink:0}.check-content{flex:1}.check-title{font-size:1.125rem;font-weight:600;color:#f5f6f7;margin:0 0 6px;line-height:1.3}.check-description{font-size:1rem;color:#f5f6f7bf;line-height:1.6;margin:0}.check-footnote{font-size:.9375rem;color:#f5f6f78c;line-height:1.6;margin:32px auto 0;text-align:center;max-width:700px}.steps-list{display:flex;flex-direction:column;gap:48px;max-width:800px;margin:0 auto}.step-item{display:flex;gap:24px;align-items:flex-start}.step-number{width:40px;height:40px;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:1.125rem;font-weight:600;color:#f5f6f7;flex-shrink:0}.step-content{flex:1;padding-top:4px}.step-title{font-size:1.25rem;font-weight:600;color:#f5f6f7;margin:0 0 8px;line-height:1.3}.step-description{font-size:1rem;color:#f5f6f7bf;line-height:1.6;margin:0}.pricing-section{padding:0;display:flex;align-items:center;justify-content:center;min-height:100vh}.pricing-toggle{display:flex;justify-content:center;gap:0;margin-bottom:48px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);border-radius:8px;padding:4px;width:fit-content;margin-left:auto;margin-right:auto}.toggle-option{background:transparent;border:none;color:#f5f6f7bf;padding:10px 20px;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.toggle-option.active{background:#ffffff1a;color:#f5f6f7}.toggle-option:focus{outline:2px solid #3B82F6;outline-offset:2px}.savings-badge{background:#10b981;color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.pricing-grid{display:grid;grid-template-columns:1fr;gap:32px;max-width:1100px;margin:0 auto}@media (min-width: 768px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:32px 24px;display:flex;flex-direction:column;gap:24px;position:relative;transition:all .2s ease}.pricing-card:hover{border-color:#ffffff1f;background:#ffffff0d}.pricing-card.featured{border:2px solid rgba(59,130,246,.3);background:#3b82f60d}.pricing-card.featured:hover{border-color:#3b82f666;background:#3b82f614}.plan-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#3b82f6;color:#fff;padding:4px 16px;border-radius:12px;font-size:.8125rem;font-weight:600;z-index:1}.plan-header{display:flex;flex-direction:column;gap:8px}.plan-name{font-size:1.5rem;font-weight:700;color:#f5f6f7;margin:0;line-height:1.2}.plan-description{font-size:.9375rem;color:#f5f6f7bf;line-height:1.5;margin:0}.plan-pricing{display:flex;align-items:baseline;gap:8px}.plan-price{font-size:2.5rem;font-weight:700;color:#f5f6f7;line-height:1;letter-spacing:-.02em}.plan-period{font-size:1rem;color:#f5f6f7bf;font-weight:400}.plan-cap{font-size:.9375rem;color:#f5f6f7bf;padding:10px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:6px;text-align:center;margin-top:-8px}.plan-features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;flex:1}.plan-feature{display:flex;align-items:flex-start;gap:10px;font-size:.9375rem;color:#f5f6f7bf;line-height:1.5}.feature-check{color:#10b981;font-weight:700;font-size:1rem;margin-top:2px;flex-shrink:0}.plan-cta{border:none;border-radius:8px;padding:14px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-decoration:none;display:block;text-align:center;background:transparent;border:1px solid rgba(255,255,255,.08);color:#f5f6f7}.plan-cta:hover{background:#ffffff0d;border-color:#ffffff26}.plan-cta.primary{background:#3b82f6;border-color:#3b82f6;color:#fff}.plan-cta.primary:hover{background:#2563eb;border-color:#2563eb}.plan-cta:focus{outline:2px solid #3B82F6;outline-offset:2px}.plan-note{font-size:.9375rem;color:#f5f6f7bf;line-height:1.5;margin:0;text-align:center;font-style:italic}.plan-fee{font-size:.8125rem;color:#f5f6f78c;line-height:1.5;margin:0;text-align:center}.plan-footnote{font-size:.75rem;color:#f5f6f780;line-height:1.4;margin:4px 0 0;text-align:center}.final-cta-section{padding:0;border-bottom:none;display:flex;align-items:center;justify-content:center;min-height:100vh}.final-cta-content{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.final-cta-heading{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:700;color:#f5f6f7;margin:0;line-height:1.2;letter-spacing:-.01em}.for-artist-page .home-footer .footer-contact-section .footer-links{display:flex!important;flex-direction:row!important;gap:20px!important;align-items:center!important;justify-content:center!important}@media (max-width: 768px){.pricing-card{padding:24px 20px}.plan-price{font-size:2rem}.final-cta-section{padding:80px 0}.for-artist-page .home-footer .footer-contact-section .footer-links{gap:16px!important}}.signup-page{min-height:100vh;background:linear-gradient(135deg,#232526,#414345);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;position:relative}.signup-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:32px;width:100%;max-width:480px;position:relative;color:#333}.signup-header{text-align:center;margin-bottom:16px}.logo-link{position:absolute;top:16px;left:16px;z-index:10}.logo{height:36px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.signup-header h1{color:#333!important;font-size:1.5rem;font-weight:700;margin:0 0 4px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.signup-header p{color:#666!important;font-size:.9rem;margin:0;line-height:1.4}.signup-form{display:flex;flex-direction:column;gap:12px}.form-row{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;flex:1}.form-group.full-width{width:100%}.paired-row{display:flex!important;flex-direction:row!important;gap:16px;width:100%!important}.paired-row .form-group{flex:1!important;min-width:0!important}.signup-page .form-group label{color:#374151!important;font-weight:600;font-size:.875rem;margin-bottom:6px;display:block;line-height:1.25}.form-group input{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff!important;color:#111827!important;width:100%;box-sizing:border-box;height:48px;line-height:1.5;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.form-group input,.form-group input[type=text],.form-group input[type=email],.form-group input[type=password],.form-group input[type=tel],.form-group input[type=date],.form-group input[type=number]{background:#fff!important;background-color:#fff!important;color:#333!important}.form-group input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a;background:#fff!important;background-color:#fff!important}.form-group input::placeholder{color:#9ca3af!important;font-size:.875rem;font-weight:400}.form-group select{padding:12px 16px;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;transition:all .2s ease;background:#fff!important;color:#111827!important;cursor:pointer;width:100%;box-sizing:border-box;height:48px;line-height:1.5}.form-group select,.form-group select:focus,.form-group select:hover{background:#fff!important;background-color:#fff!important;color:#333!important}.form-group select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group select.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-group select option{padding:8px;background:#fff!important;color:#333!important}.error-message{color:#ef4444;font-size:.7rem;margin-top:2px;display:block;font-weight:500;min-height:16px}.success-message{color:#10b981;font-size:.7rem;margin-top:2px;display:block;font-weight:500;min-height:16px}.password-validation{margin-top:4px;padding:8px;background:#f8fafc;border-radius:6px;border:1px solid #e2e8f0}.validation-item{font-size:.65rem;margin-bottom:2px;display:flex;align-items:center;gap:4px}.validation-item.valid{color:#10b981}.validation-item.invalid{color:#ef4444}.validation-item:last-child{margin-bottom:0}.checkbox-group{display:flex;align-items:flex-start;gap:8px;margin-top:4px}.checkbox-group input[type=checkbox]{margin-top:2px;width:18px;height:18px;cursor:pointer;accent-color:#3B82F6;flex-shrink:0}.checkbox-group input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.checkbox-group input[type=checkbox].error{outline:2px solid #ef4444;outline-offset:2px;border-radius:2px}.checkbox-label{color:#374151!important;font-size:.9rem;line-height:1.5;cursor:pointer;-webkit-user-select:none;user-select:none;margin:0;font-weight:400}.checkbox-label .required{color:#ef4444}.terms-link{color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s ease}.terms-link:hover{color:#2563eb;text-decoration:underline}.terms-link:focus{outline:2px solid #3B82F6;outline-offset:2px;border-radius:2px}@media (max-width: 767px){.checkbox-group{gap:10px;align-items:flex-start}.checkbox-group input[type=checkbox]{width:20px;height:20px;margin-top:0;min-width:20px;flex-shrink:0}.checkbox-label{font-size:.85rem;line-height:1.6;flex:1}}@media (max-width: 480px){.checkbox-group{gap:10px}.checkbox-group input[type=checkbox]{width:22px;height:22px;margin-top:0}.checkbox-label{font-size:.8rem;line-height:1.5}}@media (max-width: 375px){.checkbox-group{gap:8px}.checkbox-group input[type=checkbox]{width:20px;height:20px}.checkbox-label{font-size:.75rem;line-height:1.4}}.submit-message{padding:10px 14px;border-radius:8px;margin-bottom:12px;font-weight:500;text-align:center;animation:slideDown .3s ease-out;font-size:.85rem}.submit-message.success{background:#d1fae5;color:#065f46;border:1px solid #10b981}.submit-message.error{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.signup-actions{margin-top:16px;display:flex;justify-content:center}.submit-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:12px 20px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #3b82f633;width:clamp(280px,50%,420px);height:48px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;line-height:1.5}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f64d}.submit-btn:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.submit-btn:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.login-link{text-align:center;margin-top:8px;color:#666!important;font-size:.8rem}.login-link a{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .3s ease}.login-link a:hover{color:#2563eb;text-decoration:underline}@media (min-width: 1024px){.signup-container{padding:32px;max-width:800px}.signup-header{margin-bottom:20px}.signup-header h1{font-size:1.75rem;margin-bottom:6px}.signup-header p{font-size:1rem}.signup-form{gap:16px}.form-row,.paired-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.signup-actions{grid-column:1 / -1}.form-group label{font-size:.85rem;margin-bottom:6px}.form-group input,.form-group select{font-size:.95rem;padding:12px 14px}.error-message,.success-message{font-size:.75rem;margin-top:3px}.submit-btn{font-size:.95rem;padding:14px 20px;width:clamp(320px,55%,460px)}.login-link{font-size:.85rem;margin-top:12px}}@media (min-width: 768px) and (max-width: 1023px){.signup-container{padding:28px;max-width:600px}.signup-form,.form-row{gap:14px}.form-group input,.form-group select{padding:11px 13px}.submit-btn{width:clamp(280px,60%,400px)}}@media (max-width: 767px){.signup-page{padding:16px;padding-top:calc(60px + env(safe-area-inset-top,0px))}.signup-container{padding:20px;margin:10px;max-width:100%}.signup-header h1{font-size:1.5rem}.form-group input,.form-group select{padding:12px 16px}.submit-btn{padding:12px 20px;width:clamp(280px,90%,100%)}}@media (min-width: 360px) and (max-width: 767px){.paired-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}}@media (max-width: 359px){.paired-row{display:flex;flex-direction:column;gap:12px}}@media (max-width: 480px){.signup-page{padding:10px}.signup-container{padding:16px}.signup-header h1{font-size:1.4rem}.logo{height:32px}.form-group input,.form-group select{padding:12px 16px}}.signup-container{animation:slideUp .5s ease-out}.form-group input:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}.submit-btn:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}.form-group select:focus-visible{outline:2px solid #3B82F6;outline-offset:2px}.submit-btn:disabled{position:relative}.submit-btn:disabled:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1024px){.signup-container{max-width:700px;padding:28px}}@media (max-width: 480px){.paired-row{display:flex!important;flex-direction:row!important;gap:12px}.form-group{flex:1!important}}@media (max-width: 768px){.signup-container{max-width:90%;padding:24px;margin:16px;border-radius:12px}.form-group{flex:1!important}.form-group input,.form-group select{height:52px;font-size:16px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.submit-btn{height:52px;font-size:1rem;width:100%;max-width:none}}@media (max-width: 480px){.signup-page{padding:12px}.signup-container{padding:20px;margin:8px;border-radius:8px}.signup-header{margin-bottom:20px}.signup-header h1{font-size:1.5rem}.signup-header p{font-size:.9rem}.form-row{gap:12px}.paired-row{display:flex!important;flex-direction:row!important;gap:12px}.form-group{flex:1!important}.form-group input,.form-group select{height:48px;padding:12px 14px}.submit-btn{height:48px;padding:12px 16px}.signup-page .form-group label{font-size:.8rem;margin-bottom:4px}}@media (max-width: 375px){.signup-page{padding:4px}.signup-container{padding:12px;margin:2px;max-width:100%!important}.paired-row{display:flex!important;flex-direction:row!important;gap:4px!important;width:100%!important}.form-group{flex:1!important;min-width:0!important;width:50%!important}.form-group input,.form-group select{height:42px;padding:6px 8px;font-size:13px;width:100%!important}.signup-page .form-group label{font-size:.75rem;margin-bottom:2px}.submit-btn{height:42px;font-size:.85rem}}@media (max-width: 400px){.signup-page{padding:8px}.signup-container{padding:16px;margin:4px;max-width:100%!important}.signup-header h1{font-size:1.25rem}.paired-row{display:flex!important;flex-direction:row!important;gap:6px!important;width:100%!important}.form-group{flex:1!important;min-width:0!important;width:50%!important}.form-group input,.form-group select{height:44px;padding:8px 10px;font-size:14px;width:100%!important}.submit-btn{height:44px;font-size:.9rem}}@media screen and (max-width: 9999px){.paired-row{display:flex!important;flex-direction:row!important}.paired-row .form-group{flex:1!important;min-width:0!important}}.login-page{min-height:100vh;background:linear-gradient(135deg,#232526,#414345);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.login-container{width:100%;max-width:400px}.login-form-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:30px;text-align:center;color:#333}.login-form-container h1{color:#333!important;font-size:2rem;font-weight:700;margin-bottom:20px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.login-form{display:flex;flex-direction:column;gap:8px}.login-page .form-group label{display:block;color:#000!important;font-weight:600;font-size:.9rem;margin-bottom:4px}.form-group input{width:100%;padding:8px 12px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff!important;color:#333!important;box-sizing:border-box;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.form-group input,.form-group input[type=text],.form-group input[type=email],.form-group input[type=password]{background:#fff!important;background-color:#fff!important;color:#333!important}.login-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f633;width:100%}.login-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f64d}.login-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.login-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.error-message{color:#ef4444;background:#fee2e2;border:1px solid #ef4444;padding:12px 16px;border-radius:8px;font-weight:500;text-align:center}.forgot-password-link{margin-top:15px;text-align:center}.forgot-password-link a{color:#3b82f6;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.forgot-password-link a:hover{color:#2563eb;text-decoration:underline}.signup-link{margin-top:20px;color:#666!important;font-size:.9rem}.signup-link a{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .3s ease}.signup-link a:hover{color:#2563eb;text-decoration:underline}@media (max-width: 768px){.login-form-container{padding:30px 20px}.login-form-container h1{font-size:1.75rem}.logo{height:32px}}@media (max-width: 480px){.login-page{padding:10px}.login-form-container{padding:25px 15px}.login-form-container h1{font-size:1.5rem}}.login-form-container{animation:slideUp .5s ease-out}.login-button:disabled{position:relative}.login-button:disabled:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}.client-dashboard{background:var(--color-bg);color:var(--color-text);min-height:100vh}.client-dashboard .dashboard-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.client-dashboard .dashboard-header{margin-bottom:2rem}.client-dashboard .dashboard-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.client-dashboard .dashboard-subtitle{color:var(--color-text-muted, #aaa);font-size:1rem}.client-dashboard .dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.client-dashboard .dashboard-card{background:var(--color-card);border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--color-border)}.client-dashboard .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.client-dashboard .card-title{font-size:1.1rem;font-weight:600;color:var(--color-text)}.client-dashboard .card-icon{font-size:1.25rem;color:var(--color-primary)}.client-dashboard .card-content{color:var(--color-text-secondary, #ccc);line-height:1.6}.client-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.client-dashboard .stat-card{background:var(--color-card);border-radius:var(--radius-md);padding:1.5rem;text-align:center;border:1px solid var(--color-border)}.client-dashboard .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.client-dashboard .stat-label{color:var(--color-text-muted, #aaa);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.client-dashboard .quick-actions{background:var(--color-card);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem}.client-dashboard .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.client-dashboard .action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;transition:all .2s ease;cursor:pointer}.client-dashboard .action-btn:hover{border-color:var(--color-primary);background:#007bff1a}.client-dashboard .action-icon{font-size:1.25rem;color:var(--color-primary)}.client-dashboard .action-text{font-weight:500}.client-dashboard .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--color-text-muted, #aaa)}.client-dashboard .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border, #333);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.client-dashboard .error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:var(--color-danger, #dc3545);padding:1rem;border-radius:var(--radius-md);text-align:center}@media (max-width: 768px){.client-dashboard .dashboard-container{padding:1rem}.client-dashboard .dashboard-grid{grid-template-columns:1fr}.client-dashboard .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.client-dashboard .actions-grid{grid-template-columns:1fr}}@media (max-width: 480px){.client-dashboard .dashboard-container{padding:.5rem}.client-dashboard .dashboard-title{font-size:1.5rem}.client-dashboard .stats-grid{grid-template-columns:1fr}.client-dashboard .stat-card{padding:1rem}.client-dashboard .stat-value{font-size:1.5rem}}.mobile-notification-banner{display:none;width:100%;padding:12px 16px;background:var(--color-topbar-bg, rgba(0, 0, 0, .2));border-bottom:1px solid var(--color-border);gap:8px;flex-direction:column}@media (max-width: 768px){.mobile-notification-banner{display:flex!important}}.mobile-notification-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:8px;background:var(--color-primary-light, rgba(59, 130, 246, .15));color:var(--color-primary, #93c5fd);text-decoration:none;font-size:.875rem;font-weight:500;transition:all .2s ease;cursor:pointer;width:100%;box-sizing:border-box}.mobile-notification-item:hover,.mobile-notification-item:focus{background:var(--color-primary-light, rgba(59, 130, 246, .25));transform:translateY(-1px);box-shadow:0 2px 8px #3b82f633}.mobile-notification-item:active{transform:translateY(0)}.mobile-notification-item .notification-icon{font-size:1.2rem;flex-shrink:0}.mobile-notification-item .notification-text{flex:1;text-align:left}.light .mobile-notification-item{background:#2563eb1a;color:#2563eb}.light .mobile-notification-item:hover,.light .mobile-notification-item:focus{background:#2563eb26}.artist-onboarding-checklist{background:var(--checklist-bg, #1f2937);border:1px solid var(--checklist-border, #374151);border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 6px #0000001a}.artist-onboarding-checklist.light{--checklist-bg: #ffffff;--checklist-border: #e5e7eb;--checklist-text: #111827;--checklist-text-secondary: #6b7280;--checklist-completed-bg: #f0fdf4;--checklist-completed-border: #bbf7d0;--checklist-incomplete-bg: #fef3c7;--checklist-incomplete-border: #fde68a;--checklist-hover-bg: #f9fafb;--progress-bar-bg: #e5e7eb;--progress-fill: #10b981}.artist-onboarding-checklist.dark{--checklist-bg: #1f2937;--checklist-border: #374151;--checklist-text: #f9fafb;--checklist-text-secondary: #9ca3af;--checklist-completed-bg: #064e3b;--checklist-completed-border: #059669;--checklist-incomplete-bg: #78350f;--checklist-incomplete-border: #f59e0b;--checklist-hover-bg: #374151;--progress-bar-bg: #374151;--progress-fill: #10b981}.checklist-header{margin-bottom:20px}.checklist-header h3{margin:0 0 16px;font-size:20px;font-weight:600;color:var(--checklist-text)}.checklist-progress{display:flex;flex-direction:column;gap:8px}.progress-text{font-size:14px;color:var(--checklist-text-secondary);font-weight:500}.progress-bar{width:100%;height:8px;background:var(--progress-bar-bg);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:var(--progress-fill);border-radius:4px;transition:width .3s ease}.checklist-items{display:flex;flex-direction:column;gap:12px}.checklist-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:8px;border:1px solid;cursor:pointer;transition:all .2s ease}.checklist-item.completed{background:var(--checklist-completed-bg);border-color:var(--checklist-completed-border)}.checklist-item.incomplete{background:var(--checklist-incomplete-bg);border-color:var(--checklist-incomplete-border)}.checklist-item:hover{background:var(--checklist-hover-bg);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.checklist-item-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}.checklist-item.completed .check-icon{color:#10b981}.checklist-item.incomplete .circle-icon{color:var(--checklist-text-secondary)}.checklist-item-content{flex:1;min-width:0}.checklist-item-label{font-size:16px;font-weight:500;color:var(--checklist-text);margin-bottom:4px}.checklist-item-description{font-size:14px;color:var(--checklist-text-secondary)}.checklist-item-arrow{flex-shrink:0;color:var(--checklist-text-secondary);font-size:18px;font-weight:700}@media (max-width: 768px){.artist-onboarding-checklist{padding:16px;margin-bottom:16px}.checklist-header h3{font-size:18px}.checklist-item{padding:12px;gap:12px}.checklist-item-label{font-size:15px}.checklist-item-description{font-size:13px}}.artist-dashboard{background:var(--color-bg);color:var(--color-text);min-height:100vh}.artist-dashboard .dashboard-container{max-width:1200px;margin:0 auto;padding:2rem 1rem}.artist-dashboard .dashboard-header{margin-bottom:2rem}.artist-dashboard .dashboard-title{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--color-text)}.artist-dashboard .dashboard-subtitle{color:var(--color-text-muted, #aaa);font-size:1rem}.artist-dashboard .dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-bottom:2rem}.artist-dashboard .dashboard-card{background:var(--color-card);border-radius:var(--radius-md);padding:1.5rem;border:1px solid var(--color-border)}.artist-dashboard .card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.artist-dashboard .card-title{font-size:1.1rem;font-weight:600;color:var(--color-text)}.artist-dashboard .card-icon{font-size:1.25rem;color:var(--color-primary)}.artist-dashboard .card-content{color:var(--color-text-secondary, #ccc);line-height:1.6}.artist-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.artist-dashboard .stat-card{background:var(--color-card);border-radius:var(--radius-md);padding:1.5rem;text-align:center;border:1px solid var(--color-border)}.artist-dashboard .stat-value{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:.5rem}.artist-dashboard .stat-label{color:var(--color-text-muted, #aaa);font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.artist-dashboard .quick-actions{background:var(--color-card);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem}.artist-dashboard .actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.artist-dashboard .action-btn{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;transition:all .2s ease;cursor:pointer}.artist-dashboard .action-btn:hover{border-color:var(--color-primary);background:#007bff1a}.artist-dashboard .action-icon{font-size:1.25rem;color:var(--color-primary)}.artist-dashboard .action-text{font-weight:500}.artist-dashboard .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--color-text-muted, #aaa)}.artist-dashboard .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border, #333);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.artist-dashboard .error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:var(--color-danger, #dc3545);padding:1rem;border-radius:var(--radius-md);text-align:center}.sidebar-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;-webkit-backdrop-filter:blur(6px)!important;backdrop-filter:blur(6px)!important;background:#0009!important;z-index:2147483646!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s ease,visibility .3s ease,backdrop-filter .3s ease,background .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible;pointer-events:auto}@media (max-width: 768px){.artist-dashboard .dashboard-container{padding:1rem}.artist-dashboard .dashboard-grid{grid-template-columns:1fr}.artist-dashboard .stats-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.artist-dashboard .actions-grid{grid-template-columns:1fr}}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer;z-index:10001;padding:8px;margin-right:16px;border-radius:6px;transition:background .2s ease}@media (max-width: 1024px){.mobile-menu-btn,.mobile-menu-toggle{display:block}}@media (min-width: 768px) and (max-width: 1024px){.sidebar{transform:translate(-100%);width:70%;z-index:2147483647!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:2px 0 12px #0006}.dashboard-main-content{margin-left:0;width:100%}.dashboard-cards{grid-template-columns:repeat(2,1fr)!important;gap:20px!important}.dashboard-card{min-height:240px!important;height:240px!important;padding:20px!important}}@media (max-width: 480px){.artist-dashboard .dashboard-container{padding:.5rem}.artist-dashboard .dashboard-title{font-size:1.5rem}.artist-dashboard .stats-grid{grid-template-columns:1fr}.artist-dashboard .stat-card{padding:1rem}.artist-dashboard .stat-value{font-size:1.5rem}}@media (max-width: 768px){.dashboard-cards{grid-template-columns:repeat(2,1fr)!important;gap:12px!important;padding:0 4px!important}.dashboard-card{padding:16px!important;min-height:200px!important;height:200px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.dashboard-card h3{font-size:.9rem!important;margin-bottom:6px!important;line-height:1.2!important}.dashboard-card p{font-size:.75rem!important;margin-bottom:8px!important;line-height:1.3!important}.profile-card .profile-info{flex-direction:column!important;align-items:center!important;gap:8px!important}.profile-card .profile-avatar,.profile-card .profile-avatar-placeholder{width:50px!important;height:50px!important;font-size:1rem!important}.profile-card .profile-details{font-size:.7rem!important;text-align:center!important}.profile-card .business-name,.profile-card .personal-name{font-size:.7rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;max-width:100%!important}.analytics-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:8px!important}.analytics-metric{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding:6px 4px!important;gap:4px!important}.analytics-metric .metric-label{font-size:.65rem!important;line-height:1.1!important;text-align:center!important;color:#ffffffb3!important}.analytics-metric .metric-value{font-size:.85rem!important;font-weight:700!important;line-height:1.1!important;text-align:center!important;word-break:break-word!important}.dashboard-card h3{font-size:.85rem!important}.dashboard-card>div[style*="fontSize: 32"]{font-size:24px!important}.dashboard-card>div[style*="fontSize: 32"] span{font-size:20px!important;margin-left:4px!important}.dashboard-card>span[style*="fontSize: 14"]{font-size:.7rem!important}.dashboard-card>div>p{font-size:.7rem!important;margin-bottom:4px!important;line-height:1.2!important}.dashboard-card>div[style*="display: flex"]>div{font-size:32px!important}.dashboard-card>div[style*="display: flex"] h4{font-size:.8rem!important;margin:0 0 4px!important}.dashboard-card>div[style*="display: flex"] p{font-size:.7rem!important;margin:0 0 8px!important}.dashboard-card>div[style*="display: flex"]>div>div[style*="fontSize: 14"]{font-size:.65rem!important}}@media (max-width: 480px){.dashboard-cards{gap:8px!important;padding:0 2px!important}.dashboard-card{padding:12px!important;min-height:180px!important;height:180px!important}.dashboard-card h3{font-size:.8rem!important;margin-bottom:4px!important}.dashboard-card p{font-size:.7rem!important;margin-bottom:6px!important}.analytics-grid{gap:6px!important}.analytics-metric{padding:4px 2px!important}.analytics-metric .metric-label{font-size:.6rem!important}.analytics-metric .metric-value{font-size:.75rem!important}}.client-profile{width:100%;padding:0 32px;min-height:100vh;background:transparent;position:relative;z-index:1;box-sizing:border-box;overflow:visible}.hero-header{background:#282c34f2;border:1px solid rgba(255,255,255,.06);border-bottom:4px solid #3B82F6!important;border-radius:16px;padding:32px;margin-top:20px;margin-bottom:32px;box-shadow:0 8px 32px #0000004d;position:relative}.profile-section{margin-bottom:32px;width:100%}.section-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px;border-bottom:none;padding-bottom:0}.profile-card{background:#282c34f2;border:1px solid rgba(255,255,255,.06);border-bottom:4px solid #3B82F6!important;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 8px 32px #0000004d;width:100%;box-sizing:border-box;overflow:visible;min-height:auto}.info-panel{background:#282c34f2;border:1px solid rgba(255,255,255,.06);border-bottom:4px solid #3B82F6!important;border-radius:16px;padding:32px;box-shadow:0 8px 32px #0000004d}.info-grid{display:flex;flex-direction:column;gap:0;width:100%}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06);width:100%;box-sizing:border-box;min-width:0}.info-row span{color:#f9fafb;font-weight:500;font-size:15px;text-align:right;flex:1;margin-left:24px;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.edit-input{background:#37415180;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 16px;color:#f9fafb;font-size:15px;font-weight:500;flex:1;margin-left:24px;transition:all .2s ease;min-width:0;box-sizing:border-box}.token-balance{color:#3b82f6!important;font-weight:600!important}@media (min-width: 1024px){.client-profile{padding:0 32px}.profile-card,.info-panel{padding:32px}.info-row{padding:16px 0}.info-row label{min-width:140px;font-size:15px}.info-row span{font-size:15px;margin-left:24px}.edit-input{padding:10px 16px;font-size:15px;margin-left:24px}.avatar-image,.avatar-placeholder{width:100px;height:100px;font-size:28px}.avatar-overlay,.avatar-loading{width:100px;height:100px}}@media (min-width: 1400px){.client-profile{padding:0 48px}.profile-card,.info-panel{padding:40px}.info-row{padding:20px 0}.info-row label{min-width:160px;font-size:16px}.info-row span{font-size:16px;margin-left:32px}.edit-input{padding:12px 20px;font-size:16px;margin-left:32px}}@media (max-width: 1023px) and (min-width: 769px){.profile-card,.info-panel{padding:32px}.info-row label{min-width:140px}.avatar-image,.avatar-placeholder{width:100px;height:100px;font-size:28px}}@media (max-width: 768px){.client-profile{padding:0 12px}.hero-content{flex-direction:column;align-items:center;text-align:center;gap:16px}.hero-info{align-items:center;gap:12px}.hero-location{margin:0;justify-content:center;text-align:center}.section-header{flex-direction:column;gap:16px;align-items:flex-start;width:100%;box-sizing:border-box}.section-title{font-size:16px;margin-bottom:0;word-wrap:break-word}.profile-card,.info-panel{padding:24px;width:100%;box-sizing:border-box;margin:0 0 16px}.info-row{flex-direction:column;align-items:flex-start;gap:8px;width:100%;box-sizing:border-box;padding:16px 0}.info-row label{min-width:auto;font-size:14px;word-wrap:break-word;width:100%}.info-row span{text-align:left;margin-left:0;font-size:14px;word-wrap:break-word;width:100%}.edit-input{margin-left:0;width:100%;font-size:14px;box-sizing:border-box}.avatar-image,.avatar-placeholder{width:80px;height:80px;font-size:24px;flex-shrink:0}.avatar-overlay,.avatar-loading{width:80px;height:80px;flex-shrink:0}.avatar-upload-hint{font-size:11px;word-wrap:break-word}.avatar-upload-hint .upload-icon{font-size:18px}.edit-actions{flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.save-btn,.cancel-btn{width:100%;box-sizing:border-box}input,textarea,select,button{max-width:100%;box-sizing:border-box}}@media (max-width: 480px){.client-profile{padding:0 8px}.profile-card,.info-panel{padding:20px;width:100%;box-sizing:border-box;margin:0 0 12px}.info-row{padding:12px 0}.avatar-image,.avatar-placeholder{width:80px;height:80px;font-size:24px;flex-shrink:0}.hero-header{padding:16px;margin-top:8px;margin-bottom:16px}}.cancel-btn{width:100%;box-sizing:border-box}input,textarea,select,button{max-width:100%;box-sizing:border-box}} @media (max-width: 480px){.client-profile{padding:0 8px}.profile-card,.info-panel{padding:20px;width:100%;box-sizing:border-box;margin:0 0 12px}.info-row{padding:12px 0}.avatar-image,.avatar-placeholder{width:80px;height:80px;font-size:24px;flex-shrink:0}.hero-header{padding:16px;margin-top:8px;margin-bottom:16px}}.portfolio-section{display:flex;flex-direction:column;gap:24px;width:100%;padding:0;background:transparent;border-radius:0;position:relative;transition:all .2s ease}@media (max-width: 1024px) and (min-width: 481px){.portfolio-section{padding:0;gap:12px;max-height:50vh;overflow-y:auto}.portfolio-grid{max-height:40vh;overflow-y:auto;gap:6px}.portfolio-card{max-width:150px;max-height:150px}.upload-more-button{padding:8px 12px;font-size:13px;margin-bottom:8px}.upload-controls{margin-bottom:8px}}.portfolio-section.drag-active{background:#1e2024;border:2px dashed #4c8eff}.upload-section{display:flex;justify-content:center;align-items:center;min-height:200px}.upload-label{display:block;cursor:pointer;transition:all .2s ease}.upload-area{border:2px dashed #3a3b40;background:#18191c;border-radius:12px;padding:32px 24px;text-align:center;transition:all .2s ease;position:relative;overflow:hidden;min-width:300px}.upload-area:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4c8eff0d,#4c8eff05);opacity:0;transition:opacity .2s ease}.upload-area:hover{border-color:#4c8eff;background:#1e2024;transform:translateY(-2px);box-shadow:0 8px 24px #4c8eff26}.upload-area:hover:before{opacity:1}.folder-icon{font-size:2.5rem;margin-bottom:12px;display:block;position:relative;z-index:1}.upload-area p{color:#e5e7eb;font-size:1.1rem;font-weight:500;margin:0 0 8px;position:relative;z-index:1}.upload-area small{color:#9ca3af;font-size:.9rem;position:relative;z-index:1}.upload-controls{display:flex;justify-content:flex-end;gap:12px;margin-bottom:1rem;padding:0 0 16px}.upload-button-label{display:block;cursor:pointer}.upload-button{background:#4c8eff;color:#fff;border:none;border-radius:8px;padding:12px 24px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;outline:none}.upload-more-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.upload-button:hover:not(:disabled){background:#5a99ff;transform:translateY(-1px);box-shadow:0 4px 12px #4c8eff4d}.upload-more-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.upload-button:disabled{opacity:.7;cursor:not-allowed}.upload-more-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.manage-flash-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.manage-flash-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #10b98166;background:linear-gradient(135deg,#059669,#047857)}.manage-flash-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.upload-helper-text{color:#9ca3af;font-size:.9rem;margin:0;text-align:left;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.upload-loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#4c8eff;position:relative;z-index:1}.loading-spinner{width:20px;height:20px;border:2px solid rgba(76,142,255,.2);border-top:2px solid #4c8eff;border-radius:50%;animation:spin 1s linear infinite}.empty-portfolio{display:flex;justify-content:center;align-items:center;min-height:200px}.empty-state{text-align:center;color:#6b7280}.empty-icon{font-size:3rem;display:block;margin-bottom:16px;opacity:.6}.empty-state p{font-size:1.1rem;margin:0 0 8px;color:#9ca3af}.empty-state small{font-size:.9rem;color:#6b7280}.portfolio-section{padding:0;background:transparent;max-width:100%;margin:0}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;width:100%;max-width:100%}.portfolio-card{position:relative;overflow:hidden;border-radius:0;cursor:pointer;transition:all .25s ease;background:#1a1b1f;border:1px solid rgba(255,255,255,.05);aspect-ratio:1;width:100%;height:auto}.portfolio-card:hover{transform:scale(1.03);box-shadow:0 4px 12px #0000004d}.portfolio-card img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .25s ease}.portfolio-card:hover img{transform:scale(1.02)}.delete-btn{position:absolute;top:6px;right:6px;background:#00000080;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:12px;opacity:0;transform:scale(.8);transition:all .25s ease;z-index:10}.portfolio-card:hover .delete-btn{opacity:1;transform:scale(1)}.delete-btn:hover{background:#dc2626e6;transform:scale(1.1)}.flash-card{position:relative}.flash-badge{position:absolute;bottom:8px;left:8px;right:8px;display:flex;flex-direction:column;gap:4px;z-index:5}.flash-price{background:#3b82f6f2;color:#fff;padding:6px 12px;border-radius:6px;font-size:14px;font-weight:700;text-align:center;box-shadow:0 2px 8px #0000004d}.flash-availability{background:#10b981f2;color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-align:center;box-shadow:0 2px 8px #0000004d}.flash-exclusive{background:#a855f7f2;color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-align:center;box-shadow:0 2px 8px #0000004d}.lightbox-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;background:#000000f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2147483647;animation:lightboxFadeIn .25s ease;isolation:isolate}.lightbox-overlay *{position:relative;z-index:auto}.lightbox-overlay .lightbox-container{position:relative;z-index:100000}.lightbox-overlay{isolation:isolate}.lightbox-overlay{position:relative}@keyframes lightboxFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.lightbox-container{display:flex;flex-direction:column;align-items:center;max-width:900px;width:90%;position:relative;z-index:2147483647;animation:lightboxSlideIn .3s ease;background:#000000e6;padding:20px;border-radius:12px;isolation:isolate;overflow:hidden}@keyframes lightboxSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.lightbox-close{position:absolute;top:-15px;right:-15px;background:#000000b3;border:none;color:#fff;font-size:1.4rem;cursor:pointer;border-radius:50%;width:36px;height:36px;display:flex;justify-content:center;align-items:center;transition:all .2s ease;z-index:10}.lightbox-close:hover{background:#4c8effcc;transform:scale(1.1)}.lightbox-main{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.lightbox-image-container{position:relative;display:flex;justify-content:center;align-items:center;width:100%}.lightbox-main-image{max-width:100%;max-height:75vh;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080;transition:opacity .3s ease,transform .3s ease;animation:imageFadeIn .4s ease}@keyframes imageFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.lightbox-main-image:hover{transform:scale(1.01)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);background:#000c;border:2px solid rgba(255,255,255,.3);color:#fff;font-size:1.8rem;border-radius:50%;width:44px;height:44px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .25s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100001;opacity:1;visibility:visible}.lightbox-nav:hover{background:#4c8effe6;transform:translateY(-50%) scale(1.1)}.lightbox-thumbnails{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px 0;overflow-x:auto;width:100%;scrollbar-width:none;-ms-overflow-style:none}.lightbox-thumbnails::-webkit-scrollbar{display:none}.lightbox-thumbnail{width:80px;height:60px;object-fit:cover;border-radius:8px;opacity:.6;cursor:pointer;transition:all .25s ease;flex-shrink:0;border:2px solid transparent}.lightbox-thumbnail:hover{opacity:.8;transform:scale(1.05)}.lightbox-thumbnail.active{opacity:1;border-color:#4c8eff;box-shadow:0 4px 12px #4c8eff4d}@media (max-width: 1024px){.portfolio-grid{grid-template-columns:repeat(4,1fr);gap:10px}}@media (max-width: 768px){.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;justify-items:center}.portfolio-card{max-width:100%;width:100%;border-radius:0;aspect-ratio:1 / 1;object-fit:cover;transition:transform .25s ease;cursor:pointer}.portfolio-card:hover{transform:scale(1.03);box-shadow:0 4px 10px #0000004d}.portfolio-section{padding:0}.lightbox-container{width:95%;padding:10px}.lightbox-nav-left{left:5px}.lightbox-nav-right{right:5px}.lightbox-nav{width:36px;height:36px;font-size:1.4rem}}.lightbox-main-image{max-height:60vh}.lightbox-nav-left{left:10px}.lightbox-nav-right{right:10px}.lightbox-thumbnail{width:60px;height:45px}.lightbox-close{top:10px;right:10px}} @media (max-width: 430px){.portfolio-grid{grid-template-columns:repeat(3,1fr)!important;gap:2px;display:grid!important}.portfolio-card{max-width:100%;width:100%}}@media (max-width: 480px){.portfolio-grid{grid-template-columns:repeat(3,1fr)!important;gap:3px;display:grid!important}.portfolio-card{max-width:100%;width:100%}.upload-more-button{width:100%;margin-bottom:10px}.portfolio-section{padding:0}}.lightbox-container{width:98%;padding:0 8px}.lightbox-main-image{max-height:55vh}.lightbox-nav{width:36px;height:36px;font-size:1.4rem}.lightbox-thumbnail{width:50px;height:38px}} @media (prefers-contrast: high){.portfolio-card{border-color:#fff3}.portfolio-card:hover{border-color:#4c8eff}.delete-btn{background:#dc2626}}@media (prefers-reduced-motion: reduce){.portfolio-card,.upload-area,.lightbox,.nav-btn,.thumbnail{transition:none;animation:none}.portfolio-card:hover{transform:none}}.manage-flash-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.manage-flash-modal{background:#1b1c1f;border-radius:16px;width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.manage-flash-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.manage-flash-modal-header h2{color:#fff;margin:0;font-size:24px;font-weight:600}.manage-flash-modal-content{padding:24px;overflow-y:auto;flex:1}.manage-flash-section{margin-bottom:32px}.manage-flash-section:last-child{margin-bottom:0}.manage-flash-section h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 16px}.select-all-controls{margin-bottom:16px}.select-all-button{background:#3b82f633;border:1px solid #3B82F6;color:#3b82f6;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.select-all-button:hover{background:#3b82f64d}.flash-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;margin-bottom:24px}.flash-selection-item{position:relative;aspect-ratio:1;border:2px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s;background:#18191c}.flash-selection-item:hover{border-color:#3b82f6;transform:translateY(-2px)}.flash-selection-item.selected{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.flash-selection-item.has-metadata{border-color:#10b981}.flash-selection-item input[type=checkbox]{position:absolute;top:8px;left:8px;width:20px;height:20px;z-index:10;cursor:pointer}.flash-selection-item img{width:100%;height:100%;object-fit:cover}.metadata-badge{position:absolute;bottom:8px;right:8px;background:#10b981;color:#fff;font-size:10px;padding:4px 8px;border-radius:4px;font-weight:600}.form-group label{display:block;color:#e5e7eb;font-size:14px;font-weight:500;margin-bottom:8px}.form-input{width:100%;padding:12px;background:#18191c;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px;transition:border-color .2s}.form-input:focus{outline:none;border-color:#3b82f6}.radio-group{display:flex;flex-direction:column;gap:12px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;color:#e5e7eb;font-size:14px}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer}.price-suggestion{display:block;color:#9ca3af;font-size:12px;margin-top:4px}.manage-flash-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:24px;border-top:1px solid rgba(255,255,255,.1)}.cancel-button,.save-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.save-button{background:#3b82f6;color:#fff}.save-button:hover:not(:disabled){background:#2563eb}.save-button:disabled{opacity:.5;cursor:not-allowed}[data-theme=light] .manage-flash-modal-overlay{background:#00000080}[data-theme=light] .manage-flash-modal{background:var(--color-card, #ffffff);box-shadow:0 20px 60px #00000026}[data-theme=light] .manage-flash-modal-header{border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .manage-flash-modal-header h2{color:var(--color-text, #111827)}[data-theme=light] .manage-flash-section h3{color:var(--color-text, #111827)}[data-theme=light] .select-all-button{background:#2563eb1a;border:1px solid var(--color-primary, #2563EB);color:var(--color-primary, #2563EB)}[data-theme=light] .select-all-button:hover{background:#2563eb26}[data-theme=light] .flash-selection-item{border:2px solid var(--color-border, rgba(0, 0, 0, .08));background:var(--color-bg-secondary, #ffffff)}[data-theme=light] .flash-selection-item:hover{border-color:var(--color-primary, #2563EB)}[data-theme=light] .flash-selection-item.selected{border-color:var(--color-primary, #2563EB);box-shadow:0 0 0 2px #2563eb33}[data-theme=light] .form-group label{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .form-input{background:var(--color-bg-secondary, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .08));color:var(--color-text, #111827)}[data-theme=light] .form-input:focus{border-color:var(--color-primary, #2563EB)}[data-theme=light] .radio-option{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .price-suggestion{color:var(--color-text-muted, #6b7280)}[data-theme=light] .manage-flash-modal-footer{border-top:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .save-button{background:var(--color-primary, #2563EB);color:#fff}[data-theme=light] .save-button:hover:not(:disabled){background:var(--color-primary-hover, #1d4ed8)}@media (max-width: 768px){.manage-flash-modal{max-width:100%;max-height:100vh;border-radius:0}.flash-selection-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}.manage-flash-modal-content{padding:16px}}.reviews-tab{padding:1.5rem;max-width:100%}.reviews-summary{margin-bottom:2rem;padding:1.5rem;background:#1f2532;border:1px solid rgba(255,255,255,.06);border-radius:12px}[data-theme=light] .reviews-summary{background:var(--color-card);border:1px solid var(--color-border)}.rating-display{display:flex;flex-direction:column;align-items:center;gap:.5rem}.average-rating{display:flex;align-items:center;gap:1rem}.rating-number{font-size:3rem;font-weight:700;color:#dfe5ff;line-height:1}[data-theme=light] .rating-number{color:#000!important}.stars-container{display:flex;gap:.25rem;align-items:center}.stars-container .star{color:#fbbf24;font-size:1.5rem}.stars-container .star.filled{color:#fbbf24}.review-count{color:#9aa7cf;font-size:1rem;margin:0}[data-theme=light] .review-count{color:var(--color-text-secondary)!important}.no-reviews-summary{text-align:center;padding:1rem}.no-reviews-summary p{color:#dfe5ff;margin:.25rem 0}[data-theme=light] .no-reviews-summary p{color:var(--color-text)!important}.no-reviews-summary .subtext{color:#9aa7cf;font-size:.9rem}[data-theme=light] .no-reviews-summary .subtext{color:var(--color-text-secondary)!important}.reviews-list{display:grid;grid-template-columns:1fr;gap:1.5rem;width:100%}.review-card{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:12px;padding:1.25rem;box-shadow:0 2px 6px #00000040;transition:all .2s ease}.review-card:hover{border-color:var(--color-border-hover, rgba(255, 255, 255, .15));transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;gap:1rem}.reviewer-info{display:flex;align-items:flex-start;flex:1}.reviewer-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;background:#18202b;border:1px solid rgba(255,255,255,.1);flex-shrink:0;margin-right:.75rem}.reviewer-avatar.placeholder{display:flex;align-items:center;justify-content:center;font-weight:600;color:#dfe5ff;font-size:1rem;width:40px;height:40px;margin-right:.75rem}.reviewer-details{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.reviewer-name{font-weight:600;color:#fff;font-size:1rem;margin:0}[data-theme=light] .reviewer-name{color:#000!important}.review-date{color:var(--color-text-secondary, #9aa7cf);font-size:.85rem;margin:0}.review-rating{display:flex;gap:.25rem;align-items:flex-start;flex-shrink:0}.review-rating .star{color:#4a5568;font-size:1rem}.review-rating .star.filled{color:#fbbf24}.review-content{margin-top:0}.review-text{color:var(--color-text-secondary, #9aa7cf);line-height:1.6;font-size:.95rem;margin:0;white-space:pre-wrap;max-width:700px}.review-image-container{margin-top:.75rem;border-radius:12px;overflow:hidden;width:100%}.review-image{width:100%;max-height:400px;object-fit:cover;display:block;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.no-reviews{text-align:center;padding:3rem 1.5rem;color:var(--color-text-secondary, #9aa7cf);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px}.no-reviews p{color:var(--color-text-secondary, #9aa7cf);font-size:1rem;margin:.5rem 0}.no-reviews .subtext{color:var(--color-text-secondary, #9aa7cf);font-size:.9rem;margin-top:.5rem}.reviews-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite}.reviews-loading p{color:#9aa7cf;font-size:.95rem}@media (max-width: 768px){.reviews-tab{padding:1rem}.reviews-summary{padding:1rem;margin-bottom:1.5rem}.rating-number{font-size:2.5rem}.stars-container .star{font-size:1.25rem}.review-card{padding:1rem;font-size:.9rem}.review-header{flex-direction:column;gap:.75rem;align-items:flex-start}.review-rating{align-self:flex-start}.review-text{font-size:.9rem;max-width:100%}.review-image-container{max-width:100%;width:100%}.review-image{max-height:300px}.reviews-list{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1024px){.reviews-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1025px) and (max-width: 1199px){.reviews-list{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.reviews-list{grid-template-columns:repeat(3,1fr)}}.artist-profile{width:100%;max-width:none;padding:0 2rem 10px;min-height:100vh;background:transparent;position:relative;z-index:1;box-sizing:border-box}.hero-header{background:#282c34f2;border:1px solid rgba(255,255,255,.06);border-bottom:4px solid #3B82F6!important;border-radius:16px;padding:24px;margin-top:16px;margin-bottom:1.5rem;box-shadow:0 8px 32px #0000004d;position:relative;width:100%;box-sizing:border-box}[data-theme=light] .hero-header{background:var(--color-card);border:1px solid var(--color-border);border-bottom:4px solid #2563EB!important;box-shadow:0 8px 32px #0000001a}.hero-content{display:flex;align-items:flex-start;gap:24px}.hero-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.hero-name{color:#fff;font-size:28px;font-weight:700;margin:0 0 8px;line-height:1.2}[data-theme=light] .hero-name{color:var(--color-text)}.hero-location{color:#d1d5db;font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0}.hero-bio{color:#d1d5db;font-size:16px;line-height:1.5;margin:0;max-width:600px}[data-theme=light] .hero-bio{color:var(--color-text-secondary)}.hero-actions{display:flex;gap:12px;flex-shrink:0;align-items:center}.hero-actions .edit-actions{display:flex;gap:12px;align-items:center}.sticky-tabs{position:sticky;top:0;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);z-index:100;margin:0 -2rem 24px;padding:0 2rem;position:-webkit-sticky;width:calc(100% + 4rem);box-sizing:border-box}.tab-container{display:flex;justify-content:center;background:transparent;border-radius:0;gap:0;overflow:hidden;width:100%}.tab-button{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:0;padding:12px 0;color:#ffffffd9;font-weight:500;text-align:center;transition:all .3s ease;cursor:pointer;font-size:14px;border-bottom:2px solid transparent}[data-theme=light] .tab-button{background:transparent;border:1px solid transparent;color:var(--color-text-muted)}.tab-button:hover{background:#ffffff1a}[data-theme=light] .tab-button:hover{background:var(--color-primary-light);color:var(--color-text)}.tab-button.active{background:#3b82f640;border-bottom:2px solid #3B82F6;color:#fff}[data-theme=light] .tab-button.active{background:var(--color-primary-light);border-bottom:2px solid var(--color-primary);color:var(--color-primary)}@media (max-width: 768px){.tab-button{flex:1;text-align:center;border-bottom:2px solid rgba(255,255,255,.06);border-radius:0;min-height:44px;font-size:0;font-weight:600;padding:14px 0;border-radius:0!important}.tab-button:first-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.tab-button:last-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.tab-button.active{background:#3b82f633;border-bottom-color:#3b82f6;color:#3b82f6}.tab-button svg{font-size:20px;color:#fff}}.info-panel,.services-panel{background:#282c34f2;border:1px solid rgba(255,255,255,.06);border-bottom:4px solid #3B82F6!important;border-radius:16px;padding:32px;box-shadow:0 8px 32px #0000004d;width:100%;box-sizing:border-box}[data-theme=light] .info-panel,[data-theme=light] .services-panel{background:var(--color-card);border:1px solid var(--color-border);border-bottom:4px solid #2563EB!important;box-shadow:0 8px 32px #0000001a}.services-tab{width:100%}.services-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px 24px;background:#1f293799;border:1px solid rgba(255,255,255,.1);border-radius:12px;border-bottom:1px solid rgba(255,255,255,.1)}[data-theme=light] .services-toolbar{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.services-title{display:flex;align-items:center;gap:12px}.services-title h3{color:#fff;font-size:18px;font-weight:600;margin:0}[data-theme=light] .services-title h3{color:var(--color-text)}.services-count{color:#9ca3af;font-size:14px;font-weight:500;background:#4b556380;padding:4px 8px;border-radius:6px}[data-theme=light] .services-count{color:#000!important;background:var(--color-bg-tertiary)}.add-service-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border:none!important;padding:8px 12px!important;border-radius:6px!important;font-weight:600!important;cursor:pointer;transition:all .2s ease;font-size:13px!important;min-height:36px!important;height:36px!important;display:flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;width:auto!important;max-width:fit-content!important}.add-service-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.add-service-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.services-content{width:100%}.empty-state{display:flex;justify-content:center;align-items:center;min-height:300px;text-align:center;padding:40px 20px}.empty-state-card{max-width:400px;background:#1f293799;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px 32px;box-shadow:0 8px 32px #0000004d}.empty-state-icon{font-size:48px;margin-bottom:20px;opacity:.8}.empty-state-card h3{color:#fff;font-size:20px;font-weight:600;margin:0 0 12px}.empty-state-card p{color:#9ca3af;font-size:16px;margin:0 0 32px;line-height:1.5}.services-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:20px;width:100%;box-sizing:border-box}@media (max-width: 767px){.services-grid{grid-template-columns:1fr!important;gap:16px;padding:0}.service-card{width:100%;max-width:100%;min-width:0;padding:16px}.service-name{font-size:16px;white-space:normal;word-break:break-word}.service-header{flex-wrap:wrap}.service-meta{width:100%;align-items:flex-start;margin-top:8px}}@media (min-width: 768px) and (max-width: 1024px){.services-grid{grid-template-columns:repeat(2,1fr)!important;gap:20px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;padding:0!important;margin-left:0!important;margin-right:0!important}.service-card{width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;overflow:hidden!important}.service-name{font-size:17px}.services-panel{overflow:hidden!important;padding:1.25rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important}.services-panel .services-grid{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;padding:0!important;gap:16px!important}.service-card{padding:16px!important}}@media (min-width: 1025px) and (max-width: 1199px){.services-grid{grid-template-columns:repeat(3,1fr)!important;gap:20px}.service-card{width:100%;max-width:100%;min-width:0}}@media (min-width: 1200px){.services-grid{grid-template-columns:repeat(4,1fr)!important;gap:24px}.service-card{width:100%;max-width:100%;min-width:0}}@media (max-width: 480px){.services-grid{gap:12px}.service-card{padding:12px;min-height:140px}.service-name{font-size:15px}.service-description{font-size:.875rem}}@media (min-width: 481px) and (max-width: 767px){.services-grid{gap:16px}.service-card{padding:16px}}@media (min-width: 1200px) and (max-width: 1439px){.services-grid{gap:20px}}@media (min-width: 1440px){.services-grid{gap:24px}}.service-card{background:#1f2937cc;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;min-height:160px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative;overflow:hidden;box-sizing:border-box;width:100%;max-width:100%;min-width:0;margin:0}.service-card.flash-appointment-card .service-actions .flash-badge,.service-card.flash-appointment-card>.flash-badge:last-child,.service-card.flash-appointment-card:after{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;padding:0!important;margin:0!important;content:""!important;background:transparent!important;border:none!important}[data-theme=light] .service-card{background:var(--color-card);border:1px solid var(--color-border)}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.5),transparent);transform:translate(-100%);transition:transform .3s ease}.service-card:hover{border-color:#3b82f64d;transform:translateY(-2px);box-shadow:0 12px 32px #0006}.service-card:hover:before{transform:translate(100%)}@media (prefers-reduced-motion: reduce){.service-card{transition:none}.service-card:hover{transform:none}.service-card:before{display:none}}.service-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;gap:12px;min-width:0;width:100%}.service-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;min-width:0}.service-name{color:#fff;font-size:18px;font-weight:600;margin:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;line-height:1.3}[data-theme=light] .service-name{color:var(--color-text)}.service-price{color:#10b981;font-size:14px;font-weight:600;white-space:nowrap;flex-shrink:0}.service-duration{font-size:12px;background:#4d86ff26;color:#cfe0ff;border:1px solid rgba(77,134,255,.25);border-radius:999px;padding:2px 8px;white-space:nowrap;flex-shrink:0}.service-body{flex:1;margin-bottom:16px;min-width:0;width:100%}.service-description{color:#d1d5db;font-size:14px;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}[data-theme=light] .service-description{color:var(--color-text-secondary)}.service-actions{display:flex;gap:8px;margin-top:auto;width:100%;flex-wrap:wrap;min-width:0;flex-shrink:0}.action-btn{flex:1;min-width:0;padding:10px 16px;font-size:.95rem;border-radius:8px;font-weight:600;transition:all .2s ease;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.action-btn:disabled{opacity:.5;cursor:not-allowed}.service-card .action-btn.btn-primary{background:transparent;border:2px solid #3B82F6;color:#3b82f6;border-radius:8px;padding:10px 16px;font-weight:600;font-size:.95rem}.service-card .action-btn.btn-primary:hover:not(:disabled){background:#3b82f61a;transform:translateY(-1px)}.service-card .action-btn.btn-secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;border-radius:8px;padding:10px 16px;font-weight:600;font-size:.95rem;box-shadow:0 2px 8px #3b82f64d}.service-card .action-btn.btn-secondary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.service-card .action-btn.btn-danger{background:transparent;border:2px solid #ef4444;color:#ef4444;border-radius:8px;padding:10px 16px;font-weight:600;font-size:.95rem}.service-card .action-btn.btn-danger:hover:not(:disabled){background:#ef44441a;transform:translateY(-1px)}[data-theme=light] .service-card .action-btn.btn-primary{border:2px solid var(--color-primary, #2563EB);color:var(--color-primary, #2563EB)}[data-theme=light] .service-card .action-btn.btn-primary:hover:not(:disabled){background:var(--color-primary-light, rgba(37, 99, 235, .1))}[data-theme=light] .service-card .action-btn.btn-secondary{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 8px #2563eb40}[data-theme=light] .service-card .action-btn.btn-secondary:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb59}[data-theme=light] .service-card .action-btn.btn-danger{border:2px solid #ef4444;color:#ef4444}[data-theme=light] .service-card .action-btn.btn-danger:hover:not(:disabled){background:#ef44441a}.service-book-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8)!important;color:#fff!important;border:none!important;padding:8px 16px!important;border-radius:6px!important;font-weight:600!important;font-size:13px!important;cursor:pointer;transition:all .2s ease;width:100%;margin-top:12px}.service-book-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af)!important;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.service-book-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.skeleton{background:linear-gradient(90deg,#1f2937cc 25%,#374151cc,#1f2937cc 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line{height:16px;background:#4b556399;border-radius:4px;margin-bottom:12px}.skeleton-line.title{width:70%;height:20px}.skeleton-line.price{width:30%;height:18px;margin-left:auto;margin-bottom:16px}.skeleton-line.description{width:100%}.skeleton-line.description.short{width:60%}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:1rem;padding-top:env(safe-area-inset-top,1rem);padding-bottom:env(safe-area-inset-bottom,1rem)}.modal-panel{width:min(960px,calc(100vw - 2rem));max-height:min(90vh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem));background:#1b1f28;border-radius:12px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;overflow:hidden;max-width:100%;box-sizing:border-box}[data-theme=light] .modal-panel{background:var(--color-card);box-shadow:0 20px 60px #00000026}.service-modal.success{animation:successPulse .3s ease-out}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.modal__header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;background:transparent;min-width:0;box-sizing:border-box}.modal__header h2{color:#fff;font-size:24px;font-weight:700;margin:0;line-height:1.2}[data-theme=light] .modal__header h2{color:var(--color-text)}.modal-close{background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:8px;width:40px;height:40px;min-width:36px;min-height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close:hover:not(:disabled){background:#ffffff1a;color:#fff}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal__body{flex:1;overflow-y:auto;overflow-x:hidden;padding:0;min-height:0;-webkit-overflow-scrolling:touch;max-height:100%}.modal__body .modal-form{padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:1rem;min-height:0;box-sizing:border-box}.modal__footer{display:flex!important;gap:12px;justify-content:flex-end;padding:1rem 1.25rem;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0;background:transparent;min-height:auto;align-items:center;visibility:visible!important;opacity:1!important;position:relative;z-index:10;min-width:0;box-sizing:border-box}.form-group{display:flex;flex-direction:column;gap:.5rem;width:100%;min-width:0;box-sizing:border-box}.form-group label{display:block;color:#fff!important;font-size:14px;font-weight:600;margin:0 0 6px;line-height:1.4}[data-theme=light] .form-group label{color:var(--color-text)!important}.form-input{width:100%;max-width:100%;background:#1f2937cc;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:10px 14px;color:#fff;font-size:14px;transition:all .2s ease;height:44px;box-sizing:border-box;min-width:0}[data-theme=light] .form-input{background:#fff;border:1px solid var(--color-border);color:var(--color-text)}.form-input:focus{outline:2px solid #3b82f6;outline-offset:0;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-input::placeholder{color:#9ca3af}.form-textarea{width:100%;max-width:100%;background:#fff!important;border:1px solid rgba(0,0,0,.2);border-radius:12px;padding:10px 14px;color:#111!important;font-size:14px;transition:all .2s ease;min-height:120px;resize:vertical;box-sizing:border-box;font-family:inherit;line-height:1.5;min-width:0}.form-textarea:focus{outline:2px solid #3b82f6;outline-offset:0;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.form-textarea::placeholder{color:#6b7280}.form-input.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input.shake,.form-textarea.shake{animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.price-input-container{position:relative;display:flex;align-items:center;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.currency-symbol{position:absolute;left:16px;color:#9ca3af;font-size:14px;font-weight:500;z-index:1;pointer-events:none}.price-input{padding-left:32px;text-align:right;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.duration-row{display:grid;grid-template-columns:1fr 140px;gap:10px;width:100%;min-width:0;box-sizing:border-box}.duration-row select,.duration-row input{min-width:0;max-width:100%;box-sizing:border-box}.help-text{color:#9ca3af;font-size:12px;margin:4px 0 0;text-align:right;font-weight:500;line-height:1.4;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.error-message{color:#ef4444;font-size:12px;margin:4px 0 0;font-weight:500;line-height:1.4;role:alert;aria-live:polite}.modal__footer .btn{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:14px;min-width:120px;height:44px;display:flex!important;align-items:center;justify-content:center;visibility:visible!important;opacity:1!important}.modal__footer .btn-secondary{background:#4b5563cc;color:#e5e7eb;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .modal__footer .btn-secondary{background:#f5f5f5!important;color:#000!important;border:1px solid var(--color-border)!important}.modal__footer .btn-secondary:hover{background:#4b5563}[data-theme=light] .modal__footer .btn-secondary:hover{background:#e8e8e8!important;color:#000!important}.modal__footer .btn-secondary:focus{outline:2px solid #3b82f6;outline-offset:2px;background:#4b5563}.modal__footer .btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}[data-theme=light] .modal__footer .btn-primary{background:#f5f5f5!important;color:#000!important;border:1px solid var(--color-border)!important}.modal__footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}[data-theme=light] .modal__footer .btn-primary:hover:not(:disabled){background:#e8e8e8!important;color:#000!important;box-shadow:none!important}.modal__footer .btn-primary:focus{outline:2px solid #3b82f6;outline-offset:2px;background:linear-gradient(135deg,#2563eb,#1e40af)}.modal__footer .btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 1024px) and (min-width: 481px){.artist-profile{padding:0 1rem 10px;max-width:100%}.hero-header{padding:16px;margin-top:8px;margin-bottom:2rem;border-radius:12px}.hero-content{gap:16px;flex-direction:row;align-items:flex-start}.hero-avatar{flex-shrink:0}.hero-info{flex:1;min-width:0}.hero-name{font-size:22px;line-height:1.3;margin-bottom:6px}.hero-location{font-size:13px;margin:0}.hero-actions{gap:10px;margin-top:12px}.hero-actions .btn{padding:8px 16px;font-size:14px}.sticky-tabs{margin:0 -1rem 16px;padding:0 1rem;width:calc(100% + 2rem)}.tab-button{padding:12px 16px;font-size:14px}.tab-content{padding:0;max-height:calc(100vh - 180px);overflow-y:auto}.info-panel{padding:24px;margin-bottom:1.5rem}.portfolio-panel,.flash-panel{padding:0;margin-bottom:0}.portfolio-section{padding:0;max-height:50vh;overflow-y:auto}.portfolio-grid{gap:6px;max-height:40vh;overflow-y:auto}.portfolio-card{max-width:150px;max-height:150px}.upload-more-button{padding:8px 12px;font-size:13px;margin-bottom:8px}.info-grid{gap:0}.info-row{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.06)}.info-row label{font-size:13px;min-width:120px}.info-row span{font-size:13px}}.deposit-badge{background:#ef444433;color:#fca5a5;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid rgba(239,68,68,.3);white-space:nowrap;flex-shrink:0}.deposit-amount{color:#f9fafb;font-weight:600;white-space:nowrap;flex-shrink:0}.specialties-tags{gap:4px}.specialty-tag{padding:4px 8px;font-size:11px;border-radius:6px}} @media (max-width: 1024px) and (min-width: 768px){.artist-profile{padding:0 .5rem 10px;width:100%;box-sizing:border-box}.hero-header{max-width:100%!important;margin:0 auto!important;padding:1.5rem!important;border-radius:12px;overflow:hidden;position:relative;margin-top:12px;margin-bottom:2rem;width:100%!important;box-sizing:border-box!important}.hero-content{flex-direction:column;align-items:center;text-align:center;gap:16px}.info-panel,.services-panel{padding:1.5rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.services-panel .services-grid{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;padding:0!important}.portfolio-panel,.flash-panel{padding:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important}.sticky-tabs{margin:0 -.5rem 24px!important;padding:0!important;width:calc(100% + 1rem)!important}.tab-container{width:100%!important;margin:0!important;padding:0!important;display:flex!important;gap:0!important}.tab-button{flex:1!important;width:100%!important;margin:0!important;padding:14px 0!important;font-size:14px;font-weight:600}.hero-info{align-items:center;gap:12px}.hero-name{font-size:22px}.hero-location{margin:0;font-size:.9rem}.tab-content{padding:0;max-height:calc(100vh - 200px);overflow-y:auto}.info-row{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 0}.info-row label{min-width:auto;font-size:14px}.info-row span{text-align:left;margin-left:0;font-size:14px}.specialties-tags{gap:6px;margin-left:0}.specialty-tag{padding:4px 10px;font-size:11px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;justify-items:center}.portfolio-card{max-width:100%;width:100%;border-radius:0;aspect-ratio:1 / 1}}@media (max-width: 768px){.artist-profile{padding:0 .5rem 10px;width:100%;box-sizing:border-box}.hero-header{max-width:100%!important;margin:0 auto!important;padding:1.5rem!important;border-radius:12px;overflow:hidden;position:relative;margin-top:12px;margin-bottom:2rem;width:100%!important;box-sizing:border-box!important}.hero-content{flex-direction:column;align-items:center;text-align:center;gap:16px}.info-panel,.services-panel{padding:1.5rem!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.services-panel .services-grid{width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;padding:0!important}.portfolio-panel,.flash-panel{padding:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important}.sticky-tabs{margin:2rem -.5rem 24px!important;padding:0!important;width:calc(100% + 1rem)!important}.tab-container{width:100%!important;margin:0!important;padding:0!important;display:flex!important;gap:0!important}.tab-button{flex:1!important;width:100%!important;margin:0!important;padding:14px 0!important}.hero-info{align-items:center;gap:12px}.hero-location{margin:0;justify-content:center;text-align:center}.hero-actions{justify-content:center;margin-top:16px}.sticky-tabs{margin:0 -.5rem 24px;padding:0;width:calc(100% + 1rem)}.tab-container{display:flex;gap:0;width:100%;margin:0;padding:0}.tab-button{flex:1;text-align:center;border-bottom:2px solid rgba(255,255,255,.06);border-radius:0;min-height:44px;font-size:14px;font-weight:600}.tab-button:first-child{border-top-left-radius:8px;border-bottom-left-radius:8px}.tab-button:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}.tab-button.active{background:#3b82f633;border-bottom-color:#3b82f6;color:#3b82f6}.tab-button:not(.active){background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.info-panel,.services-panel{padding:1.5rem;width:100%;max-width:100%;box-sizing:border-box}.portfolio-panel,.flash-panel{padding:0;width:100%;max-width:100%;box-sizing:border-box;margin:0}.info-row{flex-direction:column;align-items:flex-start;gap:8px}.info-row label{min-width:auto;font-size:14px}.info-row span{text-align:left;margin-left:0;font-size:14px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:auto}.specialties-tags,.services-tags,.social-links{margin-left:0}}@media (max-width: 768px){.modal__body{overflow-y:auto;scrollbar-width:thin}.modal__body::-webkit-scrollbar{width:0}}.piercing-menu-section{margin-top:8px}.piercing-locations-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.piercing-location-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:nowrap;width:100%;min-width:0;box-sizing:border-box}.piercing-location-checkbox{display:flex;align-items:center;gap:8px;flex:1;min-width:0;cursor:pointer;font-size:14px;color:#fff}.piercing-location-checkbox input[type=checkbox]{width:18px;height:18px;min-width:18px;min-height:18px;cursor:pointer;accent-color:#3b82f6;flex-shrink:0}.piercing-location-checkbox span{flex:1;min-width:0}.piercing-price-input-wrapper{display:flex;flex-direction:column;gap:4px;flex-shrink:0}.piercing-price-input{display:flex;align-items:center;gap:4px;position:relative}.piercing-price-input .currency-symbol{color:#9ca3af;font-size:14px;font-weight:500;flex-shrink:0}.piercing-price-input-field{width:80px;max-width:80px;background:#1f2937cc;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:6px 8px;color:#fff;font-size:14px;transition:all .2s ease;height:32px;box-sizing:border-box;text-align:right}[data-theme=light] .piercing-price-input-field{background:#fff;border:1px solid var(--color-border);color:var(--color-text)}.piercing-price-input-field:focus{outline:2px solid #3b82f6;outline-offset:0;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.piercing-price-input-field.error{border-color:#ef4444}.piercing-error{font-size:12px;color:#ef4444;margin-top:2px}.custom-piercing-section{margin-top:16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.custom-piercing-add{display:flex;gap:8px;align-items:flex-start;flex-wrap:nowrap;width:100%;min-width:0;box-sizing:border-box}.custom-piercing-add input[type=text]{flex:1;min-width:0;max-width:100%}.custom-piercing-add .price-input-container{width:80px;min-width:80px;max-width:80px;flex-shrink:0;box-sizing:border-box}.custom-piercing-add .price-input-container .form-input{width:100%;height:32px;padding:6px 8px;font-size:14px;max-width:100%;min-width:0}.custom-locations-list{margin-top:12px;display:flex;flex-direction:column;gap:8px}.custom-location-item{display:flex;align-items:center;gap:12px;padding:8px 12px;background:#1f293780;border-radius:8px;font-size:14px}.custom-location-label{flex:1;color:#fff}.custom-location-price{color:#9ca3af;font-weight:500}.btn-icon{background:none;border:none;color:#9ca3af;font-size:20px;cursor:pointer;padding:4px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease}.btn-icon:hover:not(:disabled){background:#ffffff1a;color:#fff}.service-type-radio-group{display:flex;gap:16px;flex-wrap:wrap;margin-top:4px}.radio-option{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:14px;color:#fff}.radio-option input[type=radio]{width:18px;height:18px;cursor:pointer;accent-color:#3b82f6}.radio-option span{-webkit-user-select:none;user-select:none}@media (max-width: 640px){.modal-overlay{padding:0;align-items:flex-end;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.modal-panel{margin:0;margin-bottom:.5rem;width:100%;max-height:calc(75vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - .5rem);border-radius:10px}@supports (height: 100dvh){.modal-panel{max-height:calc(75dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - .5rem)}}.modal__header{padding:16px 16px 12px}.modal__header h2{font-size:20px}.modal__body .modal-form{padding:1rem;gap:.875rem;max-width:100%;box-sizing:border-box}.form-group{gap:.375rem}.form-input,.form-textarea{width:100%;max-width:100%;box-sizing:border-box}.piercing-location-row{flex-wrap:wrap;gap:8px}.piercing-location-checkbox{width:100%;min-width:0}.piercing-price-input-wrapper{width:100%;max-width:100%}.custom-piercing-add{flex-wrap:wrap}.custom-piercing-add input[type=text]{width:100%;min-width:0}.custom-piercing-add .price-input-container{width:100%;max-width:100%}.duration-row{grid-template-columns:1fr;gap:8px}.modal__footer{padding:12px 16px 16px}.piercing-location-row{gap:8px}.piercing-price-input-field{width:70px;max-width:70px}.custom-piercing-add .price-input-container{width:70px}.service-type-radio-group{flex-direction:column;gap:10px}.radio-option{width:100%}}.modal__header,.modal__body .modal-form,.modal__footer{padding-left:16px;padding-right:16px}.modal__header{padding-top:20px;padding-bottom:16px}.modal__body .modal-form{padding-bottom:20px}.duration-row{grid-template-columns:1fr}.services-toolbar{flex-direction:column;gap:16px;align-items:stretch;padding:16px 20px}.services-title{justify-content:center}.modal__footer{flex-direction:column;gap:8px}.modal__footer .btn{width:100%;min-width:auto}.hero-header{padding:16px;margin-top:12px}.sticky-tabs{margin:0 -.5rem 24px;padding:0;width:calc(100% + 1rem)}.tab-button{font-size:13px;padding:12px 16px}.info-panel,.services-panel{padding:1.5rem;width:100%;max-width:100%;box-sizing:border-box}.portfolio-panel,.flash-panel{padding:0;width:100%;max-width:100%;box-sizing:border-box;margin:0}.info-row{flex-direction:column;align-items:flex-start;gap:8px}.info-row label{min-width:auto;font-size:14px}.info-row span{text-align:left;margin-left:0;font-size:14px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:auto}.specialties-tags,.services-tags,.social-links{margin-left:0}} .profile-section{margin-bottom:32px;width:100%;box-sizing:border-box}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;width:100%}.section-title{color:#fff;font-size:18px;font-weight:600;margin:0;border-bottom:none;padding-bottom:0}[data-theme=light] .section-title{color:var(--color-text)}.edit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:120px;font-size:14px}[data-theme=light] .edit-btn{background:#f5f5f5!important;color:#000!important;border:1px solid var(--color-border)!important}[data-theme=light] .edit-btn:hover{background:#e8e8e8!important;color:#000!important}.edit-btn.compact{padding:8px 16px;font-size:12px;min-width:100px}.share-btn{background:#4b5563cc;color:#e5e7eb;border:1px solid rgba(255,255,255,.1);padding:8px 12px;font-size:16px;min-width:auto}.share-btn:hover{background:#4b5563;transform:translateY(-2px)}.action-buttons{display:flex;gap:12px;align-items:center}.profile-card{background:#282c34f2;border:1px solid rgba(255,255,255,.06);border-bottom:4px solid #3B82F6!important;border-radius:16px;padding:32px;margin-bottom:16px;box-shadow:0 8px 32px #0000004d;width:100%;box-sizing:border-box}[data-theme=light] .profile-card{background:var(--color-card);border:1px solid var(--color-border);border-bottom:4px solid #2563EB!important;box-shadow:0 8px 32px #0000001a}.avatar-section{display:flex;justify-content:center;margin-bottom:32px}.avatar-container{position:relative;display:flex;justify-content:center;margin-bottom:24px}.avatar-image,.avatar-placeholder{width:100px;height:100px;border-radius:50%;cursor:pointer;transition:all .2s ease}.avatar-image:hover,.avatar-placeholder:hover{transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.avatar-overlay{position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:100px;border-radius:50%;background:#000000b3;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .2s ease;pointer-events:none}.avatar-container:hover .avatar-overlay{opacity:1}.avatar-upload-hint{display:flex;flex-direction:column;align-items:center;gap:4px;color:#fff;font-size:12px;font-weight:500;text-align:center}.avatar-upload-hint .upload-icon{font-size:20px;margin-bottom:4px}.avatar-loading{width:100px;height:100px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;border:2px dashed rgba(255,255,255,.3)}.avatar-image{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid #3b82f6;box-shadow:0 4px 12px #3b82f64d}.avatar-placeholder{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:600;border:3px solid #3b82f6;box-shadow:0 4px 12px #3b82f64d}.tab-container{width:100%}.tab-header{display:flex;gap:0;margin-bottom:24px;border-bottom:1px solid #374151}.tab-button{background:transparent;color:#9ca3af;border:none;padding:16px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;position:relative}.tab-content{width:100%}.info-row span{color:#f9fafb;font-weight:500;font-size:15px;text-align:right;flex:1;margin-left:24px;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;min-width:0}.edit-input{background:#37415180;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 16px;color:#f9fafb;font-size:15px;font-weight:500;flex:1;margin-left:24px;transition:all .2s ease}.edit-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.edit-input::placeholder{color:#9ca3af}.edit-textarea{background:#37415180;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;color:#f9fafb;font-size:15px;font-weight:500;flex:1;margin-left:24px;transition:all .2s ease;resize:vertical;min-height:80px;font-family:inherit}.edit-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.edit-textarea::placeholder{color:#9ca3af}.display-name-type-selector{display:flex;flex-direction:column;gap:12px;flex:1;margin-left:24px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;color:#f9fafb;font-size:15px}.radio-option input[type=radio]{accent-color:#3b82f6;width:16px;height:16px}.artist-display-name{color:#3b82f6!important;font-weight:600!important;font-size:16px!important}.services-tags{display:flex;flex-wrap:wrap;gap:8px;flex:1;margin-left:24px}.service-tag{background:#3b82f633;color:#3b82f6;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;border:1px solid rgba(59,130,246,.3)}.about-text{color:#d1d5db;line-height:1.6;text-align:left;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.social-links{display:flex;flex-direction:column;gap:8px;flex:1;margin-left:24px}.social-link{color:#3b82f6;text-decoration:none;padding:8px 12px;border-radius:8px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);transition:all .2s ease;font-weight:500;display:inline-block;width:fit-content}.social-icon{width:20px;height:20px;flex-shrink:0}.social-handle{font-weight:500}.no-social{color:#9ca3af;font-style:italic}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.active{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.inactive{background:#ef444433;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.status-badge.free{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.portfolio-content{width:100%}.upload-area{border:2px dashed rgba(255,255,255,.3);border-radius:12px;padding:40px;text-align:center;background:#ffffff05;transition:all .2s ease;cursor:pointer;margin-bottom:24px}.upload-area:hover,.upload-area.drag-active{border-color:#3b82f6;background:#3b82f60d}.upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:12px}.upload-icon{font-size:48px;color:#9ca3af}.upload-text{color:#f9fafb;font-size:16px;font-weight:500}.upload-hint{color:#9ca3af;font-size:14px}.portfolio-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:24px}.portfolio-item{position:relative;border-radius:0;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.portfolio-image{width:100%;height:200px;object-fit:cover;transition:all .2s ease}.delete-image-btn{position:absolute;top:8px;right:8px;background:#ef4444e6;color:#fff;border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease;opacity:0}.portfolio-item:hover .delete-image-btn{opacity:1}.delete-image-btn:hover{background:#ef4444;transform:scale(1.1)}.upload-loading{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;color:#f9fafb}.empty-text{font-size:18px;font-weight:500;color:#d1d5db}.empty-hint{font-size:14px;opacity:.7}.edit-actions{display:flex;gap:16px;justify-content:flex-end;margin-top:32px;padding-top:24px;border-top:1px solid #374151;width:100%}.save-btn{min-width:140px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.cancel-btn{min-width:120px;background:#4b5563cc;color:#e5e7eb;border:1px solid rgba(255,255,255,.1)}.cancel-btn:hover{background:#4b5563;transform:translateY(-2px)}.btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;outline:none}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}[data-theme=light] .btn-primary{background:#f5f5f5!important;color:#000!important;border:1px solid var(--color-border)!important;box-shadow:none!important}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}[data-theme=light] .btn-primary:hover{background:#e8e8e8!important;color:#000!important;box-shadow:none!important}.btn-primary:active{transform:translateY(0)}[data-theme=light] .btn-secondary{background:#f5f5f5!important;color:#000!important;border:1px solid var(--color-border)!important}.btn-secondary:hover{background:#4b5563;transform:translateY(-2px)}[data-theme=light] .btn-secondary:hover{background:#e8e8e8!important;color:#000!important}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.loading-spinner{width:40px;height:40px;border:3px solid #374151;border-top:3px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@media (min-width: 1024px){.profile-card{padding:40px}.info-row{padding:20px 0}.info-row label{min-width:160px;font-size:16px}.info-row span{font-size:16px;margin-left:32px}.edit-input,.edit-textarea{padding:12px 20px;font-size:16px;margin-left:32px}.avatar-image,.avatar-placeholder{width:100px;height:100px;font-size:28px}.avatar-overlay,.avatar-loading{width:100px;height:100px}.portfolio-gallery{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.platform-buttons{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1023px) and (min-width: 769px){.profile-card{padding:36px}.info-row label{min-width:150px}.avatar-image,.avatar-placeholder{width:100px;height:100px;font-size:28px}.portfolio-gallery{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width: 768px){.section-header{flex-direction:column;gap:16px;align-items:flex-start;width:100%;box-sizing:border-box}.section-title{font-size:16px;margin-bottom:0;word-wrap:break-word}.profile-card{padding:24px;width:100%;box-sizing:border-box}.info-row{flex-direction:column;align-items:flex-start;gap:8px;width:100%;box-sizing:border-box}.info-row label{min-width:auto;font-size:14px;word-wrap:break-word}.info-row span{text-align:left;margin-left:0;font-size:14px;word-wrap:break-word}.edit-input,.edit-textarea{margin-left:0;width:100%;font-size:14px;box-sizing:border-box}.display-name-type-selector,.services-tags,.social-media-links{margin-left:0;width:100%;box-sizing:border-box}.avatar-image,.avatar-placeholder{width:80px;height:80px;font-size:24px;flex-shrink:0}.avatar-overlay,.avatar-loading{width:80px;height:80px;flex-shrink:0}.avatar-upload-hint{font-size:11px;word-wrap:break-word}.avatar-upload-hint .upload-icon{font-size:18px}.tab-header{flex-direction:column;gap:0;width:100%;box-sizing:border-box}.tab-button{text-align:left;border-bottom:1px solid #374151;border-right:none;width:100%;box-sizing:border-box}.tab-button.active{border-bottom-color:#3b82f6;border-right:none}.portfolio-gallery{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;width:100%;box-sizing:border-box}.upload-area{padding:24px;width:100%;box-sizing:border-box}.upload-icon{font-size:36px}.upload-text{font-size:14px;word-wrap:break-word}.upload-hint{font-size:12px;word-wrap:break-word}.edit-actions{flex-direction:column;gap:12px;width:100%;box-sizing:border-box}.save-btn,.cancel-btn{width:100%;box-sizing:border-box}.platform-buttons{grid-template-columns:1fr;width:100%;box-sizing:border-box}.share-modal{margin:20px;max-width:calc(100vw - 40px);box-sizing:border-box}.modal-content{padding:24px;width:100%;box-sizing:border-box}.modal-header{padding:20px 24px;width:100%;box-sizing:border-box}input,textarea,select,button{max-width:100%;box-sizing:border-box}}@media (max-width: 480px){.profile-card{padding:20px;width:100%;box-sizing:border-box}.avatar-image,.avatar-placeholder{width:80px;height:80px;font-size:24px;flex-shrink:0}.portfolio-gallery{grid-template-columns:1fr;width:100%;box-sizing:border-box}.upload-area{padding:20px;width:100%;box-sizing:border-box}.upload-icon{font-size:32px}}.token-balance{font-weight:600;color:#3b82f6;font-size:1rem}.services-controls{display:flex;align-items:center;gap:16px}.custom-appointment-toggle{display:flex;align-items:center;gap:8px;color:#e5e7eb;font-size:14px;cursor:pointer;-webkit-user-select:none;user-select:none}[data-theme=light] .custom-appointment-toggle{color:#000!important}.custom-appointment-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#3B82F6;cursor:pointer}.custom-appointment-card{border:2px solid #3B82F6;background:linear-gradient(135deg,#3b82f61a,#3b82f60d);position:relative}.custom-appointment-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(59,130,246,.1),transparent);border-radius:12px;pointer-events:none}.custom-badge{background:#3b82f6;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.custom-price{color:#f59e0b;font-weight:600;font-style:italic}.custom-appointment-status{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:6px}.status-text{color:#22c55e;font-size:12px;font-weight:500}.status-text:before{content:"✓";margin-right:4px}@media (max-width: 768px){.services-controls{flex-direction:column;align-items:stretch;gap:12px}.custom-appointment-toggle{justify-content:center}.custom-appointment-card{border-width:1px}}.qr-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999}.qr-modal{background:#1e1f24;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:32px 28px;text-align:center;color:#fff;box-shadow:0 10px 40px #00000073;animation:fadeIn .25s ease-in-out;max-width:90%;width:340px}[data-theme=light] .qr-modal{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text);box-shadow:0 10px 40px #00000026}.qr-modal h3{font-size:1.2rem;font-weight:600;margin-bottom:10px}[data-theme=light] .qr-modal h3{color:var(--color-text)}.qr-artist-name{margin-top:12px;font-size:1rem;font-weight:500;color:#a3bffa}[data-theme=light] .qr-artist-name{color:var(--color-text-secondary)}.qr-subtext{color:#a3bffa}[data-theme=light] .qr-subtext{color:var(--color-text-secondary)}.qr-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.qr-close-btn,.qr-download-btn{background:#3b82f640;border:1px solid rgba(59,130,246,.4);color:#fff;padding:8px 16px;border-radius:8px;font-weight:500;transition:all .3s ease;cursor:pointer}[data-theme=light] .qr-close-btn,[data-theme=light] .qr-download-btn{background:#f5f5f5!important;color:#000!important;border:1px solid var(--color-border)!important}.qr-close-btn:hover,.qr-download-btn:hover{background:#3b82f666}[data-theme=light] .qr-close-btn:hover,[data-theme=light] .qr-download-btn:hover{background:#e8e8e8!important;color:#000!important}.qr-btn{margin-top:8px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;padding:12px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #3b82f64d;width:44px;height:44px;display:flex;align-items:center;justify-content:center}[data-theme=light] .qr-btn{background:#fff!important;color:#000!important;border:1px solid var(--color-border)!important;box-shadow:none!important}.qr-btn:hover{transform:translateY(-2px);background:linear-gradient(135deg,#2563eb,#1e40af)}[data-theme=light] .qr-btn:hover{background:#f5f5f5!important;color:#000!important;box-shadow:none!important}.qr-btn svg{font-size:18px;color:#fff}[data-theme=light] .qr-btn svg{color:#000!important}.desktop-qr-btn{position:absolute;top:16px;right:16px;background:#4b5563cc;color:#e5e7eb;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease;width:44px;height:44px;display:flex;align-items:center;justify-content:center;z-index:10}[data-theme=light] .desktop-qr-btn{background:#fff!important;color:#000!important;border:1px solid var(--color-border)!important}.desktop-qr-btn:hover{background:#4b5563;transform:translateY(-2px)}[data-theme=light] .desktop-qr-btn:hover{background:#f5f5f5!important;color:#000!important}.desktop-qr-btn svg{font-size:18px;color:#e5e7eb}[data-theme=light] .desktop-qr-btn svg{color:#000!important}.profile-page{background:var(--color-bg);color:var(--color-text);min-height:100vh}.profile-page .profile-container{max-width:1600px;margin:0 auto;padding:32px 24px;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155)}[data-theme=light] .profile-page .profile-container{background:var(--color-bg)}.profile-page .profile-header{text-align:center;margin-bottom:48px;padding-bottom:32px;border-bottom:1px solid var(--color-border)}.profile-page .profile-title{color:var(--color-text);font-size:36px;font-weight:700;margin:0 0 8px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .profile-page .profile-title{background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-page .profile-subtitle{color:var(--color-text-secondary);font-size:18px;font-weight:500;margin:0}[data-theme=light] .profile-page .profile-subtitle{color:var(--color-text-secondary)}.profile-page .loading-container,.profile-page .error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:48px 24px}.profile-page .loading-container .loading-spinner{width:60px;height:60px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px}.profile-page .loading-container p{color:var(--color-text-secondary);font-size:18px;font-weight:500;margin:0}.profile-page .error-container .error-icon{font-size:64px;margin-bottom:24px;opacity:.7}.profile-page .error-container h2{color:var(--color-text);font-size:24px;font-weight:600;margin:0 0 16px}.profile-page .error-container p{color:var(--color-text-muted);font-size:16px;margin:0 0 32px;max-width:400px;line-height:1.6}.profile-page .btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;outline:none;text-decoration:none;display:inline-block}.profile-page .btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}[data-theme=light] .profile-page .btn-primary{background:#f5f5f5!important;color:#000!important;border:1px solid var(--color-border)!important;box-shadow:none!important}.profile-page .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}[data-theme=light] .profile-page .btn-primary:hover{background:#e8e8e8!important;color:#000!important;box-shadow:none!important}.profile-page .btn-primary:active{transform:translateY(0)}.profile-page .btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}@media (min-width: 1024px){.profile-page .profile-container{padding:48px 40px;max-width:1600px}.profile-page .profile-title{font-size:48px}.profile-page .profile-subtitle{font-size:20px}.profile-page .loading-container,.profile-page .error-container{min-height:500px}.profile-page .error-container h2{font-size:28px}.profile-page .error-container p{font-size:18px}}@media (max-width: 1023px) and (min-width: 769px){.profile-page .profile-container{padding:40px 28px}.profile-page .profile-title{font-size:42px}.profile-page .profile-subtitle{font-size:19px}}@media (max-width: 768px){.profile-page .profile-container{padding:24px 16px;width:100%;box-sizing:border-box;overflow-x:hidden}.profile-page .profile-header{margin-bottom:32px;padding-bottom:24px;width:100%;box-sizing:border-box}.profile-page .profile-title{font-size:28px;word-wrap:break-word}.profile-page .profile-subtitle{font-size:16px;word-wrap:break-word}.profile-page .loading-container,.profile-page .error-container{min-height:300px;padding:32px 16px;width:100%;box-sizing:border-box}.profile-page .loading-container .loading-spinner{width:48px;height:48px;border-width:3px}.profile-page .loading-container p{font-size:16px;word-wrap:break-word}.profile-page .error-container .error-icon{font-size:48px}.profile-page .error-container h2{font-size:20px;word-wrap:break-word}.profile-page .error-container p{font-size:14px;word-wrap:break-word}.profile-page input,.profile-page textarea,.profile-page select,.profile-page button{max-width:100%;box-sizing:border-box}}@media (max-width: 480px){.profile-page .profile-container{padding:20px 12px;width:100%;box-sizing:border-box}.profile-page .profile-title{font-size:24px;word-wrap:break-word}.profile-page .profile-subtitle{font-size:14px;word-wrap:break-word}.profile-page .loading-container,.profile-page .error-container{min-height:250px;padding:24px 12px;width:100%;box-sizing:border-box}}.gallery-page{padding:40px;max-width:1400px;margin:0 auto;color:var(--color-text);min-height:calc(100vh - 200px)}.gallery-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.gallery-header h1{font-size:2rem;margin:0;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gallery-tabs{display:flex;gap:10px}.gallery-page .gallery-header .gallery-tabs button{padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important}[data-theme=dark] .gallery-page .gallery-header .gallery-tabs button{background:#4b5563!important;color:#f9fafb!important;border:1px solid #6b7280!important}.gallery-page .gallery-header .gallery-tabs button:hover{background:#f9fafb!important;color:#111827!important;border-color:#d1d5db!important}[data-theme=dark] .gallery-page .gallery-header .gallery-tabs button:hover{background:#6b7280!important;color:#f9fafb!important}.gallery-page .gallery-header .gallery-tabs button.active{background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important}[data-theme=dark] .gallery-page .gallery-header .gallery-tabs button.active{background:#4b5563!important;color:#f9fafb!important;border:1px solid #6b7280!important}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.gallery-card{position:relative;border-radius:12px;overflow:hidden;background:var(--color-card);border:1px solid var(--color-border);transition:all .3s ease;cursor:pointer;aspect-ratio:1}[data-theme=light] .gallery-card{box-shadow:0 2px 8px var(--color-shadow, rgba(0, 0, 0, .05))}.gallery-card:hover{transform:scale(1.02);box-shadow:0 8px 24px #667eea4d;border-color:var(--color-primary)}[data-theme=light] .gallery-card:hover{box-shadow:0 8px 24px var(--color-shadow, rgba(0, 0, 0, .15))}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block}.favorite-badge{position:absolute;top:12px;right:12px;font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.gallery-loading,.gallery-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center}.loading-spinner{width:50px;height:50px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.gallery-loading p{margin-top:20px;color:var(--color-text-muted);font-size:1.1rem}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5}.gallery-empty h2{font-size:1.8rem;margin-bottom:12px;color:var(--color-text)}.gallery-empty p{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:24px;max-width:400px}.gallery-cta-button{background:#fff!important;color:#111827!important;text-decoration:none;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;transition:all .3s ease;box-shadow:0 1px 2px #0000000d;border:1px solid #e5e7eb!important}[data-theme=dark] .gallery-cta-button{background:#4b5563!important;color:#f9fafb!important;border:1px solid #6b7280!important}.gallery-cta-button:hover{background:#f9fafb!important;color:#111827!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}[data-theme=dark] .gallery-cta-button:hover{background:#6b7280!important;color:#f9fafb!important}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:modalFadeIn .3s ease;isolation:isolate}.modal-popup{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;padding:0;margin:0;max-width:80vw;animation:popupFadeIn .3s ease}.modal-image{max-width:80vw;max-height:80vh;width:auto;height:auto;border-radius:12px;box-shadow:0 10px 30px #0006;object-fit:contain;display:block;animation:imageFadeIn .3s ease}@keyframes imageFadeIn{0%{opacity:0}to{opacity:1}}.modal-close{position:absolute;top:-20px;right:0;background:transparent;color:#ffffffe6;border:none;cursor:pointer;z-index:20;transition:all .25s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:300;opacity:0;animation:iconFadeIn .4s ease .2s forwards}@keyframes iconFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.modal-close:hover{color:#fff;transform:scale(1.1)}.modal-btn{background:transparent;color:#fff;border:none;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;z-index:15;opacity:0;animation:iconFadeIn .4s ease .2s forwards}.modal-btn:hover{transform:scale(1.15)}.modal-btn.favorite-btn{position:absolute;top:12px;right:12px;width:28px;height:28px;font-size:1.1rem;color:#ffffffd9;background:transparent!important;background-color:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important}[data-theme=light] .modal-btn.favorite-btn{color:#000000b3}.modal-btn.favorite-btn.active{color:#ff4f6b;background:transparent!important;background-color:transparent!important;background-image:none!important}.modal-btn.favorite-btn.active:hover{color:#ff6b8d;transform:scale(1.2);filter:drop-shadow(0 0 8px rgba(255,79,107,.6));background:transparent!important;background-color:transparent!important;background-image:none!important}.modal-btn.favorite-btn:not(.active):hover{color:#fff;transform:scale(1.15);background:transparent!important;background-color:transparent!important;background-image:none!important}[data-theme=light] .modal-btn.favorite-btn:not(.active):hover{color:#000000e6}.modal-menu-container{position:absolute;bottom:16px;right:16px;z-index:15}.modal-menu-trigger{background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;border-radius:8px;cursor:pointer;transition:all .25s ease;width:36px;height:36px;display:flex;align-items:center;justify-content:center;padding:0;opacity:0;animation:iconFadeIn .4s ease .2s forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000001a!important}[data-theme=dark] .modal-menu-trigger{background:#0009!important;color:#ffffffe6!important;border:none!important;box-shadow:0 2px 8px #0000004d!important}.modal-menu-trigger:hover{background:#f9fafb!important;color:#111827!important;transform:scale(1.05)}[data-theme=dark] .modal-menu-trigger:hover{background:#000c!important;color:#fff!important}.modal-menu-trigger svg{width:1.1rem;height:1.1rem;display:block;color:#111827!important;fill:#111827!important}[data-theme=dark] .modal-menu-trigger svg{color:#ffffffe6!important;fill:#ffffffe6!important}.modal-menu-dropdown{position:absolute;bottom:48px;right:0;background:#121217f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;box-shadow:0 8px 24px #0006;border:1px solid rgba(255,255,255,.1);min-width:160px;padding:8px;opacity:0;transform:translateY(10px);animation:menuSlideUp .3s ease forwards;z-index:20}[data-theme=light] .modal-menu-dropdown{background:#fff;border:1px solid #e5e7eb;box-shadow:0 8px 24px #00000026;color:#111827}@keyframes menuSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-menu-item{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#111827!important;border:1px solid #e5e7eb!important;border-radius:8px;cursor:pointer;transition:all .2s ease;width:100%;padding:12px 16px;text-align:left;font-size:.95rem;font-weight:500;display:flex;align-items:center;gap:12px;margin-bottom:4px}[data-theme=dark] .modal-menu-item{background:transparent!important;background-color:transparent!important;color:#ffffffe6!important;border:none!important}.modal-menu-item:hover{background:#f9fafb!important;background-color:#f9fafb!important;background-image:none!important;color:#111827!important}[data-theme=dark] .modal-menu-item:hover{background:#ffffff14!important;background-color:#ffffff14!important;color:#fff!important}.modal-menu-item.delete-item{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#ef4444!important;border:1px solid #e5e7eb!important}[data-theme=dark] .modal-menu-item.delete-item{background:transparent!important;background-color:transparent!important;color:#ef4444e6!important;border:none!important}.modal-menu-item.delete-item:hover{background:#fee2e2!important;background-color:#fee2e2!important;background-image:none!important;color:#dc2626!important}[data-theme=dark] .modal-menu-item.delete-item:hover{background:#ef444426!important;background-color:#ef444426!important;color:#ef4444!important}.modal-menu-item span{flex:1}@media (max-width: 768px){.gallery-page{padding:20px}.gallery-header{flex-direction:column;align-items:flex-start}.gallery-header h1{font-size:1.5rem}.gallery-grid{grid-template-columns:repeat(3,1fr);gap:12px}.modal-popup,.modal-image{max-width:90vw;max-height:85vh}.modal-close{width:28px;height:28px;font-size:1.3rem;top:-16px;right:0}.modal-btn.favorite-btn{width:24px;height:24px;font-size:1rem;top:10px;right:10px}.modal-menu-container{bottom:12px;right:12px}.modal-menu-trigger{width:32px;height:32px}.modal-menu-trigger svg{width:1rem;height:1rem}.modal-menu-dropdown{bottom:44px;min-width:140px;padding:6px}.modal-menu-item{padding:10px 14px;font-size:.9rem}}@media (max-width: 480px){.gallery-grid{grid-template-columns:repeat(3,1fr);gap:8px}.gallery-page .gallery-header .gallery-tabs button{padding:8px 16px;font-size:.9rem;background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important}[data-theme=dark] .gallery-page .gallery-header .gallery-tabs button{background:#4b5563!important;color:#f9fafb!important;border:1px solid #6b7280!important}.gallery-page .gallery-header .gallery-tabs button.active{background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important}[data-theme=dark] .gallery-page .gallery-header .gallery-tabs button.active{background:#4b5563!important;color:#f9fafb!important;border:1px solid #6b7280!important}.modal-popup,.modal-image{max-width:95vw;max-height:90vh}.modal-close{width:26px;height:26px;font-size:1.2rem;top:-14px;right:0}.modal-btn.favorite-btn{width:22px;height:22px;font-size:.95rem;top:8px;right:8px}.modal-menu-container{bottom:10px;right:10px}.modal-menu-trigger{width:30px;height:30px}.modal-menu-trigger svg{width:.95rem;height:.95rem}.modal-menu-dropdown{bottom:42px;min-width:130px;padding:6px}.modal-menu-item{padding:10px 12px;font-size:.85rem}}.send-to-artist-modal{background:var(--color-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 12px 40px #00000080;border:1px solid var(--color-border);max-width:600px;width:90vw;max-height:90vh;overflow-y:auto;overflow-x:visible;animation:modalSlideUp .3s ease;position:relative;z-index:10001;color:var(--color-text)}[data-theme=light] .send-to-artist-modal{box-shadow:0 12px 40px var(--color-shadow, rgba(0, 0, 0, .15))}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.send-to-artist-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.send-to-artist-header h2{margin:0;font-size:1.5rem;color:var(--color-text);font-weight:600}.modal-close-small{background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-size:1.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.modal-close-small:hover{background:#ffffff1a;color:#fff}.send-to-artist-content{display:flex;flex-direction:column;gap:24px;padding:24px}.send-to-artist-image-preview{width:100%;max-height:200px;border-radius:12px;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.send-to-artist-image-preview img{width:100%;height:100%;object-fit:contain;max-height:200px}.send-to-artist-form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{color:var(--color-text);font-size:.9rem;font-weight:600}.recipient-dropdown-container{position:relative;width:100%}.recipient-input{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;padding:12px 16px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;transition:all .2s ease;min-height:48px}.recipient-input:hover{border-color:var(--color-border-hover);background:var(--color-card-hover)}.selected-artist{display:flex;align-items:center;gap:12px;flex:1}.artist-avatar-small{width:32px;height:32px;border-radius:50%;object-fit:cover}.recipient-input .placeholder{color:var(--color-text-muted)}.dropdown-arrow{color:#ffffff80;font-size:.8rem;transition:transform .2s ease}.recipient-dropdown{position:fixed;background:var(--color-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 8px 24px #0006;z-index:100000;max-height:300px;overflow:hidden;display:flex;flex-direction:column;animation:dropdownFadeIn .2s ease;min-width:200px;pointer-events:auto;color:var(--color-text)}[data-theme=light] .recipient-dropdown{box-shadow:0 8px 24px var(--color-shadow, rgba(0, 0, 0, .15))}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-search{padding:12px;border-bottom:1px solid rgba(255,255,255,.1)}.dropdown-search input{width:100%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;color:var(--color-text);font-size:.9rem;outline:none;transition:all .2s ease}.dropdown-search input:focus{border-color:var(--color-primary);background:var(--color-card-hover)}.dropdown-search input::placeholder{color:var(--color-text-muted)}.dropdown-list{max-height:240px;overflow-y:auto;padding:8px}.dropdown-divider{padding:8px 12px;color:var(--color-text-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:8px;cursor:pointer;transition:all .2s ease}.dropdown-item:hover,.dropdown-item.selected{background:var(--color-primary-light)}.artist-info{flex:1;display:flex;flex-direction:column;gap:4px}.artist-name{color:var(--color-text);font-size:.95rem;font-weight:500}.artist-location{color:var(--color-text-secondary);font-size:.85rem}.dropdown-loading,.dropdown-empty{padding:20px;text-align:center;color:var(--color-text-muted);font-size:.9rem}.form-field textarea{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:10px;padding:12px 16px;color:var(--color-text);font-size:.95rem;font-family:inherit;resize:vertical;outline:none;transition:all .2s ease}.form-field textarea:focus{border-color:var(--color-primary);background:var(--color-card-hover)}.form-field textarea::placeholder{color:var(--color-text-muted)}.send-to-artist-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:8px}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-primary{background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important}[data-theme=dark] .btn-primary{background:#4b5563!important;color:#f9fafb!important;border:1px solid #6b7280!important}.btn-primary:hover:not(:disabled){background:#f9fafb!important;color:#111827!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}[data-theme=dark] .btn-primary:hover:not(:disabled){background:#6b7280!important;color:#f9fafb!important}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}.toast-notification{position:fixed;bottom:24px;right:24px;background:var(--color-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:12px;padding:16px 24px;color:var(--color-text);font-size:.95rem;font-weight:500;box-shadow:0 8px 24px #0006;z-index:10000;animation:toastSlideIn .3s ease}[data-theme=light] .toast-notification{box-shadow:0 8px 24px var(--color-shadow, rgba(0, 0, 0, .15))}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.send-to-artist-modal{width:95vw;max-height:85vh}.send-to-artist-header{padding:20px}.send-to-artist-header h2{font-size:1.3rem}.send-to-artist-content{padding:20px;gap:20px}.send-to-artist-image-preview{max-height:150px}.toast-notification{bottom:16px;right:16px;left:16px;padding:14px 20px;font-size:.9rem}}.gallery-page .gallery-header .gallery-tabs button,.gallery-page .gallery-header .gallery-tabs button.active,.gallery-page .gallery-header .gallery-tabs button:hover{background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;box-shadow:none!important}[data-theme=dark] .gallery-page .gallery-header .gallery-tabs button,[data-theme=dark] .gallery-page .gallery-header .gallery-tabs button.active,[data-theme=dark] .gallery-page .gallery-header .gallery-tabs button:hover{background:#4b5563!important;color:#f9fafb!important;border:1px solid #6b7280!important}button.modal-menu-trigger,.modal-menu-trigger,.modal-popup .modal-menu-trigger,.modal-overlay .modal-menu-trigger,.modal-popup button.modal-menu-trigger,.modal-overlay button.modal-menu-trigger{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#111827!important;border:1px solid #e5e7eb!important;border-color:#e5e7eb!important;box-shadow:0 2px 8px #0000001a!important}[data-theme=dark] button.modal-menu-trigger,[data-theme=dark] .modal-menu-trigger,[data-theme=dark] .modal-popup .modal-menu-trigger,[data-theme=dark] .modal-overlay .modal-menu-trigger,[data-theme=dark] .modal-popup button.modal-menu-trigger,[data-theme=dark] .modal-overlay button.modal-menu-trigger{background:#0009!important;background-color:#0009!important;background-image:none!important;color:#ffffffe6!important;border:none!important;border-color:transparent!important;box-shadow:0 2px 8px #0000004d!important}button.modal-menu-trigger:hover,.modal-menu-trigger:hover,.modal-popup .modal-menu-trigger:hover,.modal-overlay .modal-menu-trigger:hover{background:#f9fafb!important;background-color:#f9fafb!important;background-image:none!important;color:#111827!important}[data-theme=dark] button.modal-menu-trigger:hover,[data-theme=dark] .modal-menu-trigger:hover,[data-theme=dark] .modal-popup .modal-menu-trigger:hover,[data-theme=dark] .modal-overlay .modal-menu-trigger:hover{background:#000c!important;background-color:#000c!important;background-image:none!important;color:#fff!important}button.modal-menu-trigger svg,.modal-menu-trigger svg,.modal-popup .modal-menu-trigger svg,.modal-overlay .modal-menu-trigger svg,.modal-popup button.modal-menu-trigger svg,.modal-overlay button.modal-menu-trigger svg{color:#111827!important;fill:#111827!important;stroke:#111827!important}[data-theme=dark] button.modal-menu-trigger svg,[data-theme=dark] .modal-menu-trigger svg,[data-theme=dark] .modal-popup .modal-menu-trigger svg,[data-theme=dark] .modal-overlay .modal-menu-trigger svg,[data-theme=dark] .modal-popup button.modal-menu-trigger svg,[data-theme=dark] .modal-overlay button.modal-menu-trigger svg{color:#ffffffe6!important;fill:#ffffffe6!important;stroke:#ffffffe6!important}button.modal-menu-item,.modal-menu-item,.modal-menu-dropdown .modal-menu-item,.modal-popup .modal-menu-item{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#111827!important;border:1px solid #e5e7eb!important}[data-theme=dark] button.modal-menu-item,[data-theme=dark] .modal-menu-item,[data-theme=dark] .modal-menu-dropdown .modal-menu-item,[data-theme=dark] .modal-popup .modal-menu-item{background:transparent!important;background-color:transparent!important;color:#ffffffe6!important;border:none!important}button.modal-menu-item:hover,.modal-menu-item:hover,.modal-menu-dropdown .modal-menu-item:hover,.modal-popup .modal-menu-item:hover{background:#f9fafb!important;background-color:#f9fafb!important;background-image:none!important;color:#111827!important}[data-theme=dark] button.modal-menu-item:hover,[data-theme=dark] .modal-menu-item:hover,[data-theme=dark] .modal-menu-dropdown .modal-menu-item:hover,[data-theme=dark] .modal-popup .modal-menu-item:hover{background:#ffffff14!important;background-color:#ffffff14!important;color:#fff!important}button.modal-menu-item.delete-item,.modal-menu-item.delete-item{background:#fff!important;background-color:#fff!important;background-image:none!important;color:#ef4444!important;border:1px solid #e5e7eb!important}[data-theme=dark] button.modal-menu-item.delete-item,[data-theme=dark] .modal-menu-item.delete-item{background:transparent!important;background-color:transparent!important;color:#ef4444e6!important;border:none!important}button.modal-menu-item.delete-item:hover,.modal-menu-item.delete-item:hover{background:#fee2e2!important;background-color:#fee2e2!important;background-image:none!important;color:#dc2626!important}[data-theme=dark] button.modal-menu-item.delete-item:hover,[data-theme=dark] .modal-menu-item.delete-item:hover{background:#ef444426!important;background-color:#ef444426!important;color:#ef4444!important}button.modal-btn.favorite-btn,.modal-btn.favorite-btn,.modal-popup .modal-btn.favorite-btn,.modal-overlay .modal-btn.favorite-btn{background:transparent!important;background-color:transparent!important;background-image:none!important;border:none!important;box-shadow:none!important}button.modal-btn.favorite-btn:hover,.modal-btn.favorite-btn:hover,.modal-popup .modal-btn.favorite-btn:hover,.modal-overlay .modal-btn.favorite-btn:hover,button.modal-btn.favorite-btn.active,.modal-btn.favorite-btn.active,.modal-popup .modal-btn.favorite-btn.active,.modal-overlay .modal-btn.favorite-btn.active{background:transparent!important;background-color:transparent!important;background-image:none!important}.token-store-container{display:flex;flex-direction:column;height:calc(100vh - 120px);background:var(--gradient-dashboard);color:var(--color-text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;overflow-y:auto;padding:20px}.token-packages-section{margin-bottom:40px}.token-packages-section h2{font-size:2.5rem;font-weight:700;margin-bottom:10px;background:linear-gradient(135deg,#3b82f6,#2563eb);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-description{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:40px;max-width:600px}.token-packages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.token-package-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;padding:32px 24px;text-align:center;position:relative;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text)}[data-theme=light] .token-package-card{box-shadow:0 4px 12px var(--color-shadow, rgba(0, 0, 0, .06))}.token-package-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #3b82f633;border-color:var(--color-primary)}[data-theme=light] .token-package-card:hover{box-shadow:0 8px 24px var(--color-shadow, rgba(0, 0, 0, .12))}.token-package-card.best-value{background:var(--color-primary-light);border:2px solid var(--color-primary);box-shadow:0 4px 20px #3b82f626}[data-theme=light] .token-package-card.best-value{box-shadow:0 4px 20px #2563eb26}.best-value-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:6px 16px;border-radius:20px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px #3b82f64d}.package-header{margin-bottom:20px}.package-header h3{font-size:2rem;font-weight:700;margin-bottom:8px;color:var(--color-text)}.original-price{text-decoration:line-through;color:var(--color-text-muted);font-size:1rem;margin-bottom:8px}.package-price{margin-bottom:24px}.price-amount{font-size:2.5rem;font-weight:700;color:var(--color-primary);display:block;margin-bottom:4px}.discount{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:600}.buy-now-btn{background:#f9fafb;color:#111827;border:1px solid #e5e7eb;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .buy-now-btn{background:#4b5563;color:#f9fafb;border:1px solid #6b7280}.buy-now-btn:hover:not(:disabled){background:#f3f4f6;color:#111827;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}[data-theme=dark] .buy-now-btn:hover:not(:disabled){background:#6b7280;color:#f9fafb}.buy-now-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.buy-now-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.package-subtitle{font-size:.95rem;color:var(--color-text-secondary);margin:16px 0 24px;font-style:italic;line-height:1.5}.premium-upsell-banner{margin-top:40px;margin-bottom:40px}.premium-banner-content{background:linear-gradient(135deg,#ffd7001a,#ffa5001a);border:2px solid rgba(255,215,0,.3);border-radius:16px;padding:32px;display:flex;align-items:center;gap:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #ffd70026;transition:all .3s ease;color:var(--color-text)}[data-theme=light] .premium-banner-content{background:linear-gradient(135deg,#ffd70026,#ffa50026);box-shadow:0 4px 20px #ffd70033}.premium-banner-content:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ffd70033;border-color:#ffd70066}.premium-icon{font-size:3rem;flex-shrink:0}.premium-text{flex:1}.premium-text h3{font-size:1.8rem;font-weight:700;color:gold;margin-bottom:8px}.premium-text p{font-size:1.1rem;color:var(--color-text-secondary);margin:0}.upgrade-premium-btn{background:linear-gradient(135deg,gold,orange);color:#1a1a1a;border:none;padding:12px 28px;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 4px 12px #ffd7004d;flex-shrink:0;white-space:nowrap}.upgrade-premium-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ffd70066;background:linear-gradient(135deg,#ffed4e,#ffb84d)}.upgrade-premium-btn:focus{outline:2px solid #ffd700;outline-offset:2px}@media (max-width: 768px){.premium-banner-content{flex-direction:column;text-align:center;gap:16px}.premium-icon{font-size:2.5rem}.premium-text h3{font-size:1.5rem}.premium-text p{font-size:1rem}.upgrade-premium-btn{width:100%}.package-subtitle{font-size:.9rem}}.referral-section{margin-top:40px}.referral-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:16px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--color-text)}[data-theme=light] .referral-card{box-shadow:0 4px 12px var(--color-shadow, rgba(0, 0, 0, .06))}.referral-card h3{font-size:1.8rem;font-weight:700;margin-bottom:16px;color:var(--color-text)}.referral-description{font-size:1rem;color:var(--color-text-secondary);margin-bottom:24px;line-height:1.6}.referral-link-container{display:flex;gap:12px;margin-bottom:24px;align-items:center}.referral-link-box{flex:1;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;padding:12px 16px;overflow:hidden}.referral-link{font-family:Courier New,monospace;font-size:.9rem;color:var(--color-primary);word-break:break-all}.copy-link-btn{background:#fff!important;color:#111827!important;border:1px solid #e5e7eb!important;padding:8px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 1px 2px #0000000d}[data-theme=dark] .copy-link-btn{background:#4b5563!important;color:#f9fafb!important;border:1px solid #6b7280!important}.copy-link-btn:hover{background:#f9fafb!important;color:#111827!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}[data-theme=dark] .copy-link-btn:hover{background:#6b7280!important;color:#f9fafb!important}.referral-stats{display:flex;gap:32px;justify-content:center}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:4px}.stat-label{font-size:.9rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}@media (max-width: 768px){.token-store-container{padding:16px}.token-packages-section h2{font-size:2rem}.token-packages-grid{grid-template-columns:1fr;gap:16px}.token-package-card,.referral-card{padding:24px 20px}.referral-link-container{flex-direction:column;gap:12px}.referral-link-box,.copy-link-btn{width:100%}.referral-stats{flex-direction:column;gap:16px}}@media (max-width: 480px){.token-store-container{padding:12px}.token-packages-section h2{font-size:1.8rem}.section-description{font-size:1rem}.token-package-card{padding:20px 16px}.package-header h3{font-size:1.8rem}.price-amount{font-size:2rem}.referral-card{padding:20px 16px}.referral-card h3{font-size:1.5rem}}:root,[data-theme=dark]{--messages-bg: #1a1a1a;--messages-surface: rgba(255, 255, 255, .03);--messages-surface-hover: rgba(255, 255, 255, .06);--messages-border: rgba(255, 255, 255, .08);--messages-border-strong: rgba(255, 255, 255, .12);--messages-text: #ffffff;--messages-text-muted: rgba(255, 255, 255, .6);--messages-text-subtle: rgba(255, 255, 255, .4);--brand-primary: #3b82f6;--brand-primary-hover: #2563eb;--brand-primary-light: rgba(59, 130, 246, .1);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .2)}[data-theme=light]{--messages-bg: #ffffff;--messages-surface: rgba(0, 0, 0, .02);--messages-surface-hover: rgba(0, 0, 0, .05);--messages-border: rgba(0, 0, 0, .08);--messages-border-strong: rgba(0, 0, 0, .12);--messages-text: #111827;--messages-text-muted: rgba(0, 0, 0, .6);--messages-text-subtle: rgba(0, 0, 0, .4);--brand-primary: #2563eb;--brand-primary-hover: #1d4ed8;--brand-primary-light: rgba(37, 99, 235, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .15)}.header-controls{display:flex;align-items:center;gap:16px;width:100%;box-sizing:border-box;overflow-x:hidden;word-wrap:break-word;justify-content:flex-end}.compose-button{background:var(--brand-primary);border:none;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;display:flex;align-items:center;gap:var(--space-xs);box-sizing:border-box;overflow-x:hidden;word-wrap:break-word;flex-shrink:0;white-space:nowrap}.compose-button:hover{background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.compose-button-desktop{background:var(--brand-primary);border:none;padding:8px 16px;border-radius:6px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.875rem;margin-left:auto;flex-shrink:0;white-space:nowrap}.compose-button-desktop:hover{background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}@media (max-width: 1023px){.compose-button-desktop{display:none}}.messages-wrapper{display:flex;height:calc(100vh - 80px);background:var(--messages-bg);color:var(--messages-text);margin-top:0}.conversations-sidebar{width:300px;background:var(--messages-surface);border-right:1px solid var(--messages-border);display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-md);position:relative}.conversations-header{display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background:var(--messages-bg);border-bottom:1px solid var(--messages-border);min-height:60px}.conversations-title{font-size:1.2rem;margin:0;font-weight:600;color:var(--messages-text)}.conversation-list{overflow-y:auto;flex:1;padding:0}.conversation-item{display:flex;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--messages-border);cursor:pointer;transition:all .2s ease;min-height:44px}.conversation-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:var(--space-md);border:2px solid var(--messages-border);flex-shrink:0}.conversation-item:hover{background:var(--messages-surface-hover);border-color:var(--messages-border-strong)}.conversation-item.active{background:var(--brand-primary-light);border-left:3px solid var(--brand-primary)}.conversation-info{flex:1;min-width:0}.conversation-info .name{font-weight:600;color:var(--messages-text);margin:0 0 var(--space-xs) 0;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-info .preview{color:var(--messages-text-muted);margin:0 0 var(--space-xs) 0;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-info .timestamp{color:var(--messages-text-subtle);margin:0;font-size:.75rem}.no-conversations{text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--messages-text-muted)}.empty-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5;color:var(--messages-text-subtle)}.no-conversations p{margin:0 0 var(--space-sm) 0;font-size:1rem;color:var(--messages-text)}.no-conversations span{font-size:.85rem;opacity:.7}.chat-panel{flex:1;display:flex;flex-direction:column;background:var(--messages-bg);height:100%;max-height:100%;min-height:0;overflow:hidden}.chat-header{background:var(--messages-surface);padding:.75rem 1.25rem;border-bottom:1px solid var(--messages-border);display:flex;align-items:center;justify-content:space-between;min-height:72px;height:72px;flex-shrink:0}.contact-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;margin-right:.75rem;border:1px solid var(--messages-border);flex-shrink:0}.contact-details{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.contact-details .name{font-weight:600;color:var(--messages-text, #ffffff);margin:0;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.contact-details .status{color:var(--messages-text-muted, rgba(255, 255, 255, .6));margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.chat-body{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);min-height:0;max-height:100%;overscroll-behavior:contain}.chat-body.messages-scroll{flex:1 1 auto;min-height:0;max-height:100%}.message{display:flex;margin-bottom:var(--space-sm)}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-content{max-width:70%;padding:var(--space-md) var(--space-md);border-radius:var(--radius-lg);position:relative}.message-text{margin:0 0 var(--space-xs) 0;word-wrap:break-word;line-height:1.4}.message-image{max-width:100%;border-radius:var(--radius-sm);margin-bottom:var(--space-xs)}.message-footer{display:flex;align-items:center;gap:.5rem;margin-top:var(--space-xs);flex-wrap:wrap}.message-time{font-size:.75rem;opacity:.7}.message-sender{font-size:.75rem;font-weight:500;opacity:.85}.message.sent .message-sender{color:#ffffffe6}[data-theme=light] .message.sent .message-sender{color:#fffffff2}.message.received .message-sender{color:var(--messages-text-muted, rgba(255, 255, 255, .7))}.message.sent .message-content{background:var(--brand-primary);color:#fff;border-bottom-right-radius:var(--space-xs)}.message.received .message-content{background:var(--messages-surface);color:var(--messages-text);border:1px solid var(--messages-border);border-bottom-left-radius:var(--space-xs)}.system-message{text-align:center;color:var(--messages-text-muted);font-size:.85rem;font-style:italic;margin:var(--space-md) 0;padding:var(--space-sm) var(--space-md);background:var(--messages-surface);border-radius:var(--radius-sm);opacity:.8}.no-messages{text-align:center;padding:var(--space-xl) var(--space-lg);color:var(--messages-text-muted);flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.no-messages p{margin:0 0 var(--space-sm) 0;font-size:1rem;color:var(--messages-text)}.no-messages span{font-size:.85rem;opacity:.7}.chat-input{background:var(--messages-surface);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--messages-border);display:flex;align-items:center;gap:var(--space-md);min-height:80px}.image-button{background:none;border:none;color:var(--messages-text-muted);font-size:1.2rem;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-sm);transition:all .2s ease;flex-shrink:0}.image-button:hover{background:var(--brand-primary-light);color:var(--brand-primary)}.image-preview-container{position:relative;display:inline-block;flex-shrink:0}.image-preview{width:40px;height:40px;object-fit:cover;border-radius:var(--space-xs)}.remove-image-button{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;border:none;border-radius:50%;width:20px;height:20px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center}.floating-compose-button{position:fixed;bottom:var(--space-lg);right:var(--space-lg);background:var(--brand-primary);border:none;width:56px;height:56px;border-radius:50%;color:#fff;font-size:1.2rem;cursor:pointer;box-shadow:var(--shadow-md);transition:all .2s ease;z-index:1000;display:flex;align-items:center;justify-content:center}.floating-compose-button svg{width:20px;height:20px}.floating-compose-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.message-input{flex:1;background:var(--messages-bg);border:1px solid var(--messages-border);border-radius:var(--radius-lg);padding:var(--space-md) var(--space-md);color:var(--messages-text);font-size:.9rem;outline:none;transition:all .2s ease}.message-input:focus{border-color:var(--brand-primary);box-shadow:0 0 0 2px var(--brand-primary-light)}.message-input:disabled{opacity:.5;cursor:not-allowed}.send-button{background:var(--brand-primary);border:none;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;flex-shrink:0}.send-button:hover:not(:disabled){background:var(--brand-primary-hover);transform:translateY(-1px)}.send-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.artist-notice{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);padding:var(--space-md) var(--space-lg);text-align:center;color:#f59e0b;font-size:.85rem}.no-conversation-selected{flex:1;display:flex;align-items:center;justify-content:center;background:var(--messages-bg)}.empty-state{text-align:center;color:var(--messages-text-muted);padding:var(--space-xl)}.empty-state h3{margin:0 0 var(--space-sm) 0;color:var(--messages-text);font-size:1.2rem}.empty-state p{margin:0;font-size:.9rem;opacity:.7}.compose-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000;overflow:visible!important}[data-theme=light] .compose-overlay{background:#0006}.compose-overlay *{box-sizing:border-box}.compose-modal{background:var(--messages-bg);border:1px solid var(--messages-border);border-radius:16px;padding:28px 32px;width:100%;max-width:460px;box-shadow:var(--shadow-lg);color:var(--messages-text);animation:fadeIn .25s ease-in-out;position:relative;overflow:visible!important;isolation:isolate;contain:none!important}[data-theme=light] .compose-modal{background:#fff;box-shadow:0 10px 40px #00000026}.compose-modal *{contain:none!important}.compose-title{font-size:1.4rem;font-weight:700;margin:0 0 4px;color:var(--messages-text)}.compose-subtext{font-size:.95rem;color:var(--messages-text-muted);margin:0 0 20px}.compose-field-group{position:relative;margin-bottom:20px;isolation:isolate;z-index:1}.compose-field-group:has(.compose-search-container){z-index:3001;position:relative}.compose-search-container{position:relative!important;z-index:1!important}.artist-dropdown{z-index:999999!important}.compose-label{display:block;font-weight:500;font-size:.95rem;margin-bottom:6px;color:var(--messages-text)}.compose-input{width:100%;padding:12px 14px;border-radius:10px;background:var(--messages-surface);border:1px solid var(--messages-border);color:var(--messages-text);font-size:.95rem;outline:none;transition:border .2s;box-sizing:border-box}.compose-input:focus{border-color:#3b82f680}.compose-search-container{position:relative}.compose-search-loading{position:absolute;top:100%;left:0;right:0;background:var(--messages-bg);padding:12px 14px;font-size:.85rem;color:var(--messages-text-muted);z-index:10;border:1px solid var(--messages-border);border-radius:8px;box-shadow:var(--shadow-md)}[data-theme=light] .compose-search-loading{background:#fff}.artist-dropdown{position:fixed!important;background:var(--messages-bg)!important;border:1px solid var(--messages-border)!important;border-radius:12px!important;list-style:none!important;padding:4px!important;margin:0!important;max-height:240px!important;overflow-y:auto!important;z-index:999999!important;box-shadow:var(--shadow-lg)!important;animation:fadeSlide .15s ease-in-out!important;transform-origin:top!important;pointer-events:auto!important;display:block!important;opacity:1!important;visibility:visible!important;transform:translateY(0)!important}[data-theme=light] .artist-dropdown{background:#fff!important;box-shadow:0 8px 20px #00000026!important}.artist-option{display:flex!important;align-items:center!important;gap:10px!important;padding:10px 14px!important;cursor:pointer!important;transition:background .2s!important;border-radius:8px!important;pointer-events:auto!important}.artist-option:hover{background:var(--messages-surface-hover)!important}.artist-avatar{width:36px!important;height:36px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important}.artist-info{display:flex!important;flex-direction:column!important;flex:1!important;min-width:0!important}.artist-name{font-weight:500!important;color:var(--messages-text)!important;margin:0!important;font-size:.95rem!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.artist-role{font-size:.8rem!important;color:var(--messages-text-muted)!important}.compose-selected{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--messages-surface);border:1px solid var(--messages-border);border-radius:10px;position:relative}.artist-avatar-sm{width:40px!important;height:40px!important;border-radius:50%!important;object-fit:cover!important;flex-shrink:0!important;border:2px solid rgba(59,130,246,.3)!important;display:block!important;background:#ffffff1a!important}.compose-selected-name{font-size:.95rem;font-weight:500;flex:1;color:var(--messages-text)}.compose-clear-btn{background:transparent;border:none;color:var(--messages-text-muted);cursor:pointer;font-size:20px;line-height:1;padding:2px 6px;transition:color .2s;flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:50%}.compose-clear-btn:hover{color:var(--messages-text);background:var(--messages-surface-hover)}.compose-textarea{width:100%;height:140px;background:var(--messages-surface);border:1px solid var(--messages-border);border-radius:12px;padding:12px 14px;color:var(--messages-text);resize:none;outline:none;font-size:.95rem;font-family:inherit;box-sizing:border-box;transition:border .2s}.compose-textarea:focus{border-color:var(--brand-primary)}.compose-counter{position:absolute;right:10px;bottom:6px;font-size:.75rem;color:var(--messages-text-subtle)}.compose-actions{display:flex;justify-content:flex-end;gap:12px}.compose-btn{border:none;border-radius:10px;padding:10px 20px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .25s ease;font-family:inherit}.compose-btn.cancel{background:var(--messages-surface);color:var(--messages-text);border:1px solid var(--messages-border)}.compose-btn.cancel:hover{background:var(--messages-surface-hover)}[data-theme=light] .compose-btn.cancel{background:#0000000d;color:#111827}[data-theme=light] .compose-btn.cancel:hover{background:#0000001a}.compose-btn.send{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f64d}.compose-btn.send:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 25px #3b82f666}.compose-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.messages-loading-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg);z-index:1000}.messages-loading-fullscreen .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--color-text-muted)}.messages-loading-fullscreen .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@media (max-width: 1024px){.compose-overlay{align-items:center!important;justify-content:center!important}.compose-modal{width:90%!important;max-width:500px!important;border-radius:16px!important;max-height:85vh!important;overflow-y:auto;margin:0 auto!important;padding:24px 20px}.compose-title{font-size:1.2rem}.artist-dropdown{max-height:200px!important}}@media (max-width: 768px){.compose-modal{width:95%!important;padding:20px 16px}}.compose-overlay .artist-dropdown,.compose-modal .artist-dropdown,.compose-field-group .artist-dropdown,.compose-search-container .artist-dropdown{position:fixed!important;z-index:999999!important;display:block!important;opacity:1!important;visibility:visible!important}@media (max-width: 1023px){.conversations-sidebar{width:280px}}@media (max-width: 767px){.messages-wrapper{height:calc(100vh - 80px);flex-direction:column}.conversations-sidebar{width:100%;height:100%;border-right:none;border-bottom:none}.chat-panel{width:100%;height:100%}.chat-body{height:calc(100vh - 220px);min-height:0}.chat-input{position:sticky;bottom:0;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.floating-compose-button{bottom:calc(20px + env(safe-area-inset-bottom))}.modal-content{margin:20px;max-height:calc(100vh - 40px)}.message-content{max-width:85%}.conversation-item{padding:var(--space-md) var(--space-md)}.conversations-header{padding:0 var(--space-md)}.chat-header{display:none}.thread-header-profile{flex-wrap:wrap}.contact-avatar{width:40px;height:40px;margin-right:.75rem}.chat-body{padding:var(--space-md)}.chat-input{padding:var(--space-md) var(--space-md)}.modal-form,.modal-header{padding:var(--space-md)}}@media (max-width: 480px){.conversation-item{padding:var(--space-sm) var(--space-md)}.conversation-avatar{width:40px;height:40px;margin-right:var(--space-sm)}.conversation-info .name{font-size:.9rem}.conversation-info .preview{font-size:.8rem}.conversation-info .timestamp{font-size:.7rem}.chat-header{display:none}.contact-avatar{width:40px;height:40px;margin-right:var(--space-sm)}.contact-details .name{font-size:.95rem}.contact-details .status{font-size:.8rem}.chat-body{padding:var(--space-md)}.message-content{max-width:90%;padding:var(--space-sm) var(--space-md)}.message-text{font-size:.9rem}.message-time{font-size:.7rem}.chat-input{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.message-input,.send-button{padding:var(--space-sm) var(--space-md);font-size:.85rem}.floating-compose-button{width:48px;height:48px;font-size:1.1rem;bottom:calc(var(--space-md) + env(safe-area-inset-bottom));right:var(--space-md)}.floating-compose-button svg{width:18px;height:18px}}@supports (height: 100dvh){.messages-wrapper{height:calc(100dvh - 80px)}@media (max-width: 767px){.messages-wrapper{height:calc(100dvh - 80px)}.chat-body{height:calc(100dvh - 220px)}}}html,body,#root{height:100%;overscroll-behavior-y:none}.messages-page{margin:0;padding:0;width:100%;height:calc(100vh - var(--app-header-height, 64px));max-height:calc(100vh - var(--app-header-height, 64px));display:flex;flex-direction:column;overscroll-behavior:none;overflow:hidden;box-sizing:border-box}.messages-page .messaging-layout{flex:1 1 auto;display:grid;grid-template-columns:340px 1fr;gap:0;width:100%;height:100%;padding:0;box-sizing:border-box}.messages-page .list-pane,.messages-page .thread-pane{background:var(--messages-bg, #1a1a1a);border-radius:0;box-shadow:var(--shadow-sm, 0 1px 3px rgba(0,0,0,.35));overflow:hidden;height:100%;max-height:100%;min-height:0;display:flex;flex-direction:column;box-sizing:border-box}[data-theme=light] .messages-page .list-pane,[data-theme=light] .messages-page .thread-pane{background:#fff;box-shadow:0 1px 3px #0000001a}.list-header,.thread-header{padding:12px 16px;border-bottom:1px solid var(--messages-border, rgba(255,255,255,.06));display:flex;align-items:center;justify-content:space-between;gap:8px}.messages-page .list-pane .list-header{flex:0 0 auto}.messages-page .list-pane .list-scroll,.messages-page .list-pane .list-content,.messages-page .list-pane .conversation-list{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;max-height:100%}.messages-page .list-pane .conversation-list{max-height:calc(100vh - var(--app-header-height, 64px) - 60px)}.messages-page .thread-pane .thread-header{flex:0 0 auto}.messages-page .thread-pane .messages-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-bottom:8px;overscroll-behavior:contain;max-height:100%}.messages-page .thread-pane .composer{flex:0 0 auto;position:sticky;bottom:0}.list-header h2{font-size:14px;color:var(--messages-text, #ffffff);margin:0;font-weight:500}.thread-empty{margin:auto;opacity:.7;text-align:center;padding:2rem}.back-btn{display:none;background:transparent;border:0;color:var(--brand-primary, #c7d2fe);font-weight:600;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:14px;transition:background-color .2s ease}.back-btn:hover{background:var(--brand-primary-light, rgba(99, 102, 241, .12))}.messaging-layout.two-pane{grid-template-columns:360px 1fr}@media (max-width: 1023px){.messages-page{height:calc(100svh - var(--app-header-height, 56px))}.messages-page .messaging-layout{grid-template-columns:1fr;height:100%;padding:0}.messaging-layout.one-pane.show-list .thread-pane,.messaging-layout.one-pane.show-thread .list-pane{display:none}.back-btn{display:inline-flex}.list-pane,.thread-pane{border-radius:0}.chat-header{display:none!important}}.list-pane,.thread-pane{transition:opacity .18s ease,transform .18s ease}.page-content:has(.messages-page){padding:0}.messages-page{position:relative;z-index:1}.dashboard-main-content:has(.messages-page){height:100vh;max-height:100vh;overflow:hidden;display:flex;flex-direction:column}.dashboard-main-content:has(.messages-page)>*:not(.messages-page){flex-shrink:0}.messages-page .list-pane .conversation-list,.messages-page .thread-pane .chat-body{flex:1;overflow-y:auto;min-height:0;overscroll-behavior:contain}.thread-header{background:var(--messages-surface);padding:.75rem 1.25rem;border-bottom:1px solid var(--messages-border);display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:72px;height:72px;position:relative;flex-shrink:0}.thread-header .back-btn{flex-shrink:0;margin-right:0}@media (min-width: 1024px){.thread-header{display:none}}.thread-header h3{margin:0;font-size:16px;font-weight:600;color:var(--messages-text, #ffffff)}.thread-header-profile{display:flex;align-items:center;flex:1;min-width:0}.thread-header-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;border:1px solid var(--messages-border);margin-right:.75rem;flex-shrink:0}.thread-header-info{display:flex;flex-direction:column;gap:.15rem;min-width:0;flex:1}.thread-header-name{margin:0;font-size:1rem;font-weight:600;color:var(--messages-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.thread-header-role{margin:0;font-size:.75rem;color:var(--messages-text-muted);text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.thread-header-actions{align-self:center;flex-shrink:0}.conv-item{padding:12px 16px;border-bottom:1px solid var(--messages-border, rgba(255,255,255,.05));cursor:pointer;transition:background-color .2s ease;display:flex;align-items:center;gap:12px}.conv-item:hover{background:var(--messages-surface-hover, rgba(255,255,255,.05))}.conv-item.active{background:var(--brand-primary-light, rgba(99, 102, 241, .15));border-left:3px solid var(--brand-primary, #6366f1)}.conv-item:last-child{border-bottom:none}.conv-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.conv-info{flex:1;min-width:0}.conv-name{font-weight:600;font-size:14px;color:var(--messages-text);margin:0 0 4px}.conv-preview{font-size:13px;color:var(--messages-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-timestamp{font-size:12px;color:var(--messages-text-subtle);margin:0}@media (max-width: 1023px){.conv-item{padding:16px}.conv-avatar{width:48px;height:48px}.conv-name{font-size:15px}.conv-preview{font-size:14px}.thread-header{min-height:64px;height:auto;padding:.75rem 1rem;gap:.5rem}.thread-header-avatar{width:40px;height:40px}.thread-header-profile{flex:1;min-width:0}}@media (max-width: 480px){.thread-header{min-height:64px;padding:.75rem 1rem}.thread-header-avatar{width:40px;height:40px}}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center;color:var(--messages-text)}.error-state h3{color:#ef4444;margin-bottom:1rem}.error-state button{background:#6366f1;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;margin-top:1rem}.error-state button:hover{background:#5856eb}.attachment-button-container{position:relative;flex-shrink:0}.attachment-menu{position:absolute;bottom:100%;left:0;margin-bottom:8px;background:var(--messages-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--messages-border);border-radius:12px;box-shadow:var(--shadow-lg);padding:8px;z-index:1000;min-width:180px;animation:dropdownFadeIn .2s ease}[data-theme=light] .attachment-menu{background:#fff;box-shadow:0 8px 24px #00000026}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.attachment-option{width:100%;display:flex;align-items:center;gap:12px;padding:12px;background:transparent;border:none;color:var(--messages-text);cursor:pointer;border-radius:8px;font-size:.95rem;transition:all .2s ease;text-align:left}.attachment-option:hover{background:var(--messages-surface-hover);color:var(--messages-text)}.attachment-icon{font-size:1.2rem;width:24px;display:flex;align-items:center;justify-content:center}.inkspiration-gallery-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.inkspiration-gallery-content{background:var(--messages-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;box-shadow:var(--shadow-lg);border:1px solid var(--messages-border);max-width:800px;width:90vw;max-height:80vh;display:flex;flex-direction:column;animation:popupFadeIn .3s ease}[data-theme=light] .inkspiration-gallery-content{background:#fff;box-shadow:0 12px 40px #00000026}@keyframes popupFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.inkspiration-gallery-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--messages-border)}.inkspiration-gallery-header h3{margin:0;font-size:1.5rem;color:var(--messages-text);font-weight:600}.inkspiration-gallery-close{background:transparent;border:none;color:var(--messages-text-muted);cursor:pointer;font-size:1.5rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.inkspiration-gallery-close:hover{background:var(--messages-surface-hover);color:var(--messages-text)}.inkspiration-gallery-grid{padding:24px;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:16px;overflow-y:auto;max-height:calc(80vh - 100px);overscroll-behavior:contain}.inkspiration-gallery-item{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:2px solid transparent}.inkspiration-gallery-item:hover{transform:scale(1.05);border-color:#3b82f680;box-shadow:0 4px 12px #3b82f64d}.inkspiration-gallery-item img{width:100%;height:100%;object-fit:cover}.inkspiration-gallery-item .favorite-badge{position:absolute;top:8px;right:8px;font-size:1rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.inkspiration-loading,.inkspiration-empty{grid-column:1 / -1;padding:40px;text-align:center;color:var(--messages-text-subtle);font-size:1rem}.artist-card{background:none;border:none;border-radius:0;padding:0;min-height:320px;transition:all .2s ease;display:grid;grid-template-rows:auto 1fr auto;row-gap:8px;position:relative;-webkit-backdrop-filter:none;backdrop-filter:none}.artist-card:hover{transform:none;box-shadow:none;border-color:transparent;background:none}.artist-card__content{display:grid;place-items:center;row-gap:12px;text-align:center;width:100%;box-sizing:border-box;overflow:hidden}.favorite-btn{position:absolute;top:12px;right:12px;background:transparent!important;border:none!important;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1rem;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:10;box-shadow:none!important;outline:none!important;padding:0}.favorite-btn:hover{transform:scale(1.1);background:transparent!important;box-shadow:none!important;border:none!important}.favorite-btn:active{background:transparent!important;box-shadow:none!important;border:none!important}.favorite-btn.favorited{animation:heartBeat .3s ease-in-out;background:transparent!important;border:none!important;box-shadow:none!important}@keyframes heartBeat{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}.artist-card__header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:4px;width:100%;box-sizing:border-box;position:relative}.artist-card__avatar{display:flex;justify-content:center}.artist-card__avatar img{width:64px;height:64px;border-radius:50%;object-fit:cover;border:2px solid #374151;transition:border-color .2s ease;box-shadow:0 2px 4px #0000001a}.artist-card:hover .artist-card__avatar img{border-color:#3b82f6}.artist-card__name{margin:0;color:#f3f4f6;font-size:1.1rem;font-weight:700;line-height:1.2;text-align:center;max-width:26ch;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.artist-meta{display:flex;flex-direction:column;gap:8px;align-items:center;width:100%;box-sizing:border-box}.meta-item{display:inline-flex;align-items:center;gap:0;font-size:.85rem;color:#9ca3af;justify-content:center}.meta-icon{font-size:.8rem;flex-shrink:0;margin-right:1px;line-height:1;display:inline-block}.meta-text{max-width:38ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-left:0;line-height:1;display:inline-block}.distance-text{color:#3b82f6;font-weight:500}.artist-bio{color:#d1d5db;font-size:.9rem;line-height:1.5;margin:0;max-width:52ch;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;width:100%;box-sizing:border-box}.bio-text{margin:0;overflow:hidden;text-overflow:ellipsis}.artist-actions{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;margin-top:auto}.btn{padding:8px 12px;border:none;border-radius:4px;font-weight:400;cursor:pointer;transition:all .2s ease;font-size:.8rem;display:flex;align-items:center;justify-content:center;gap:4px;width:100%}.btn-primary{background:#3b82f626;color:#fff;border:1px solid rgba(59,130,246,.3)}.btn-primary:hover{background:#3b82f640;transform:none}.btn-secondary{background:#3741511a;color:#f9fafb;border:1px solid rgba(75,85,99,.3)}.btn-secondary:hover{background:#37415133;transform:none}@media (min-width: 900px) and (max-width: 1199px){.artist-card{padding:0;min-height:auto;overflow:hidden}.favorite-btn{top:10px;right:10px;width:28px;height:28px;font-size:.9rem;z-index:20}.artist-card__content{padding:0;width:100%;box-sizing:border-box;overflow:hidden;row-gap:10px}.artist-card__header{width:100%;padding:0 8px;margin-top:8px;box-sizing:border-box}.artist-card__name{font-size:.95rem;max-width:100%;padding:0;box-sizing:border-box;word-break:break-word}.artist-meta{width:100%;padding:0 8px;box-sizing:border-box;gap:6px}.meta-item{font-size:.75rem;width:100%;padding:0;box-sizing:border-box;justify-content:center;gap:0}.meta-icon{margin-right:0;line-height:1;display:inline-block;vertical-align:middle}.meta-text{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin-left:0;line-height:1;display:inline-block;vertical-align:middle}.meta-item{display:inline-flex;align-items:center}.artist-bio{font-size:.8rem;max-width:100%;padding:0 8px;box-sizing:border-box;-webkit-line-clamp:2;line-height:1.4}.bio-text{margin:0;overflow:hidden;text-overflow:ellipsis}.artist-actions{margin-top:10px;padding-top:8px;width:100%;box-sizing:border-box}.btn{font-size:.75rem;padding:8px 10px;white-space:nowrap}}@media (min-width: 1024px) and (max-width: 1199px){.artist-card__avatar img{width:72px;height:72px}.meta-item{display:inline-flex;align-items:center;gap:0}.meta-icon{margin-right:0;line-height:1;display:inline-block;vertical-align:middle}.meta-text{margin-left:0;line-height:1;display:inline-block;vertical-align:middle}}@media (min-width: 1200px){.artist-card__avatar img{width:72px;height:72px}}@media (max-width: 768px){.artist-card{padding:16px;min-height:320px}.artist-card__name{font-size:1rem}.meta-item{font-size:.8rem}.artist-bio{font-size:.85rem;-webkit-line-clamp:2}}@media (max-width: 480px){.artist-card{padding:12px;min-height:300px}.artist-card__avatar img{width:56px;height:56px}.favorite-btn{width:28px;height:28px;font-size:.9rem;top:8px;right:8px}.artist-card__name{font-size:.95rem}.btn{padding:10px 12px;font-size:.85rem}.artist-actions{grid-template-columns:1fr;gap:8px}}.artist-avatar img{background:#f1f5f9}.favorite-btn:focus{outline:none!important;box-shadow:none!important;border:none!important;background:transparent!important}.favorite-btn:focus-visible{outline:none!important;box-shadow:none!important}[data-theme=light] .favorite-btn,[data-theme=light] .favorite-btn:hover,[data-theme=light] .favorite-btn:active,[data-theme=light] .favorite-btn:focus,[data-theme=light] .favorite-btn.favorited{background:transparent!important;border:none!important;box-shadow:none!important;outline:none!important}.enable-location-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999!important;display:flex;align-items:center;justify-content:center;padding:1rem}.enable-location-modal{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:40px;max-width:500px;width:90%;text-align:center;box-shadow:0 0 25px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:slideUp .3s ease-out;position:relative;z-index:1}.enable-location-modal-icon{font-size:48px;margin-bottom:16px;animation:bounce 2s infinite}.enable-location-modal-title{color:#e6e9f5;font-size:2rem;font-weight:700;margin-bottom:16px}.enable-location-modal-description{color:#cbd3ff;font-size:1.1rem;line-height:1.6;margin-bottom:32px}.enable-location-modal-buttons{display:flex;gap:12px;margin-bottom:16px}.enable-location-modal-btn{flex:1;padding:12px 20px;border:none;border-radius:10px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease}.enable-location-modal-btn.allow{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f64d}.enable-location-modal-btn.allow:hover{transform:translateY(-1px);box-shadow:0 8px 25px #3b82f666}.enable-location-modal-btn.skip{background:transparent;color:#cbd3ff;border:1px solid rgba(255,255,255,.06)}.enable-location-modal-btn.skip:hover{background:#ffffff0f}.enable-location-modal-note{font-size:.85rem;color:#a0aec0;margin:0}.dashboard-layout{display:flex;min-height:100vh;background:var(--gradient-dashboard, linear-gradient(135deg, #232526 0%, #414345 100%));position:relative}.sidebar-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:transparent!important;z-index:9998!important;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.sidebar{position:fixed;top:0;left:0;height:100vh;width:210px;background:var(--gradient-sidebar, linear-gradient(135deg, #181a20 0%, #232526 100%));box-shadow:2px 0 18px var(--color-shadow, rgba(0,0,0,.18));display:flex;flex-direction:column;align-items:stretch;z-index:9999;border-right:1.5px solid rgba(255,255,255,.07);transition:transform .3s ease-in-out}@media (max-width: 767px){.sidebar,.client-sidebar,.artist-sidebar,.guest-sidebar{position:fixed!important;top:0!important;left:0!important;height:100vh!important;width:75%!important;max-width:280px!important;background:#191919f2!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:4px 0 20px #00000080!important;transform:translate(-100%)!important;transition:transform .3s ease-in-out!important;z-index:2147483647!important;isolation:isolate!important}.sidebar.mobile-open,.client-sidebar.mobile-open,.artist-sidebar.mobile-open,.guest-sidebar.mobile-open{transform:translate(0)!important;z-index:2147483647!important}body.mobile-menu-open{overflow:hidden!important}.sidebar,.client-sidebar,.artist-sidebar,.guest-sidebar,.sidebar.mobile-open,.client-sidebar.mobile-open,.artist-sidebar.mobile-open,.guest-sidebar.mobile-open{z-index:9999!important}}.sidebar-title{color:var(--color-text, #fff);font-size:1.1rem;font-weight:700;letter-spacing:.5px;padding:24px 8px 16px;text-align:center;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}.sidebar-nav{display:flex;flex-direction:column;gap:6px;padding:0 8px;margin-top:8px;flex:1 1 auto;overflow-y:auto}.sidebar-btn{background:none;border:none;color:var(--color-text-secondary, #e0e7ef);font-size:.9rem;font-weight:500;padding:10px 8px;border-radius:6px;text-align:center;cursor:pointer;transition:background .18s,color .18s,font-weight .18s;outline:none;margin-bottom:2px;text-decoration:none;min-height:44px;display:flex;align-items:center;justify-content:center;gap:12px}.sidebar-btn:hover{background:#3b82f61a;color:var(--color-primary, #93c5fd)}.sidebar-btn.active{background:var(--gradient-primary, linear-gradient(135deg, #1e1e1e 0%, #3b82f6 100%));color:var(--color-text, #fff);font-weight:700;box-shadow:0 2px 12px #3b82f61a}.dashboard-main-content{flex:1;margin-left:210px;min-width:0;display:flex;flex-direction:column;overflow-x:hidden;transition:margin-left .3s ease-in-out;background:var(--gradient-dashboard, linear-gradient(135deg, #232526 0%, #414345 100%))}@media (max-width: 767px){.dashboard-main-content{margin-left:0;width:100%}}@media (min-width: 768px) and (max-width: 1024px){.sidebar{width:250px}.dashboard-main-content{margin-left:250px}}.dashboard-content{flex:1;padding:2rem;min-height:100vh;background:transparent;color:var(--color-text, #ffffff);transition:filter .3s ease;position:relative}@media (min-width: 1200px){.dashboard-content{padding:2.5rem 3rem}}@media (min-width: 1400px){.dashboard-content{padding:3rem 4rem}}.find-artist-page{flex:1;padding:2rem;min-height:100vh;background:transparent;color:var(--color-text, #ffffff);transition:filter .3s ease}.browse-artists-title{color:var(--color-text, #fff);font-size:2.2rem;font-weight:700;margin:0 0 1.5rem;text-shadow:0 2px 10px rgba(0,0,0,.18)}.btn.btn-secondary{padding:10px 20px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #3b82f626;display:flex;align-items:center;gap:8px;text-align:center;margin-top:0;margin-right:0;height:auto;line-height:1.2}.btn.btn-secondary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f633}.fa-card,.fa-section{background:none;color:var(--color-text);border-radius:0;box-shadow:none;border:none;padding:0;width:100%;box-sizing:border-box;margin:0;-webkit-backdrop-filter:none;backdrop-filter:none}.fa-filters{background:none;border:none;border-radius:0;box-shadow:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:12px;-webkit-backdrop-filter:none;backdrop-filter:none}.fa-filters-row{display:flex;flex-direction:column;gap:1rem}.location-type-toggle{display:flex;gap:.5rem;margin-bottom:.5rem}.location-type-toggle button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.location-type-toggle button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.location-type-toggle button:hover:not(.active){background:#ffffff1a;border-color:#fff3}.location-input-group,.distance-selector,.sort-selector,.search-field-group{display:flex;flex-direction:column;gap:.5rem}.fa-filters label{font-weight:600;font-size:.95rem;color:var(--color-text-secondary);margin-bottom:4px}.fa-filters input,.fa-filters select{width:100%;max-width:320px;background:#ffffff03;border:1px solid rgba(255,255,255,.03);border-radius:4px;color:var(--color-text);padding:6px 10px;font-size:.85rem;transition:border-color .2s ease,box-shadow .2s ease}.fa-filters input:focus,.fa-filters select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.fa-filters input::placeholder{color:var(--color-text-muted)}.search-btn{background:#3b82f614;color:var(--color-text);border:1px solid rgba(59,130,246,.15);border-radius:4px;padding:6px 12px;font-size:.8rem;font-weight:400;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.4rem}.search-btn:hover{background:#3b82f61f;border-color:#3b82f640;transform:none;box-shadow:none}.search-btn:active{transform:translateY(0)}.button-group{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;align-items:end}@media (max-width: 768px){.fa-filters{padding:1rem}.form-grid{grid-template-columns:1fr}.fa-filters input,.fa-filters select{max-width:100%}.button-group{flex-direction:column;align-items:stretch}.search-btn{width:100%;justify-content:center}}.fa-section-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:var(--color-text, #fff);display:flex;align-items:center;gap:.5rem}.fa-section-title:before{content:"🎨";font-size:1.2rem}.fa-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:transparent;z-index:999;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.active{opacity:1;visibility:visible}@media (max-width: 768px){.dashboard-main-content{margin-left:0;width:100%;overflow-x:hidden}.find-artist-page{padding:1rem}.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translate(0)}}html,body{overflow-x:hidden}body,.home-root{background:linear-gradient(135deg,#232526,#414345);min-height:100vh;width:100vw;background-attachment:fixed;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.page-root{min-height:100vh;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.container{max-width:1200px;margin:0 auto;padding:0 20px}.navbar{position:fixed;top:0;left:0;width:100%;height:70px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:0 30px;z-index:1000;border-bottom:1px solid rgba(255,255,255,.1);transition:all .3s ease}.nav-left{display:flex;align-items:center}.nav-right{display:flex;align-items:center;gap:20px}.nav-btn{background:transparent;color:var(--color-text-secondary, #e0e7ef);border:none;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;position:relative}.nav-btn:hover{background:#ffffff1a;color:#fff;transform:translateY(-1px)}.nav-btn-active{background:#3b82f633;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.nav-btn-active:hover{background:#3b82f64d;color:#60a5fa}.nav-logo{height:35px;width:auto;filter:drop-shadow(0 2px 10px rgba(0,0,0,.3));transition:opacity .3s ease}.nav-logo-link{text-decoration:none;color:inherit;transition:opacity .3s ease}.nav-logo-link:hover{opacity:.8}.hero-section{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding-top:70px;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460)}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://www.transparenttextures.com/patterns/dark-geometric.png) repeat;opacity:.05;pointer-events:none}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.1) 0%,transparent 70%);pointer-events:none}.hero-content{text-align:center;z-index:1;position:relative;max-width:800px;padding:0 20px}.flex-column{display:flex;flex-direction:column}.flex-center{display:flex;justify-content:center;align-items:center}.gap-16{gap:16px}.gap-24{gap:24px}.text-center{text-align:center}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;color:#fff;margin-bottom:20px;text-shadow:0 2px 20px rgba(0,0,0,.5);line-height:1.2}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);color:#ffffffe6;line-height:1.6;margin-bottom:40px;font-weight:400}.cta-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;padding:16px 32px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #3b82f64d;text-decoration:none;display:inline-block}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.why-choose-section,.how-it-works-section,.membership-section,.final-cta-section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:60px 0;position:relative}.why-choose-section{background:linear-gradient(135deg,#232526,#414345)}.how-it-works-section{background:linear-gradient(135deg,#1a1a2e,#16213e)}.membership-section{background:linear-gradient(135deg,#181a20,#232526);padding:40px 0}.final-cta-section{background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);position:relative}.final-cta-section:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://www.transparenttextures.com/patterns/dark-geometric.png) repeat;opacity:.05;pointer-events:none}.section-header{text-align:center;margin-bottom:60px;padding:20px 0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.section-title{font-size:clamp(2.5rem,5vw,4rem)!important;font-weight:800!important;color:#fff;margin-bottom:20px;text-shadow:0 2px 20px rgba(0,0,0,.5);line-height:1.2}.section-subtitle{font-size:clamp(1.1rem,2.5vw,1.5rem);color:#ffffffe6;line-height:1.6;font-weight:400;max-width:800px}.features-grid{display:grid;grid-template-columns:1fr;gap:40px;max-width:1200px;margin:0 auto;padding:0 20px;width:100%}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px 30px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.feature-icon{font-size:3rem;margin-bottom:20px;display:block}.feature-title{font-size:1.5rem;font-weight:600;color:#fff;margin-bottom:15px}.feature-description{color:#fffc;line-height:1.6}.steps-grid{display:grid;grid-template-columns:1fr;gap:40px;max-width:1200px;margin:0 auto;padding:0 20px;width:100%}@media (min-width: 768px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.steps-grid{grid-template-columns:repeat(3,1fr)}}.step-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:40px 30px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:20px}.step-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.step-number{width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;box-shadow:0 8px 20px #3b82f64d}.step-title{font-size:1.5rem;font-weight:600;color:#fff;margin:0}.step-description{color:#fffc;line-height:1.6;margin:0}.pricing-cards{display:grid;grid-template-columns:1fr;gap:30px;max-width:800px;margin:0 auto;padding:0 20px;width:100%}@media (min-width: 768px){.pricing-cards{grid-template-columns:repeat(2,1fr)}}.pricing-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px 25px;text-align:center;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;display:flex;flex-direction:column;gap:25px}.pricing-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.pricing-card.popular{border:2px solid #3B82F6;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:8px 20px;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px #3b82f64d}.card-header{display:flex;flex-direction:column;align-items:center;gap:12px}.plan-icon{font-size:2.5rem;margin-bottom:8px}.plan-title{font-size:1.8rem;font-weight:700;color:#fff;margin:0}.plan-description{color:#fffc;font-size:1rem;margin:0}.pricing{display:flex;flex-direction:column;align-items:center;gap:8px}.price-option{display:flex;align-items:baseline;gap:5px}.price{font-size:2.5rem;font-weight:800;color:#fff}.period{font-size:1.1rem;color:#ffffffb3}.features-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:0;padding:0}.feature-item{display:flex;align-items:center;gap:8px;color:#ffffffe6;font-size:.95rem}.checkmark{color:#10b981;font-weight:700;font-size:1.1rem}.plan-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:12px;padding:14px 28px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 20px #3b82f64d}.plan-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.plan-button.secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);box-shadow:none}.plan-button.secondary:hover{background:#fff3;border-color:#fff6;box-shadow:0 8px 30px #0000004d}@media (max-width: 768px){.navbar{padding:0 20px}.nav-right{justify-content:flex-end;gap:1px}.nav-btn{padding:8px 15px;font-size:.9rem}.hero-content{padding:0 15px}.section-header{margin-bottom:40px;padding:15px 0}.features-grid,.steps-grid{gap:25px;padding:0 15px}.feature-card,.step-card{padding:25px 20px}.pricing-cards{gap:25px;padding:0 15px}.pricing-card{padding:25px 20px;gap:20px}.price{font-size:2.2rem}.plan-title{font-size:1.6rem}.plan-icon{font-size:2.2rem}.features-list{gap:10px}.feature-item{font-size:.9rem}}.home-footer{background:#2a2a2a!important;padding:60px 20px;color:#fff!important;position:relative}[data-theme=light] .home-footer,.light-theme .home-footer,.home-footer.light-theme{background:#2a2a2a!important;color:#fff!important}.home-footer:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(https://www.transparenttextures.com/patterns/dark-geometric.png) repeat;opacity:.05;pointer-events:none}.footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:center;align-items:center;gap:60px;text-align:center}.footer-section{display:flex;flex-direction:column;align-items:center;text-align:center}.footer-title{font-size:1.2rem;font-weight:600;margin-bottom:20px;color:#fff!important}[data-theme=light] .home-footer .footer-title,.light-theme .home-footer .footer-title{color:#fff!important}.footer-links{display:flex;flex-direction:column;gap:12px;align-items:center}.footer-contact-section .footer-links{display:flex;flex-direction:row;gap:20px;align-items:center;justify-content:center;flex-wrap:wrap}.footer-link{color:#e0e0e0!important;text-decoration:none;font-size:.95rem;transition:color .3s ease}.footer-link:hover{color:#fff!important}[data-theme=light] .home-footer .footer-link,.light-theme .home-footer .footer-link{color:#e0e0e0!important}[data-theme=light] .home-footer .footer-link:hover,.light-theme .home-footer .footer-link:hover{color:#fff!important}.social-links{display:flex;gap:20px;justify-content:center;align-items:center}.social-link{display:flex;align-items:center;justify-content:center;color:#e0e0e0;text-decoration:none;transition:all .3s ease;width:40px;height:40px;border-radius:50%;background:#ffffff1a}.social-link:hover{color:#fff;transform:translateY(-2px);background:#fff3}.social-icon{width:20px;height:20px;transition:all .3s ease}.social-link:hover .social-icon{transform:scale(1.1)}@media (max-width: 768px){.home-footer{padding:40px 15px}.footer-content{flex-direction:column;gap:30px}.footer-links{flex-direction:row;flex-wrap:wrap;gap:20px}.social-links{gap:15px}.social-link{width:35px;height:35px}.social-icon{width:18px;height:18px}}.home-root .find-artist-page{margin-left:0;padding:2rem;background:linear-gradient(135deg,#0f0f23,#1a1a2e,#16213e);min-height:100vh;transition:filter .3s ease}.home-root .artist-search{margin-bottom:2rem}.artist-results{margin-top:2rem}.results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.results-title{display:flex;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:700;color:var(--color-text, #fff);margin:0}.results-icon{font-size:1.2rem}.results-count{color:var(--color-primary, #93c5fd);font-size:.9rem;margin:0}.artist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.no-results{text-align:center;padding:3rem 1rem;color:var(--color-primary, #93c5fd)}.no-results p{margin:.5rem 0;font-size:1.1rem}.search-actions{display:flex;gap:1rem;margin-top:1rem}.search-btn{flex:1;height:44px;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .25s ease;cursor:pointer;border:none}.search-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:var(--color-text, #fff);box-shadow:0 2px 8px #3b82f64d}.search-btn.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.search-btn.secondary{background:transparent;color:var(--color-text, #fff);border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-btn.secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.search-btn:disabled{opacity:.6;cursor:not-allowed}.search-btn:disabled:hover{transform:none;box-shadow:none}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:8px;margin-right:16px;border-radius:6px;transition:background .2s ease;z-index:10001}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer;z-index:10001;padding:8px;margin-right:16px;border-radius:6px;transition:background .2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;min-width:44px;min-height:44px;align-items:center;justify-content:center}.mobile-menu-toggle:hover,.mobile-menu-btn:hover{background:#3b82f61a}@media (max-width: 1024px){.mobile-menu-btn,.mobile-menu-toggle{display:flex}.mobile-menu-toggle{min-width:44px;min-height:44px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}}@media (min-width: 768px) and (max-width: 1024px){.sidebar{transform:translate(-100%);width:70%;z-index:2147483647!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:2px 0 12px #0006}.dashboard-main-content{margin-left:0;width:100%}}.auto-location-display{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:10px;color:#fff}.auto-location-display span{font-size:.95rem;font-weight:500}.change-location-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 12px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.change-location-btn:hover{background:#fff3}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.find-artists-container{max-width:1100px;margin:0 auto;padding:60px 20px;color:#fff;position:relative;z-index:1}@media (min-width: 1400px){.find-artists-container{max-width:1600px;padding:80px 40px}}@media (min-width: 900px) and (max-width: 1199px){.find-artists-container{padding:40px 20px}}@media (min-width: 1200px) and (max-width: 1399px){.find-artists-container{max-width:1400px;padding:70px 30px}}.find-artists-search-container{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:25px 30px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 25px #00000040;margin-bottom:40px;position:relative;z-index:1}@media (min-width: 1200px){.find-artists-search-container{padding:35px 50px;margin-bottom:60px}}@media (min-width: 1400px){.find-artists-search-container{padding:40px 60px;margin-bottom:80px}}.location-type-tabs{display:flex;gap:8px;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:15px}.location-type-tabs button{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;padding:10px 20px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.location-type-tabs button:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.location-type-tabs button.active{background:#ffffff1a;border-color:#fff3;box-shadow:none}.search-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}@media (min-width: 1200px){.search-form-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:30px}}.search-form-group{display:flex;flex-direction:column;gap:8px}.search-form-group label{font-size:.9rem;font-weight:500;color:#fffc}.search-form-group input,.search-form-group select{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:.95rem;transition:all .3s ease}.search-form-group input:focus,.search-form-group select:focus{outline:none;border-color:#3b82f6;background:#ffffff14;box-shadow:0 0 0 3px #3b82f61a}.search-form-group input::placeholder{color:#fff6}.search-form-group select{cursor:pointer}.search-form-group select option{background:#1a1a2e;color:#fff}.searching-indicator{margin-top:5px;font-size:12px;color:#fff9}.auto-location-display{display:flex;align-items:center;justify-content:space-between;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:10px 14px}.auto-location-display span{color:#ffffffe6;font-size:.95rem}.change-location-btn{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc;padding:6px 12px;border-radius:6px;font-size:.85rem;cursor:pointer;transition:all .2s ease}.change-location-btn:hover{background:#ffffff1a;border-color:#ffffff4d}.search-actions-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}@media (min-width: 1200px){.search-actions-row{gap:20px;margin-top:30px}}.use-location-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;padding:10px 20px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #3b82f64d}.use-location-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.filter-btn,.show-all-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;border-radius:10px;padding:10px 20px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease}.filter-btn:hover,.show-all-btn:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.filter-btn:disabled,.show-all-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.find-artists-results{margin-top:40px;position:relative;z-index:1}@media (min-width: 1200px){.find-artists-results{margin-top:60px}}@media (min-width: 1400px){.find-artists-results{margin-top:80px}}.available-artists-title{color:#fff;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:700;text-align:center;margin:0 0 40px;text-shadow:0 2px 10px rgba(0,0,0,.4)}@media (min-width: 1200px){.available-artists-title{margin-bottom:50px}}@media (min-width: 1400px){.available-artists-title{margin-bottom:60px}}.artist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}@media (min-width: 1200px){.artist-grid{grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}}@media (min-width: 1400px){.artist-grid{gap:50px;margin-top:60px}}@media (min-width: 900px) and (max-width: 1199px){.artist-grid{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;box-sizing:border-box}.artist-grid .artist-card{padding:16px;min-width:0;max-width:100%;width:100%;box-sizing:border-box;margin:0}.find-artists-search-container{padding:20px}}.artist-grid .artist-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:25px;text-align:center;box-shadow:0 0 25px #00000040;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease;position:relative;box-sizing:border-box}.artist-grid .artist-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000059;border-color:#ffffff1f}.artist-grid .artist-card__avatar img{width:90px;height:90px;border-radius:50%;border:3px solid rgba(59,130,246,.3)}.artist-grid .artist-card .btn-primary{background:transparent;border:2px solid #3B82F6;color:#3b82f6;border-radius:8px;padding:10px 20px;font-weight:600;font-size:.95rem}.artist-grid .artist-card .btn-primary:hover{background:#3b82f61a;transform:translateY(-1px)}.artist-grid .artist-card .btn-secondary{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;color:#fff;border-radius:8px;padding:10px 20px;font-weight:600;font-size:.95rem;box-shadow:0 2px 8px #3b82f64d}.artist-grid .artist-card .btn-secondary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666;background:linear-gradient(135deg,#2563eb,#1d4ed8)}.find-artist-page-loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-dashboard, linear-gradient(135deg, #232526 0%, #414345 100%));display:flex;align-items:center;justify-content:center;z-index:99999;overflow:hidden}.find-artist-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px}.find-artist-loading-spinner{margin-bottom:24px}.find-artist-loading-spinner .loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite}.find-artist-loading-content h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.find-artist-loading-content p{color:#ffffffb3;font-size:1rem;margin:0;opacity:.8}[data-theme=light] .find-artist-page-loading-screen{background:var(--gradient-dashboard, linear-gradient(135deg, #f6f7f9 0%, #ffffff 100%))}[data-theme=light] .find-artist-loading-content h3{color:var(--color-text, #111827)}[data-theme=light] .find-artist-loading-content p{color:var(--color-text-muted, #6b7280)}[data-theme=light] .find-artist-loading-spinner .loading-spinner{border:4px solid var(--color-border, rgba(0, 0, 0, .08));border-top:4px solid var(--color-primary, #2563EB)}.loading-container,.no-artists{text-align:center;padding:60px 20px;color:#fffc}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}.no-artists .empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.no-artists h3{font-size:1.5rem;margin-bottom:10px;color:#fff}.no-artists p{color:#fff9;line-height:1.6}.dashboard-main-content:has(.find-artists-container){height:auto;min-height:100vh;overflow-y:auto;overflow-x:hidden}@media (max-width: 768px){.find-artists-container{padding:40px 20px}.find-artists-search-container{padding:20px;width:100%;box-sizing:border-box;margin-left:0;margin-right:0;max-width:100%;border:1px solid rgba(255,255,255,.08)}.search-form-grid{grid-template-columns:1fr;gap:15px}.location-type-tabs{flex-wrap:wrap}.search-actions-row{flex-direction:column}.use-location-btn,.filter-btn,.show-all-btn{width:100%}.artist-grid{grid-template-columns:1fr;gap:20px;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-left:0;margin-right:0;padding:0}.artist-grid .artist-card{padding:20px!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;border:1px solid rgba(255,255,255,.08)}.available-artists-title{font-size:1.8rem;margin-bottom:30px}.find-artists-results{padding-bottom:120px}}@media (max-width: 480px){.find-artists-container{padding:30px 15px}.find-artists-search-container{padding:15px;width:100%;box-sizing:border-box;margin-left:0;margin-right:0;max-width:100%;border:1px solid rgba(255,255,255,.08)}.artist-grid{width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin-left:0;margin-right:0;padding:0}.artist-grid .artist-card{padding:15px!important;width:100%!important;min-width:0!important;max-width:100%!important;box-sizing:border-box!important;margin-left:0!important;margin-right:0!important;border:1px solid rgba(255,255,255,.08)}.search-actions-row{gap:8px}.find-artists-results{padding-bottom:140px}}[data-theme=light] .find-artists-container{color:var(--color-text, #111827)}[data-theme=light] .find-artists-search-container{background:var(--color-card, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .08));box-shadow:0 6px 16px var(--color-shadow, rgba(0, 0, 0, .06))}[data-theme=light] .location-type-tabs{border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .location-type-tabs button{background:var(--color-bg-tertiary, #f3f4f6);border:1px solid var(--color-border, rgba(0, 0, 0, .08));color:var(--color-text, #111827)}[data-theme=light] .location-type-tabs button:hover{background:var(--color-card-hover, #f8f9fa);border-color:var(--color-border-hover, rgba(0, 0, 0, .12))}[data-theme=light] .location-type-tabs button.active{background:var(--color-card-hover, #f8f9fa);border-color:var(--color-border-hover, rgba(0, 0, 0, .12));box-shadow:none}[data-theme=light] .search-form-group label{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .search-form-group input,[data-theme=light] .search-form-group select{background:var(--color-bg-secondary, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .08));color:var(--color-text, #111827)}[data-theme=light] .search-form-group input:focus,[data-theme=light] .search-form-group select:focus{border-color:var(--color-primary, #2563EB);background:var(--color-bg-secondary, #ffffff);box-shadow:0 0 0 3px var(--color-primary-light, rgba(37, 99, 235, .1))}[data-theme=light] .search-form-group input::placeholder{color:var(--color-text-muted, #6b7280)}[data-theme=light] .search-form-group select option{background:var(--color-bg-secondary, #ffffff);color:var(--color-text, #111827)}[data-theme=light] .searching-indicator{color:var(--color-text-muted, #6b7280)}[data-theme=light] .auto-location-display{background:var(--color-primary-light, rgba(37, 99, 235, .1));border:1px solid rgba(37,99,235,.2)}[data-theme=light] .auto-location-display span{color:var(--color-text, #111827)}[data-theme=light] .change-location-btn{border:1px solid var(--color-border, rgba(0, 0, 0, .12));color:var(--color-text, #111827)}[data-theme=light] .change-location-btn:hover{background:var(--color-bg-tertiary, #f3f4f6);border-color:var(--color-border-hover, rgba(0, 0, 0, .16))}[data-theme=light] .use-location-btn{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 8px #2563eb40}[data-theme=light] .use-location-btn:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 15px #2563eb59}[data-theme=light] .filter-btn,[data-theme=light] .show-all-btn{background:var(--color-bg-tertiary, #f3f4f6);border:1px solid var(--color-border, rgba(0, 0, 0, .08));color:var(--color-text, #111827)}[data-theme=light] .filter-btn:hover,[data-theme=light] .show-all-btn:hover{background:var(--color-card-hover, #f8f9fa);border-color:var(--color-border-hover, rgba(0, 0, 0, .12))}[data-theme=light] .available-artists-title{color:var(--color-text, #111827);text-shadow:none}[data-theme=light] .artist-grid .artist-card{background:var(--color-card, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .08));box-shadow:0 6px 16px var(--color-shadow, rgba(0, 0, 0, .06))}[data-theme=light] .artist-grid .artist-card:hover{box-shadow:0 10px 30px var(--color-shadow, rgba(0, 0, 0, .12));border-color:var(--color-border-hover, rgba(0, 0, 0, .12))}[data-theme=light] .artist-grid .artist-card .btn-primary{border:2px solid var(--color-primary, #2563EB);color:var(--color-primary, #2563EB)}[data-theme=light] .artist-grid .artist-card .btn-primary:hover{background:var(--color-primary-light, rgba(37, 99, 235, .1))}[data-theme=light] .artist-grid .artist-card .btn-secondary{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 2px 8px #2563eb40}[data-theme=light] .artist-grid .artist-card .btn-secondary:hover{background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb59}[data-theme=light] .loading-container,[data-theme=light] .no-artists{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .loading-spinner{border:4px solid var(--color-border, rgba(0, 0, 0, .08));border-top:4px solid var(--color-primary, #2563EB)}[data-theme=light] .no-artists h3{color:var(--color-text, #111827)}[data-theme=light] .no-artists p{color:var(--color-text-muted, #6b7280)}[data-theme=light] .dashboard-layout .find-artists-container,[data-theme=light] .dashboard-content .find-artists-container,[data-theme=light] .home-root .find-artists-container,[data-theme=light] .artist-grid .artist-card *,[data-theme=light] .artist-grid .artist-card .artist-card__name,[data-theme=light] .artist-grid .artist-card .artist-card__location,[data-theme=light] .artist-grid .artist-card .artist-card__distance{color:var(--color-text, #111827)}[data-theme=light] .artist-grid .artist-card .artist-card__bio{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .dashboard-content,[data-theme=light] .find-artist-page{color:var(--color-text, #111827)}[data-theme=light] .browse-artists-title{color:var(--color-text, #111827);text-shadow:none}[data-theme=light] .fa-filters label{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .fa-filters input,[data-theme=light] .fa-filters select{background:var(--color-bg-secondary, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .08));color:var(--color-text, #111827)}[data-theme=light] .fa-filters input:focus,[data-theme=light] .fa-filters select:focus{border-color:var(--color-primary, #2563EB);box-shadow:0 0 0 2px var(--color-primary-light, rgba(37, 99, 235, .1))}[data-theme=light] .fa-filters input::placeholder{color:var(--color-text-muted, #6b7280)}[data-theme=light] .location-type-toggle button{background:var(--color-bg-tertiary, #f3f4f6);border:1px solid var(--color-border, rgba(0, 0, 0, .08));color:var(--color-text-muted, #6b7280)}[data-theme=light] .location-type-toggle button:hover:not(.active){background:var(--color-card-hover, #f8f9fa);border-color:var(--color-border-hover, rgba(0, 0, 0, .12))}[data-theme=light] .location-type-toggle button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-color:#2563eb;color:#fff}[data-theme=light] .search-btn{background:var(--color-bg-tertiary, #f3f4f6);border:1px solid var(--color-border, rgba(0, 0, 0, .08));color:var(--color-text, #111827)}[data-theme=light] .search-btn:hover{background:var(--color-card-hover, #f8f9fa);border-color:var(--color-border-hover, rgba(0, 0, 0, .12))}[data-theme=light] .fa-results-grid .artist-card{background:var(--color-card, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .08));box-shadow:0 6px 16px var(--color-shadow, rgba(0, 0, 0, .06))}[data-theme=light] .fa-section-title{color:var(--color-text, #111827);text-shadow:none}[data-theme=light] .no-results{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .no-results p{color:var(--color-text-muted, #6b7280)}[data-theme=light] .results-title{color:var(--color-text, #111827)}[data-theme=light] .results-count{color:var(--color-primary, #2563EB)}[data-theme=light] .home-root:has(.find-artists-container){background:var(--gradient-dashboard, linear-gradient(135deg, #f6f7f9 0%, #ffffff 100%))}[data-theme=light] .page-root{background:var(--gradient-dashboard, linear-gradient(135deg, #f6f7f9 0%, #ffffff 100%))}.appt-modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:1000;padding:1rem;padding-top:env(safe-area-inset-top,1rem);padding-bottom:env(safe-area-inset-bottom,1rem)}[data-theme=light] .appt-modal__backdrop{background:#0006}.appt-modal{width:min(960px,calc(100vw - 2rem));max-height:min(90vh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem));background:var(--color-card);border-radius:12px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border)}.appt-modal--compact{max-width:500px;width:min(500px,calc(100vw - 2rem))}[data-theme=light] .appt-modal{box-shadow:0 20px 60px #00000026}.appt-modal__header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0}.appt-modal__header h2{margin:0;font-size:1.1rem;color:var(--color-text);font-weight:600}.icon-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--color-text-secondary);font-size:1.1rem;line-height:1;padding:.25rem .5rem;border-radius:8px;cursor:pointer;transition:background-color .2s ease}[data-theme=light] .icon-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.icon-btn:hover{background:var(--color-card-hover);color:var(--color-text)}[data-theme=light] .icon-btn:hover{background:#e8e8e8;color:#000}.status-chip{font-size:.75rem;padding:.25rem .5rem;border-radius:.5rem;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.status-requested{background:#3b82f61a;color:var(--color-primary);border:1px solid rgba(59,130,246,.2)}.status-approved{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.status-canceled{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.status-pending{background:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.appt-modal__content{overflow-y:auto;overflow-x:hidden;padding:1rem 1.25rem;min-height:0;flex:1 1 auto;-webkit-overflow-scrolling:touch}.appt-grid{display:grid;grid-template-columns:1.6fr .9fr;gap:1rem;padding-bottom:1rem}@media (max-width: 860px){.appt-grid{grid-template-columns:1fr}}.kv{display:grid;grid-template-columns:160px 1fr;row-gap:.5rem;column-gap:1rem;margin:0 0 1rem}.kv dt{color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.kv dd{margin:0;font-size:.98rem;color:var(--color-text)}.muted{color:var(--color-text-muted);font-size:.9rem}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;padding:.85rem;margin:0 0 1rem}.card.compact .list{margin:.25rem 0 0}.card__title{font-weight:600;margin-bottom:.5rem;color:var(--color-text);font-size:.95rem}.prewrap{white-space:pre-wrap;line-height:1.5;color:var(--color-text)}.thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:.5rem}.thumb{display:block;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none}.thumb:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0003}[data-theme=light] .thumb:hover{box-shadow:0 4px 12px #0000001a}.thumb img{width:100%;height:90px;object-fit:cover;display:block}.party{display:grid;grid-template-columns:44px 1fr;gap:.65rem;align-items:center;margin-bottom:.5rem}.avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.party__name{color:var(--color-text);font-weight:600;font-size:.95rem}.party__role{color:var(--color-text-secondary);font-size:.85rem}.contact{display:grid;gap:.35rem;margin:.5rem 0 .75rem}.contact a{color:var(--color-primary);text-decoration:none;word-break:break-all;font-size:.9rem;transition:color .2s ease}.contact a:hover{text-decoration:underline;color:var(--color-primary-hover)}[data-theme=light] .contact .btn,[data-theme=light] .contact .btn-ghost{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}[data-theme=light] .contact .btn:hover,[data-theme=light] .contact .btn-ghost:hover{background:#e8e8e8;color:#000}.list{list-style:none;padding:0;margin:0}.list li{display:grid;grid-template-columns:1fr auto;padding:.35rem 0;font-size:.95rem;color:var(--color-text);border-bottom:1px solid var(--color-border)}.list li:last-child{border-bottom:none}.list li span{color:var(--color-text-secondary);font-size:.9rem}.list li strong{font-weight:600;color:var(--color-text)}.propose-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.5rem}.propose-row input[type=datetime-local]{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:.5rem .6rem;font-size:.9rem;flex:1;transition:border-color .2s ease}.propose-row input[type=datetime-local]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.appt-modal__footer{position:sticky;bottom:0;display:flex;flex-direction:row;align-items:center;gap:.3rem;padding:.4rem .6rem;background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--color-border);flex-shrink:0;flex-wrap:nowrap;overflow-x:hidden;padding-bottom:max(.4rem,env(safe-area-inset-bottom,0px))}.appt-modal__footer .btn{white-space:nowrap;flex-shrink:1;padding:.3rem .5rem;font-size:.75rem;border-radius:4px;min-width:auto;line-height:1.2}[data-theme=light] .appt-modal__footer .btn,[data-theme=light] .appt-modal__footer .btn-primary,[data-theme=light] .appt-modal__footer .btn-outline{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}[data-theme=light] .appt-modal__footer .btn:hover{background:#e8e8e8;color:#000}@media (max-width: 640px){.appt-modal__footer{flex-wrap:wrap;gap:.4rem}.appt-modal__footer .btn{flex:1 1 auto;min-width:fit-content}}.spacer{flex:1 1 auto}.btn{padding:.55rem .9rem;border-radius:9px;font-weight:600;border:1px solid transparent;background:var(--color-bg-tertiary);color:var(--color-text);cursor:pointer;font-size:.9rem;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;outline:none}[data-theme=light] .btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-light)}.btn:focus:not(:focus-visible){outline:none}.btn:hover{filter:brightness(1.05)}[data-theme=light] .btn:hover{background:#e8e8e8;color:#000;filter:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}[data-theme=light] .btn-primary:hover{background:#e8e8e8;color:#000}.btn-outline{background:transparent;border-color:var(--color-border);color:var(--color-text)}[data-theme=light] .btn-outline,[data-theme=light] .appt-modal .btn-outline,[data-theme=light] .appt-modal__footer .btn-outline{background:#f5f5f5!important;color:#000!important;border-color:var(--color-border)!important}.btn-outline:hover{background:var(--color-card-hover);border-color:var(--color-border-hover)}[data-theme=light] .btn-outline:hover,[data-theme=light] .appt-modal .btn-outline:hover,[data-theme=light] .appt-modal__footer .btn-outline:hover{background:#e8e8e8!important;color:#000!important}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid transparent}[data-theme=light] .btn-ghost,[data-theme=light] .appt-modal .btn-ghost,[data-theme=light] .contact .btn-ghost{background:#f5f5f5!important;color:#000!important;border:1px solid var(--color-border)!important}.btn-ghost:hover{background:var(--color-card-hover)}[data-theme=light] .btn-ghost:hover,[data-theme=light] .appt-modal .btn-ghost:hover,[data-theme=light] .contact .btn-ghost:hover{background:#e8e8e8!important;color:#000!important}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}[data-theme=light] .btn-danger{background:#f5f5f5;color:#000;border-color:var(--color-danger)}.btn-danger:hover{background:#dc2626;border-color:#dc2626}[data-theme=light] .btn-danger:hover{background:#e8e8e8;color:#000;border-color:var(--color-danger)}[data-theme=light] .btn-danger.btn-outline{background:#f5f5f5;color:#000;border-color:var(--color-danger)}[data-theme=light] .btn-danger.btn-outline:hover{background:#e8e8e8;color:#000;border-color:var(--color-danger)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}[data-theme=light] .btn-success{background:#f5f5f5;color:#000;border:1px solid var(--color-success)}.btn-success:hover{background:var(--color-success-hover, #10b981);border-color:var(--color-success-hover, #10b981)}[data-theme=light] .btn-success:hover{background:#e8e8e8;color:#000;border-color:var(--color-success)}.btn:disabled{opacity:.65;cursor:not-allowed;filter:none}.btn:disabled:hover{filter:none}.payment-receive-card{background:var(--color-card);border-color:var(--color-primary)}.payment-receive-text{color:var(--color-text-secondary);font-size:.9rem;line-height:1.5;margin-bottom:.75rem}.payment-receive-amount{color:var(--color-text);font-weight:500;margin-bottom:.75rem}.payment-receive-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.5rem}.payment-copy-feedback{font-size:.82rem;margin:0;color:var(--color-text-muted)}.payment-copy-feedback--copied{color:var(--color-success)}.payment-copy-feedback--error{color:var(--color-danger)}.payment-summary-card{background:var(--color-card);border-color:var(--color-success)}.payment-summary-status{margin:0 0 .35rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text)}.payment-summary-amount{margin:0 0 .25rem;color:var(--color-success)}.payment-summary-time{margin:0;font-size:.85rem;color:var(--color-text-secondary)}.payment-complete-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .75rem;border-radius:999px;background:#22c55e2e;color:#bbf7d0;font-weight:600;font-size:.85rem}@media (max-width: 640px){.appt-modal__backdrop{padding:0;padding-top:max(env(safe-area-inset-top,0px),.25rem);padding-bottom:max(env(safe-area-inset-bottom,0px),.5rem);padding-left:.25rem;padding-right:.25rem;align-items:flex-end}.appt-modal{width:100%;max-height:calc(75vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - .5rem);border-radius:10px;margin-bottom:.5rem}.appt-modal--compact{max-width:100%;width:100%}@supports (height: 100dvh){.appt-modal{max-height:calc(75dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - .5rem)}}.appt-modal__header{padding:.5rem .75rem}.appt-modal__header h2{font-size:.95rem}.appt-modal__content{padding:.5rem .75rem .75rem}.appt-modal__footer{padding:.5rem .75rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom,.5rem));flex-direction:column;align-items:stretch;gap:.4rem;margin-bottom:0}.appt-modal__footer .btn{width:100%;justify-content:center;padding:.4rem .6rem;font-size:.8rem}.card{padding:.6rem;margin:0 0 .6rem;border-radius:8px}.card__title{font-size:.85rem;margin-bottom:.4rem}.kv{grid-template-columns:1fr;gap:.2rem;margin:0 0 .6rem}.kv dt{font-size:.75rem;margin-bottom:.15rem}.kv dd{font-size:.85rem}.muted{font-size:.8rem}.party{gap:.5rem;margin-bottom:.4rem}.avatar{width:36px;height:36px}.party__name{font-size:.85rem}.party__role{font-size:.75rem}.contact{gap:.25rem;margin:.4rem 0 .5rem}.contact a{font-size:.8rem}.list li{padding:.25rem 0;font-size:.85rem}.list li span{font-size:.8rem}.status-chip{font-size:.65rem;padding:.2rem .4rem}.btn{padding:.4rem .6rem;font-size:.8rem;border-radius:6px}.icon-btn{font-size:.95rem;padding:.2rem .4rem}.propose-row{flex-direction:column;align-items:stretch;gap:.4rem}.propose-row input[type=datetime-local]{padding:.4rem .5rem;font-size:.8rem}.thumbs{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:.4rem}.thumb img{height:60px}.appt-grid{gap:.6rem;padding-bottom:.6rem}.prewrap{font-size:.85rem;line-height:1.4}.payment-receive-text{font-size:.8rem;margin-bottom:.5rem}.payment-receive-amount{font-size:.9rem;margin-bottom:.5rem}.payment-receive-actions{gap:.4rem;margin-bottom:.4rem}.payment-summary-status{font-size:.8rem;margin-bottom:.25rem}.payment-summary-amount{font-size:.9rem}.payment-summary-time{font-size:.75rem}.payment-complete-badge{font-size:.75rem;padding:.35rem .6rem}.payment-copy-feedback{font-size:.75rem}.payment-summary{padding:.75rem;margin-bottom:.75rem}.payment-summary h4{font-size:.9rem;margin-bottom:.75rem}.payment-summary .payment-row{margin-bottom:.5rem}.payment-total{font-size:.9rem;padding-top:.75rem;margin-top:.75rem}.receipt-summary{padding:.75rem;margin-bottom:.75rem}.receipt-summary h4{font-size:.9rem;margin-bottom:.75rem}.receipt-row{margin-bottom:.5rem;padding-bottom:.5rem}.receipt-label{font-size:.75rem}.receipt-value{font-size:.85rem}.receipt-amount{font-size:.95rem}.payment-details{padding:.75rem;margin-bottom:.75rem}.payment-label{font-size:.75rem}.payment-value{font-size:.85rem}.payment-amount{font-size:.95rem}.payment-method-btn{padding:.75rem}.payment-method-title{font-size:.85rem}.payment-method-subtitle{font-size:.75rem}.payment-method-icon{font-size:20px;margin-right:.75rem}}.appt-modal__backdrop:focus-within{outline:none}.appt-modal__backdrop:focus-within .appt-modal{outline:2px solid #3b82f6;outline-offset:2px}.appt-modal{animation:modalAppear .2s ease-out}.btn.loading{position:relative;color:transparent}.btn.loading:after{content:"";position:absolute;width:16px;height:16px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.custom-badge{display:inline-block;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.375rem;text-transform:uppercase;letter-spacing:.05em;margin-right:.5rem}.text-success{color:#10b981!important}.text-warning{color:#f59e0b!important}.text-muted{color:#9ca3af!important}.pricing-form{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.form-group:last-of-type{margin-bottom:0}.form-group label{font-size:.9rem;font-weight:600;color:var(--color-text)}[data-theme=light] .form-group label{color:#000!important;font-weight:600}.form-group input,.form-group textarea{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:.5rem .6rem;font-size:.9rem;transition:border-color .2s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-group select{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;padding:.5rem 2.5rem .5rem .6rem;font-size:.9rem;transition:border-color .2s ease;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#60a5fa 50%),linear-gradient(135deg,#60a5fa 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat}[data-theme=light] .form-group select{background-image:linear-gradient(45deg,transparent 50%,#000000 50%),linear-gradient(135deg,#000000 50%,transparent 50%)}.form-group select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.form-group select option{background:var(--color-card);color:var(--color-text)}[data-theme=light] .form-group select option{background:#fff;color:#000}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:.75rem;justify-content:flex-end;padding-top:.5rem;border-top:1px solid var(--color-border)}@media (max-width: 640px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;z-index:1001;display:flex;align-items:center;justify-content:center;padding:20px}.modal-content{position:relative;z-index:1002}.modal-close{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}[data-theme=light] .modal-close{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}[data-theme=light] .modal-close:hover{background:#e8e8e8;color:#000}.set-quote-modal{max-width:500px;width:90vw;background:var(--color-card);border:1px solid var(--color-border);border-radius:14px;box-shadow:0 20px 50px #0000004d;padding:1.5rem;overflow:hidden}[data-theme=light] .set-quote-modal{box-shadow:0 20px 50px #00000026;background:var(--color-card)}.set-quote-modal .modal-header{padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:var(--color-bg-secondary);display:flex;justify-content:space-between;align-items:center;margin:-1.5rem -1.5rem 20px}[data-theme=light] .set-quote-modal .modal-header{border-bottom:1px solid var(--color-border);background:#f5f5f5}.set-quote-modal .modal-header h3{margin:0;padding-top:15px;font-size:1.6rem;font-weight:600;color:#fff}[data-theme=light] .set-quote-modal .modal-header h3{color:#000}.set-quote-form{padding:1.5rem;background:var(--color-bg-secondary)}[data-theme=light] .set-quote-form{background:var(--color-bg)}.set-quote-form .form-group{margin-bottom:1.5rem}.set-quote-form .form-group:last-of-type{margin-bottom:1rem}.set-quote-form label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text);font-size:.9rem}[data-theme=light] .set-quote-form label,[data-theme=light] .set-quote-form .form-group label{color:#000!important;font-weight:600!important;opacity:1!important}.set-quote-form input,.set-quote-form select,.set-quote-form textarea{width:100%;padding:.75rem;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:.95rem;transition:border-color .2s ease}[data-theme=light] .set-quote-form input,[data-theme=light] .set-quote-form select,[data-theme=light] .set-quote-form textarea{background:#fff!important;color:#000!important;border:1px solid var(--color-border)!important}[data-theme=light] .set-quote-form input::placeholder,[data-theme=light] .set-quote-form textarea::placeholder{color:#666!important}.set-quote-form input::placeholder,.set-quote-form textarea::placeholder{color:var(--color-text-muted)}.set-quote-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#60a5fa 50%),linear-gradient(135deg,#60a5fa 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:2.5rem}[data-theme=light] .set-quote-form select{background-image:linear-gradient(45deg,transparent 50%,#000000 50%),linear-gradient(135deg,#000000 50%,transparent 50%)}.set-quote-form input:focus,.set-quote-form select:focus,.set-quote-form textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.set-quote-form textarea{resize:vertical;min-height:80px}.set-quote-form .form-group select option{background:var(--color-card);color:var(--color-text)}[data-theme=light] .set-quote-form .form-group select option{background:#fff;color:#000}.set-quote-form .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}[data-theme=light] .set-quote-form .form-actions .btn,[data-theme=light] .set-quote-form .form-actions .btn-primary,[data-theme=light] .set-quote-form .form-actions .btn-outline{background:#f5f5f5!important;color:#000!important;border:1px solid var(--color-border)!important}[data-theme=light] .set-quote-form .form-actions .btn:hover,[data-theme=light] .set-quote-form .form-actions .btn-primary:hover,[data-theme=light] .set-quote-form .form-actions .btn-outline:hover{background:#e8e8e8!important;color:#000!important}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-danger);padding:.75rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem}.payment-method-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.payment-method-btn{display:flex;align-items:center;padding:16px;border:2px solid var(--color-border);border-radius:8px;background:var(--color-card);color:var(--color-text);cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.payment-method-btn:hover{border-color:var(--color-border-hover);background:var(--color-card-hover)}.payment-method-btn--stripe{border-color:var(--color-primary);background:var(--color-primary-light)}[data-theme=light] .payment-method-btn--stripe{background:#f5f5f5;color:#000;border-color:var(--color-primary)}.payment-method-btn--stripe:hover{border-color:var(--color-primary-hover);background:var(--color-primary-light)}[data-theme=light] .payment-method-btn--stripe:hover{background:#e8e8e8;color:#000}.payment-method-btn--cash{border-color:var(--color-border);background:var(--color-card)}[data-theme=light] .payment-method-btn--cash{background:#f5f5f5;color:#000;border-color:var(--color-border)}.payment-method-btn--cash:hover{border-color:var(--color-border-hover);background:var(--color-card-hover)}[data-theme=light] .payment-method-btn--cash:hover{background:#e8e8e8;color:#000}.payment-method-icon{font-size:24px;margin-right:12px;flex-shrink:0}.payment-method-content{flex:1}.payment-method-title{font-weight:600;font-size:16px;margin-bottom:4px}.payment-method-subtitle{font-size:14px;opacity:.8;color:var(--color-text-secondary)}.payment-method-btn--stripe .payment-method-subtitle{color:var(--color-primary)}.payment-method-btn--cash .payment-method-subtitle{color:var(--color-text-secondary)}.payment-required-card{border:2px solid var(--color-primary);background:var(--color-primary-light)}.payment-required-subtitle{color:var(--color-text-secondary);font-size:14px;margin-bottom:16px;line-height:1.4}.payment-details{background:var(--color-bg-tertiary);border-radius:8px;padding:16px;margin-bottom:20px}.payment-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.payment-label{color:var(--color-text);font-size:14px}.payment-value{color:var(--color-text);font-weight:600}.payment-amount{color:var(--color-success);font-size:18px;font-weight:700}.payment-actions{display:flex;gap:12px}.payment-btn{flex:1;background:var(--color-success);border-color:var(--color-success)}[data-theme=light] .payment-btn{background:#f5f5f5;color:#000;border-color:var(--color-success)}.payment-btn:hover{background:#059669;border-color:#059669}[data-theme=light] .payment-btn:hover{background:#e8e8e8;color:#000;border-color:var(--color-success)}.receipt-btn{width:100%;justify-content:center}.payment-summary{background:var(--color-card);border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid var(--color-border)}.payment-summary h4{color:var(--color-text);margin-bottom:16px;font-size:18px}.payment-summary .payment-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.payment-summary .payment-row span{color:var(--color-text)}.payment-summary .payment-row:last-child{margin-bottom:0}.payment-total{border-top:1px solid var(--color-border);padding-top:12px;margin-top:12px;font-weight:700;font-size:16px}.payment-summary .payment-total span{color:var(--color-text)}.receipt-summary{background:var(--color-card);border-radius:8px;padding:20px;margin-bottom:20px;border:1px solid var(--color-border)}.receipt-summary h4{color:var(--color-text);margin-bottom:16px;font-size:18px}.receipt-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.receipt-row:last-child{border-bottom:none;margin-bottom:0}.receipt-label{color:var(--color-text-secondary);font-size:14px}.receipt-value{color:var(--color-text);font-weight:600;text-align:right}.receipt-amount{color:var(--color-success);font-size:18px;font-weight:700}.receipt-transaction{font-family:monospace;font-size:12px;color:var(--color-text-muted)}.payment-method-selection{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.payment-method-btn{display:flex;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px;background:#1a1b1f!important;color:#fff;cursor:pointer;transition:all .2s ease;width:100%;text-align:left;position:relative;overflow:hidden}.payment-method-btn:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4c8eff1a,#4c8eff0d);opacity:0;transition:opacity .2s ease}[data-theme=light] .payment-method-btn{background:var(--color-card, #ffffff)!important;color:#000;border:1px solid var(--color-border, rgba(0, 0, 0, .08))!important}.payment-method-btn:hover{border-color:#4c8eff!important;transform:translateY(-2px);box-shadow:0 4px 12px #4c8eff26}.payment-method-btn:hover:before{opacity:1}[data-theme=light] .payment-method-btn:hover{background:var(--color-bg-tertiary, #f3f4f6)!important;border-color:var(--color-primary, #2563eb)!important;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26}.payment-method-btn--primary{border:1px solid #4c8eff!important;background:linear-gradient(135deg,#4c8eff1a,#4c8eff0d)!important;box-shadow:0 4px 12px #4c8eff33}.payment-method-btn--primary:before{opacity:1}[data-theme=light] .payment-method-btn--primary{background:linear-gradient(135deg,#2563eb1a,#2563eb0d)!important;color:#000;border-color:#2563eb4d!important;box-shadow:0 4px 12px #2563eb33}.payment-method-btn--primary:hover{border-color:#4c8eff!important;transform:translateY(-2px);box-shadow:0 4px 12px #4c8eff40}[data-theme=light] .payment-method-btn--primary:hover{background:linear-gradient(135deg,#2563eb26,#2563eb14)!important;border-color:var(--color-primary, #2563eb)!important;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb40}.payment-method-btn--secondary{border:1px solid rgba(255,255,255,.1)!important;background:#1a1b1f!important}[data-theme=light] .payment-method-btn--secondary{background:var(--color-card, #ffffff)!important;color:#000;border:1px solid var(--color-border, rgba(0, 0, 0, .08))!important}.payment-method-btn--secondary:hover{border-color:#4c8eff!important;transform:translateY(-2px);box-shadow:0 4px 12px #4c8eff26}.payment-method-btn--secondary:hover:before{opacity:1}[data-theme=light] .payment-method-btn--secondary:hover{background:var(--color-bg-tertiary, #f3f4f6)!important;border-color:var(--color-primary, #2563eb)!important;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26}.payment-method-icon{font-size:24px;margin-right:12px;min-width:32px;position:relative;z-index:1}.payment-method-text{flex:1;position:relative;z-index:1}.payment-method-title{font-weight:600;font-size:16px;margin-bottom:2px;color:#fff}[data-theme=light] .payment-method-title{color:#000}.payment-method-subtitle{font-size:14px;opacity:.7;color:#ffffffb3}[data-theme=light] .payment-method-subtitle{color:#0009}.rating-form{display:flex;flex-direction:column;gap:1.5rem;padding:0}.rating-section{text-align:center;padding:0}.rating-label{display:block;font-size:1rem;font-weight:600;color:#dfe5ff;margin-bottom:1rem}.rating-stars{display:flex;justify-content:center;gap:.5rem;margin-bottom:.75rem}.star{background:none;border:none;font-size:2.25rem;color:#4a5568;cursor:pointer;transition:all .2s ease;padding:.25rem;border-radius:4px;outline:none;line-height:1}.star:hover{color:#fbbf24;transform:scale(1.1)}.star:focus{box-shadow:0 0 0 3px #fbbf244d}.rating-text{font-size:.95rem;font-weight:500;color:#cbd6ff;margin:0}.review-section{display:flex;flex-direction:column;gap:.5rem;padding:0}.review-label{font-size:.9rem;font-weight:600;color:#dfe5ff}.review-textarea{width:100%;min-height:120px;padding:.75rem;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#181d2a;color:#e6e9f5;font-size:.95rem;font-family:inherit;resize:vertical;transition:border-color .2s ease}.review-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.review-textarea::placeholder{color:#6b7280}.character-count{font-size:.85rem;color:#9aa7cf;text-align:right}.image-section{display:flex;flex-direction:column;gap:.5rem;padding:0}.image-label{font-size:.9rem;font-weight:600;color:#dfe5ff}.image-input{width:100%;padding:.75rem;border:2px dashed rgba(255,255,255,.1);border-radius:8px;background:#181d2a;color:#e6e9f5;font-size:.9rem;cursor:pointer;transition:border-color .2s ease}.image-input:hover{border-color:#3b82f6;background:#1f2532}.image-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.image-preview{position:relative;display:inline-block;max-width:250px;margin-top:.5rem;border-radius:8px;overflow:hidden}.preview-image{width:100%;height:auto;border-radius:8px;border:1px solid rgba(255,255,255,.1);display:block}.remove-image{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border-radius:50%;background:#ef4444;color:#fff;border:2px solid #1b1f28;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;line-height:1}.remove-image:hover{background:#dc2626}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:.75rem;border-radius:8px;font-size:.9rem;text-align:center}@media (max-width: 640px){.rating-form{gap:1.25rem}.rating-section{padding:.75rem 0}.star{font-size:1.75rem}.image-preview{max-width:200px}.review-textarea{min-height:100px}}.receipt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1600;padding:1rem}.receipt-modal{background:#1c1e22;color:#dadada;border-radius:12px;width:480px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #000c,0 0 0 1px #ffffff0d;animation:modalSlideIn .2s ease-out}.receipt-header{padding:2rem 2rem 1rem;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.receipt-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.receipt-subtitle{color:#dadada;font-size:.9rem;margin:0;opacity:.8}.receipt-section{padding:1.5rem 2rem}.receipt-section h3{color:#fff;font-size:1.1rem;font-weight:700;margin:0 0 1rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.5rem}.receipt-info-grid{display:flex;flex-direction:column;gap:1rem}.info-item{display:flex;align-items:center;gap:.75rem}.avatar-container{flex-shrink:0}.avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.avatar-placeholder{width:40px;height:40px;border-radius:50%;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem}.info-details{display:flex;flex-direction:column;gap:.25rem}.info-label{font-size:.8rem;color:#9ca3af;font-weight:500}.info-value{color:#dadada;font-weight:500}.payment-table{display:flex;flex-direction:column;gap:.75rem}.payment-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.payment-label{color:#9ca3af;font-size:.9rem;font-weight:500}.payment-value{color:#dadada;font-weight:600;text-align:right}.payment-total{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:.75rem 0;margin:.5rem 0}.payment-total .payment-label{color:#fff;font-weight:700;font-size:1rem}.payment-total .payment-value{color:#fff;font-weight:700;font-size:1.1rem}.payment-status{color:#22c55e;font-weight:600}.payment-transaction{color:#9ca3af;font-size:.8rem;font-family:monospace;word-break:break-all}.receipt-footer{padding:1rem 2rem 2rem;display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(255,255,255,.1)}.receipt-download-error{flex-basis:100%;margin:0;font-size:.85rem;color:#f87171;text-align:right}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;min-width:120px}.btn-primary:hover{background:#1d4ed8;transform:translateY(-1px)}.btn-secondary:hover{background:#3a3d44;border-color:#fff3}.receipt-loading{padding:3rem 2rem;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #2563EB;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.receipt-error{padding:2rem;text-align:center}.receipt-error h2{color:#fff;margin:0 0 1rem}.receipt-error p{color:#dadada;margin:0 0 1.5rem}@media (max-width: 640px){.receipt-modal{width:100%;max-width:100vw;margin:0;border-radius:0;max-height:100vh}.receipt-modal-overlay{padding:0}.receipt-header{padding:1.5rem 1rem 1rem}.receipt-section{padding:1rem}.receipt-footer{padding:1rem;flex-direction:column}.btn{width:100%}.payment-row{flex-direction:column;align-items:flex-start;gap:.25rem}.payment-value{text-align:left}}@media (max-width: 768px) and (min-width: 641px){.receipt-modal{width:95vw;max-width:600px}}.payment-options-modal{max-width:500px;width:90vw}.payment-options{display:flex;flex-direction:column;gap:24px}.payment-amount{font-size:1.25rem;font-weight:600;color:var(--color-text);text-align:center;margin:0;padding:16px;background:var(--color-background-hover);border-radius:8px;border:2px solid var(--color-primary)}.payment-methods{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-method-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 16px;border:2px solid var(--color-border);border-radius:12px;background:var(--color-background);color:var(--color-text);cursor:pointer;transition:all .2s ease;text-align:center;min-height:120px}[data-theme=light] .payment-method-btn{background:#f5f5f5;color:#000;border:2px solid var(--color-border)}.payment-method-btn:hover{border-color:var(--color-primary);background:var(--color-background-hover);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}[data-theme=light] .payment-method-btn:hover{background:#e8e8e8;color:#000}.payment-method-btn:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.method-icon{font-size:2rem;line-height:1}.method-text{font-size:1rem;font-weight:600;color:var(--color-text)}.method-subtitle{font-size:.875rem;color:var(--color-text-muted);line-height:1.2}.cash-btn{border-color:#10b981}[data-theme=light] .cash-btn{background:#f5f5f5;color:#000}.cash-btn:hover{border-color:#059669;background:#10b9810d}[data-theme=light] .cash-btn:hover{background:#e8e8e8;color:#000}.card-btn{border-color:#3b82f6}[data-theme=light] .card-btn{background:#f5f5f5;color:#000}.card-btn:hover{border-color:#2563eb;background:#3b82f60d}[data-theme=light] .card-btn:hover{background:#e8e8e8;color:#000}.apple-btn{border-color:#000}[data-theme=light] .apple-btn{background:#f5f5f5;color:#000}.apple-btn:hover{border-color:#374151;background:#0000000d}[data-theme=light] .apple-btn:hover{background:#e8e8e8;color:#000}.google-btn{border-color:#4285f4}[data-theme=light] .google-btn{background:#f5f5f5;color:#000}.google-btn:hover{border-color:#1a73e8;background:#4285f40d}[data-theme=light] .google-btn:hover{background:#e8e8e8;color:#000}@media (max-width: 640px){.payment-options-modal{width:95vw;margin:10px}.payment-methods{grid-template-columns:1fr;gap:8px}.payment-method-btn{min-height:100px;padding:16px 12px}.method-icon{font-size:1.5rem}.method-text{font-size:.9rem}.method-subtitle{font-size:.8rem}}.deposit-status-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-size:.875rem;font-weight:600;line-height:1.25rem;white-space:nowrap;transition:all .2s ease}.deposit-status-badge__icon{font-size:.875rem;line-height:1}.deposit-status-badge__label{font-size:.875rem;font-weight:600}.deposit-status-badge--on-hold{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.deposit-status-badge--released{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.deposit-status-badge--refunded{background:#3b82f626;color:#3b82f6;border:1px solid rgba(59,130,246,.3)}.deposit-status-badge:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){.deposit-status-badge--on-hold{background:#fbbf24;color:#000;border:2px solid #000}.deposit-status-badge--released{background:#22c55e;color:#000;border:2px solid #000}.deposit-status-badge--refunded{background:#3b82f6;color:#fff;border:2px solid #000}}.booking-logs{background:var(--color-bg-secondary);border-radius:.5rem;padding:1rem;margin-top:1rem;border:1px solid var(--color-border)}.booking-logs__header{margin-bottom:1rem}.booking-logs__header h3{font-size:1rem;font-weight:600;color:var(--color-text);margin:0}.booking-logs__list{display:flex;flex-direction:column;gap:.75rem}.booking-logs__entry{padding:.75rem;background:var(--color-card);border-radius:.375rem;border:1px solid var(--color-border)}.booking-logs__entry-date{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.booking-logs__entry-action{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.25rem}.booking-logs__entry-action-label{font-size:.875rem;font-weight:600;color:var(--color-text)}.booking-logs__entry-amount{font-size:.875rem;font-weight:600;color:var(--color-success)}.booking-logs__entry-performed-by{font-size:.75rem;color:var(--color-text-muted);margin-bottom:.25rem}.booking-logs__entry-details{font-size:.75rem;color:var(--color-text-secondary);margin-top:.25rem}.booking-logs__empty{text-align:center;padding:2rem;color:var(--color-text-muted)}@media (max-width: 640px){.booking-logs{padding:.75rem}.booking-logs__entry{padding:.5rem}.booking-logs__entry-action{flex-direction:column;align-items:flex-start;gap:.25rem}}@media (prefers-contrast: high){.booking-logs__entry{border:2px solid var(--color-border)}.booking-logs__entry-action-label{color:var(--color-text)}.booking-logs__entry-amount{color:var(--color-success)}}.booking-logs__entry:focus{outline:2px solid var(--color-primary);outline-offset:2px}.receive-payment__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#05070bd9;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1000}.receive-payment__container{position:relative;width:100%;max-width:400px;background:#181b21;border-radius:1.25rem;padding:1.5rem;box-shadow:0 25px 60px #00000073;color:#f3f4f6;outline:none}.receive-payment__close{position:absolute;top:14px;right:14px;background:none;color:#9ca3af;border:none;font-size:1.5rem;line-height:1;cursor:pointer;transition:color .2s ease}.receive-payment__close:hover,.receive-payment__close:focus{color:#f3f4f6}.receive-payment__header{text-align:center;margin-bottom:1.5rem}.receive-payment__header h2{margin:0 0 .5rem;font-size:1.5rem;color:#f9fafb}.receive-payment__header p{margin:0;font-size:.95rem;color:#9ca3af}.receive-payment__amount{margin-top:.75rem;font-size:1rem;color:#cbd5f5}.receive-payment__content{display:flex;flex-direction:column;align-items:center;gap:1rem}.receive-payment__qr-wrapper{background:#fff;padding:1rem;border-radius:1rem;border:1px solid rgba(148,163,184,.25);display:inline-flex;justify-content:center;align-items:center}.receive-payment__copy{width:100%;padding:.75rem 1rem;border-radius:.75rem;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;font-weight:600;border:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.receive-payment__copy:hover,.receive-payment__copy:focus{transform:translateY(-1px);box-shadow:0 10px 18px #2563eb59}.receive-payment__status{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.85rem 1rem;border-radius:.75rem;background:#3b82f61f;color:#bfdbfe;font-weight:500}.receive-payment__status--paid{background:#22c55e1f;color:#86efac}.receive-payment__spinner{width:1.1rem;height:1.1rem;border-radius:50%;border:2px solid rgba(191,219,254,.3);border-top-color:#bfdbfe;animation:receivePaymentSpin .85s linear infinite}.receive-payment__status-icon{font-size:1.25rem}.receive-payment__hint{font-size:.85rem;color:#9ca3af;text-align:center}@keyframes receivePaymentSpin{to{transform:rotate(360deg)}}@media (max-width: 520px){.receive-payment__container{padding:1.25rem;border-radius:1rem}.receive-payment__header h2{font-size:1.35rem}.receive-payment__copy{font-size:.95rem}}.appointments-header{display:flex;flex-direction:column;gap:16px;background:var(--color-card);border-radius:10px;padding:20px;margin-bottom:20px;border:1px solid var(--color-border)}.appointments-header__top{display:flex;justify-content:space-between;align-items:center;gap:16px;position:relative}.appointments-header__title{margin:0;font-size:1.75rem;font-weight:600;color:var(--color-text)}.appointments-settings-btn{background:none;border:none;color:var(--color-text);cursor:pointer;padding:8px;border-radius:6px;transition:background .2s ease;display:flex;align-items:center;justify-content:center;min-height:40px;min-width:40px;flex-shrink:0}[data-theme=light] .appointments-settings-btn{color:#000}.appointments-settings-btn:hover{background:#3b82f61a}[data-theme=light] .appointments-settings-btn:hover{background:#2563eb1a}.appointments-settings-btn svg{font-size:1.2rem}.tab-row{display:flex;gap:24px;border-bottom:2px solid var(--color-border);padding-bottom:8px;overflow-x:auto}.tab-btn{background:transparent;border:none;color:var(--color-text-secondary);font-size:.95rem;font-weight:500;padding:8px 0;position:relative;cursor:pointer;transition:color .3s ease;white-space:nowrap}[data-theme=light] .tab-btn{background:#f5f5f5;color:#000;border-radius:6px;padding:8px 16px;margin-right:4px}.tab-btn:hover{color:var(--color-text)}[data-theme=light] .tab-btn:hover{background:#e8e8e8;color:#000}.tab-btn.active{color:var(--color-primary)}[data-theme=light] .tab-btn.active{background:#f5f5f5;color:#000}.tab-btn.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:2px}.tab-count{background:var(--color-bg-tertiary);color:var(--color-text-muted);font-size:.8rem;padding:2px 6px;border-radius:6px;margin-left:6px}.tab-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 6px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary, #2563eb);color:#fff;border-radius:9px;font-size:11px;font-weight:600;line-height:1;white-space:nowrap;z-index:10;box-shadow:0 2px 4px #0003}[data-theme=light] .tab-badge,[data-theme=dark] .tab-badge{background-color:var(--color-primary, #2563eb);color:#fff}@media (max-width: 768px){.tab-badge{min-width:16px;height:16px;font-size:10px;padding:0 5px;top:-3px;right:-3px}}.appointments-header__controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.search-bar{display:flex;align-items:center;background:var(--color-card);border-radius:8px;padding:8px 12px;border:1px solid var(--color-border);max-width:320px}.appointments-header__controls .search-bar{flex:1 1 240px}.search-bar input{background:transparent;border:none;outline:none;color:var(--color-text);width:100%;font-size:.95rem;padding-right:30px}.search-icon{color:var(--color-text-muted);font-size:1rem;margin-left:-24px;pointer-events:none}.search-bar input::placeholder{color:var(--color-text-muted)}.sort-select{display:flex;align-items:center;background:var(--color-card);border-radius:8px;border:1px solid var(--color-border);padding:8px 12px;color:var(--color-text)}.sort-select select{background:transparent;border:none;outline:none;color:inherit;font-size:.95rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:16px;cursor:pointer}.sort-select select option{background:var(--color-card);color:var(--color-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media (max-width: 768px){.appointments-header{padding:16px;gap:12px}.appointments-header__top{flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.appointments-settings-btn{flex-shrink:0;margin-left:auto}.tab-row{gap:16px;overflow-x:auto}.appointments-header__controls{flex-direction:column;align-items:stretch}.search-bar{max-width:100%}.appointments-header__controls .search-bar{flex:none;width:100%}.sort-select{width:100%}}.appointments-page{background:var(--color-bg);color:var(--color-text);min-height:100vh;width:100%;display:flex;flex-direction:column}.appointments-page .appointments__content{width:100%;flex:1;display:flex;flex-direction:column;gap:2rem;padding:2rem;box-sizing:border-box}.appointments-page .appointments__header{text-align:center;margin-bottom:2rem}.appointments-page .appointments__tabs{display:flex;gap:1rem;margin-bottom:1.5rem}.appointments-page .appointments__filters{background:var(--color-card);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2rem}.appointments-page .appointments__list{background:var(--color-card);border-radius:var(--radius-md);padding:1.5rem}.appointments-page .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:var(--color-text-muted)}.appointments-page .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.appointments-page .error-message{background:var(--color-danger);background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-danger);padding:1rem;border-radius:var(--radius-md);margin-bottom:1rem;text-align:center}@media (max-width: 1024px){.appointments-page .appointments__content{padding:1.5rem;gap:1.5rem}}@media (max-width: 768px){.appointments-page .appointments__content{padding:1rem;gap:1rem}.appointments-page .appointments__tabs{flex-wrap:wrap;gap:.5rem}.appointments-page .appointments__filters,.appointments-page .appointments__list{padding:1rem}}@media (max-width: 480px){.appointments-page .appointments__content{padding:.75rem;gap:.75rem}.appointments-page .appointments__filters,.appointments-page .appointments__list{padding:.75rem}}.appointments-container{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:8px;padding:0 10px;max-width:1200px;margin:0}.appointments-container .appointment-card{background:var(--color-card)!important;border-radius:12px!important;padding:20px!important;display:flex!important;flex-direction:column!important;gap:15px!important;box-shadow:0 2px 8px #0000001a!important;transition:transform .2s ease,box-shadow .2s ease!important;cursor:pointer!important;flex:1 1 320px!important;max-width:400px!important;min-width:300px!important;border:1px solid var(--color-border)!important}[data-theme=light] .appointments-container .appointment-card{box-shadow:0 2px 8px #0000000f!important}.appointments-container .appointment-card .card-content{display:none!important}.appointment-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}[data-theme=light] .appointment-card:hover{box-shadow:0 4px 12px #0000001a}.appointments-container .appointment-header{display:flex!important;justify-content:flex-end!important}.status-badge{padding:5px 10px;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.pending{background:#3b82f61a;color:var(--color-primary);border:1px solid rgba(59,130,246,.2)}.status-badge.confirmed{background:#10b9811a;color:var(--color-success);border:1px solid rgba(16,185,129,.2)}.status-badge.completed{background:#6b72801a;color:var(--color-text-muted);border:1px solid rgba(107,114,128,.2)}.status-badge.canceled{background:#ef44441a;color:var(--color-danger);border:1px solid rgba(239,68,68,.2)}.status-badge.past{background:#6b72801a;color:var(--color-text-muted);border:1px solid rgba(107,114,128,.2)}.appointments-container .appointment-body{display:flex!important;align-items:center!important;gap:15px!important}.artist-avatar{width:70px;height:70px;border-radius:50%;object-fit:cover;border:2px solid var(--color-border);flex-shrink:0}.artist-avatar.avatar-placeholder{background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-text);font-size:1.5rem;border:2px solid var(--color-border)}.appointments-container .appointment-info{flex:1!important;min-width:0!important}.appointment-info h3{font-size:1.1rem;margin:0 0 4px;color:var(--color-text);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.appointment-info p{margin:2px 0;color:var(--color-text-secondary);font-size:.9rem}.artist-role{font-size:.8rem!important;color:var(--color-text-muted)!important;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.service-name{font-weight:600;color:var(--color-text);font-size:.95rem}.appointment-datetime{font-size:.9rem;color:var(--color-text-secondary);font-weight:500}.appointment-price{color:var(--color-primary);font-weight:600;font-size:1rem;margin-top:4px}.appointments-container .appointment-footer{display:flex!important;justify-content:flex-end!important;margin-top:10px!important}.view-btn{background:var(--color-primary);color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;transition:background .3s ease;font-size:.9rem;font-weight:500;min-width:120px}.view-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.view-btn:active{transform:translateY(0)}@media (min-width: 1200px){.appointments-container{gap:12px}}@media (max-width: 768px){.appointments-container{flex-direction:column;align-items:center;gap:12px;padding:0 10px}.appointment-card{width:90%;max-width:none;min-width:auto}.appointment-body{gap:12px}.artist-avatar{width:60px;height:60px}.appointment-info h3{font-size:1rem}.view-btn{width:100%;padding:12px 20px}}@media (max-width: 480px){.appointments-container{padding:0 5px;gap:10px}.appointment-card{width:95%;padding:15px}.artist-avatar{width:50px;height:50px}.appointment-info h3{font-size:.95rem}.appointment-info p{font-size:.85rem}}@media (min-width: 1200px){.appointments-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:12px;justify-content:start}.appointment-card{max-width:none;min-width:auto}}.appointment-list-empty{display:flex;justify-content:center;align-items:center;min-height:400px;padding:40px 20px}.empty-state{text-align:center;max-width:400px}.empty-icon{font-size:4rem;margin-bottom:20px;opacity:.5;color:var(--color-text-muted)}.empty-state h3{font-size:1.5rem;color:var(--color-text);margin-bottom:10px;font-weight:600}.empty-state p{color:var(--color-text-secondary);margin-bottom:30px;line-height:1.5}.empty-actions{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.empty-actions .btn{padding:10px 20px;background:var(--color-primary);color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:background .3s ease}[data-theme=light] .empty-actions .btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.empty-actions .btn:hover{background:var(--color-primary-hover)}[data-theme=light] .empty-actions .btn:hover{background:#e8e8e8;color:#000}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:var(--color-text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.appointment-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.view-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast: high){.appointment-card{border:2px solid var(--color-border)}.status-badge{border:1px solid currentColor}.view-btn{border:2px solid currentColor}}@media (prefers-reduced-motion: reduce){.appointment-card,.view-btn,.loading-spinner{transition:none;animation:none}}.appointments-settings-modal{max-width:600px;width:90%}.appointments-settings-modal .modal__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px}.appointments-settings-modal .modal__header h2{margin:0 0 4px;font-size:1.5rem;font-weight:600;color:var(--color-text)}.appointments-settings-modal .modal__subtitle{margin:0;font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.appointments-settings-modal .modal__body{min-height:200px;padding:1.25rem 1.5rem}.appointments-settings-modal .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:var(--color-text-muted)}.appointments-settings-modal .loading-spinner{width:32px;height:32px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}.appointments-settings-modal .settings-content{display:flex;flex-direction:column;gap:24px}.appointments-settings-modal .setting-row{display:flex;gap:20px;align-items:flex-start;padding:20px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;transition:background .2s ease,border-color .2s ease}.appointments-settings-modal .setting-row:hover{background:var(--color-bg-tertiary);border-color:var(--color-primary)}.appointments-settings-modal .setting-info{flex:1;display:flex;flex-direction:column;gap:8px}.appointments-settings-modal .setting-label{font-size:1rem;font-weight:600;color:var(--color-text);margin:0;cursor:pointer}.appointments-settings-modal .setting-description{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.appointments-settings-modal .setting-control{flex-shrink:0;display:flex;align-items:center}.toggle-switch{position:relative;display:inline-block;width:48px;height:26px;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-border);transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-primary)}.toggle-switch input:focus+.toggle-slider{box-shadow:0 0 0 3px #2563eb33}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:disabled+.toggle-slider{opacity:.6;cursor:not-allowed}.appointments-settings-modal .error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:var(--color-danger);padding:12px 16px;border-radius:8px;font-size:.875rem;margin-top:8px}.appointments-settings-modal .settings-section{display:flex;flex-direction:column;gap:16px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.appointments-settings-modal .settings-section:last-of-type{border-bottom:none;padding-bottom:0}.appointments-settings-modal .settings-section-title{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--color-border)}.currency-input-wrapper{display:flex;align-items:center;background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:0 12px;min-width:120px}.currency-symbol{color:var(--color-text-secondary);font-weight:500;margin-right:4px}.currency-input{flex:1;background:transparent;border:none;outline:none;color:var(--color-text);font-size:.95rem;padding:10px 0;width:100%}.currency-input::placeholder{color:var(--color-text-muted)}.currency-input:focus{outline:none}.currency-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.currency-input:disabled{opacity:.6;cursor:not-allowed}.help-text{font-size:.75rem;color:var(--color-text-muted);margin-top:4px}.setting-select{background:var(--color-card);border:1px solid var(--color-border);border-radius:8px;padding:10px 36px 10px 12px;color:var(--color-text);font-size:.95rem;min-width:180px;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' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.setting-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.setting-select:disabled{opacity:.6;cursor:not-allowed}.setting-select option{background:var(--color-card);color:var(--color-text)}@media (max-width: 768px){.appointments-settings-modal{width:95%;max-width:none}.appointments-settings-modal .setting-row{flex-direction:column;gap:16px}.appointments-settings-modal .setting-control{align-self:flex-start}}:root{--status-requested: #f59e0b;--status-pending: #3b82f6;--status-approved: #10b981;--status-confirmed: #10b981;--status-completed: #6b7280;--status-canceled: #ef4444;--space-xs: 16px;--space-sm: 24px;--space-md: 32px;--space-lg: 48px;--space-xl: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .1);--shadow-md: 0 4px 8px rgba(0, 0, 0, .15);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .2)}.client-appointments{flex:1;display:flex!important;flex-direction:column!important;background:transparent;color:var(--color-text);padding:0;width:100%!important;max-width:none!important;box-sizing:border-box;min-height:100%;margin:0!important}.dashboard-content .client-appointments{padding:0}[data-theme=light] .client-appointments{background:var(--color-bg)}.client-tabs{background:transparent;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:2rem;padding-bottom:0}@media (max-width: 768px){.client-tabs{margin-bottom:1.5rem}}.tabs-container{width:100%;padding:0}.tabs-list{display:flex;gap:0;max-width:400px}.tab-button{flex:1;padding:.875rem 2rem;background:transparent;border:none;color:#fff9;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border-bottom:2px solid transparent;font-size:.9375rem;font-weight:500;min-height:48px;position:relative;letter-spacing:.01em}.tab-button:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:transparent;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-button:hover{color:#ffffffe6;background:#ffffff05}.tab-button.active{color:#fff;font-weight:600}.tab-button.active:after{background:#3b82f6;box-shadow:0 0 8px #3b82f666}[data-theme=light] .client-tabs{border-bottom-color:#00000014}[data-theme=light] .tab-button{color:#0009}[data-theme=light] .tab-button:hover{color:#000000e6;background:#00000005}[data-theme=light] .tab-button.active{color:#000}[data-theme=light] .tab-button.active:after{background:#2563eb;box-shadow:0 0 8px #2563eb33}.tab-button:focus{outline:2px solid var(--appointments-border-strong);outline-offset:-2px}.client-search{width:100%!important;max-width:500px!important;margin-bottom:2rem;padding:0!important}@media (max-width: 768px){.client-search{margin-bottom:1.5rem}}.client-search .search-group{flex:1;min-width:250px}.client-search .search-input-container{position:relative}.client-search .search-input{width:100%;height:48px;padding:0 1rem 0 44px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.client-search .search-input:hover{border-color:#ffffff26;background:#ffffff12}.client-search .search-input:focus{outline:none;border-color:#3b82f6;background:#ffffff14;box-shadow:0 0 0 3px #3b82f61a,0 4px 12px #00000026}.client-search .search-input::placeholder{color:#fff6;font-weight:400}.client-search .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#ffffff80;font-size:1.125rem;pointer-events:none;transition:color .2s ease}.client-search .search-input:focus~.search-icon{color:#3b82f6}[data-theme=light] .client-search .search-input{background:#fff;border-color:#0000001a;color:#000}[data-theme=light] .client-search .search-input:hover{border-color:#00000026;background:#fff}[data-theme=light] .client-search .search-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}[data-theme=light] .client-search .search-input::placeholder{color:#0006}[data-theme=light] .client-search .search-icon{color:#0006}[data-theme=light] .client-search .search-input:focus~.search-icon{color:#2563eb}.client-content{flex:1!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;box-sizing:border-box;display:flex!important;flex-direction:column!important}.client-content *{max-width:none!important}.client-appointments,.client-content,.client-search,.client-appointment-grid{margin:0!important}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-xl);color:var(--color-text-muted)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-md)}.client-appointment-grid,.appointments-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,380px),1fr));gap:1.5rem;align-items:stretch;padding:0;width:100%}@media (min-width: 1200px){.client-appointment-grid,.appointments-container{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}.client-appointment-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);min-height:280px;display:flex;flex-direction:column;transition:none;cursor:pointer}.appointment-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.5rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;box-sizing:border-box;overflow:hidden;min-width:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;box-shadow:0 4px 16px #0000001a}.appointment-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);opacity:0;transition:opacity .3s ease}.appointment-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003;border-color:#ffffff26;background:#ffffff0f}.appointment-card:hover:before{opacity:1}[data-theme=light] .appointment-card{background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 2px 8px #0000000a}[data-theme=light] .appointment-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014;border-color:#0000001f;background:#fff}.appointment-card .card-content{display:grid;grid-template-columns:auto 1fr auto;gap:1.25rem;align-items:center;min-width:0;width:100%}.appointment-card .card-left{display:flex;align-items:center;gap:var(--space-md)}.appointment-card .avatar-container{width:72px;height:72px;border-radius:50%;overflow:hidden;flex-shrink:0;border:2px solid rgba(255,255,255,.1);box-shadow:0 2px 8px #0000001a}[data-theme=light] .appointment-card .avatar-container{border-color:#00000014}.appointment-card .avatar{width:100%;height:100%;object-fit:cover}.appointment-card .avatar-placeholder{width:100%;height:100%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-text);font-size:1.25rem}.appointment-card .party-info{display:flex;flex-direction:column;gap:var(--space-xs)}.appointment-card .party-name{font-weight:600;color:#fff;font-size:1.125rem;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;transition:color .2s ease;letter-spacing:-.01em;margin-bottom:4px}.appointment-card .party-role{font-size:.75rem;color:#ffffffb3;background:#ffffff14;padding:4px 10px;border-radius:6px;width:fit-content;font-weight:500;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}[data-theme=light] .appointment-card .party-role{color:#0009;background:#0000000d}.appointment-card .card-middle{display:flex;flex-direction:column;gap:var(--space-sm);min-width:0;overflow:hidden}.appointment-card .appointment-datetime{display:flex;gap:var(--space-md);align-items:center}.appointment-card .date{font-weight:500;color:#fff;font-size:.875rem;letter-spacing:.01em}.appointment-card .time{color:#ffffffb3;font-size:.875rem;font-weight:400}.appointment-card .service{font-weight:500;color:#ffffffe6;font-size:.875rem;margin-top:4px}.appointment-card .duration{font-size:.8125rem;color:#ffffff80;font-weight:400}.appointment-card .price{font-weight:600;color:#fff;font-size:1rem;letter-spacing:-.01em}[data-theme=light] .appointment-card .party-name,[data-theme=light] .appointment-card .date,[data-theme=light] .appointment-card .service,[data-theme=light] .appointment-card .price{color:#000}[data-theme=light] .appointment-card .time{color:#0009}[data-theme=light] .appointment-card .duration{color:#00000080}.appointment-card .card-right{display:flex;flex-direction:column;gap:var(--space-md);align-items:flex-end;min-width:0}.appointment-card .status-badge{display:flex;align-items:center}.appointment-card .status{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;line-height:1}.appointment-card .status-icon,.appointment-card .status-text{font-size:.875rem}.appointment-card .action-btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:44px;min-width:140px;letter-spacing:.01em}.appointment-card .action-btn.primary{background:#3b82f6;color:#fff;box-shadow:0 2px 8px #3b82f64d}.appointment-card .action-btn.primary:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.appointment-card .action-btn.primary:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}[data-theme=light] .appointment-card .action-btn.primary{background:#2563eb;color:#fff;box-shadow:0 2px 8px #2563eb33}[data-theme=light] .appointment-card .action-btn.primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}.appointment-card .action-btn.secondary{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border)}[data-theme=light] .appointment-card .action-btn.secondary{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.appointment-card .action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.appointment-card .card-description{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--appointments-border)}.appointment-card .card-actions{margin-top:var(--space-md);padding-top:var(--space-md);border-top:1px solid var(--appointments-border);display:flex;justify-content:center}.appointment-card .custom-badge{background:var(--color-card);color:var(--color-text);font-size:10px;font-weight:600;padding:2px 6px;border:1px solid var(--color-border);border-radius:4px;margin-left:8px;text-transform:uppercase;letter-spacing:.5px}.appointment-card.custom-appointment{background:var(--color-card)!important;border-left:4px solid var(--color-primary)!important}.appointment-card.custom-appointment:before{display:none!important}.appointment-card .custom-price{color:#f59e0b;font-weight:600;font-style:italic}.appointment-card.custom-appointment{border-left:4px solid var(--color-primary);background:var(--color-primary-light)}.appointment-card.custom-appointment .card-content{position:relative}.appointment-card.custom-appointment:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--color-primary-light);border-radius:12px;pointer-events:none;z-index:0}.appointment-card.custom-appointment .card-content{position:relative;z-index:1}.card-header{margin-bottom:var(--space-md)}.artist-info{display:flex;align-items:center;gap:var(--space-md)}.artist-avatar{width:48px;height:48px;border-radius:50%;overflow:hidden;flex-shrink:0}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;font-weight:600;color:var(--color-text);font-size:1.25rem}.artist-details{flex:1;min-width:0}.artist-name{font-size:1.125rem;font-weight:600;color:var(--color-text);margin:0;cursor:pointer;transition:color .2s ease}.artist-name:hover{color:var(--color-primary)}.card-meta{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-lg);flex:1}.meta-info{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:.875rem;flex:1;min-width:0}.service{font-weight:500;color:var(--color-text)}.separator{color:var(--color-text-muted)}.datetime{color:var(--color-text-secondary)}.price{font-weight:600;color:var(--color-text)}.status-pill{flex-shrink:0;margin-left:var(--space-md)}.status{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-requested{background:#f59e0b1a;color:var(--status-requested);border:1px solid rgba(245,158,11,.2)}.status-pending{background:#3b82f61a;color:var(--status-pending);border:1px solid rgba(59,130,246,.2)}.status-approved{background:#10b9811a;color:var(--status-approved);border:1px solid rgba(16,185,129,.2)}.status-confirmed{background:#10b9811a;color:var(--status-confirmed);border:1px solid rgba(16,185,129,.2)}.status-completed{background:#6b72801a;color:var(--status-completed);border:1px solid rgba(107,114,128,.2)}.status-canceled{background:#ef44441a;color:var(--status-canceled);border:1px solid rgba(239,68,68,.2)}.card-footer{display:flex;gap:var(--space-md);align-items:center}.btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:36px}.btn-primary{background:#3b82f6;color:#fff;flex:1}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}[data-theme=light] .btn-primary:hover:not(:disabled){background:#e8e8e8;color:#000}.btn-secondary{background:var(--color-card);color:var(--color-text);border:1px solid var(--color-border);flex:1}.btn-secondary:hover:not(:disabled){background:var(--color-card-hover);border-color:var(--color-border-hover)}.client-empty-state{display:flex;justify-content:center;align-items:center;min-height:500px;padding:3rem 2rem}.empty-content{text-align:center;max-width:500px}.empty-icon{font-size:5rem;margin-bottom:1.5rem;opacity:.4;filter:grayscale(.3)}.empty-title{font-size:1.5rem;color:#fff;margin-bottom:.75rem;font-weight:600;letter-spacing:-.01em}.empty-description{color:#fff9;margin-bottom:2rem;line-height:1.6;font-size:.9375rem;font-weight:400}[data-theme=light] .empty-title{color:#000}[data-theme=light] .empty-description{color:#0009}.empty-cta{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;background:#3b82f6;color:#fff;text-decoration:none;border-radius:10px;font-weight:600;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #3b82f64d;letter-spacing:.01em}.empty-cta:hover{background:#2563eb;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f666}.empty-cta:active{transform:translateY(0);box-shadow:0 2px 8px #3b82f64d}.more-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.more-menu{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-sm);min-width:200px;box-shadow:var(--shadow-lg)}.menu-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;color:var(--color-text)}.menu-item:hover:not(.disabled){background:var(--color-card-hover)}.menu-item.disabled{opacity:.5;cursor:not-allowed}.menu-icon{font-size:1.25rem;width:20px;text-align:center}.menu-label{flex:1;font-size:.875rem;font-weight:500}.menu-disabled{font-size:.75rem;color:var(--color-text-muted);font-style:italic}.menu-divider{height:1px;background:var(--color-border);margin:var(--space-sm) 0}.cancel-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1001;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-lg)}.cancel-dialog{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.dialog-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.dialog-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin:0}.dialog-close{width:32px;height:32px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;border-radius:var(--radius-sm);transition:all .2s ease}.dialog-close:hover:not(:disabled){background:var(--color-card-hover);color:var(--color-text)}.dialog-close:disabled{opacity:.5;cursor:not-allowed}.dialog-content{flex:1;overflow-y:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.appointment-summary h3{font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-md)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--color-border)}.summary-item .label{color:var(--color-text-secondary);font-size:.875rem}.summary-item .value{color:var(--color-text);font-weight:500;text-align:right}.cancel-reason{display:flex;flex-direction:column;gap:var(--space-sm)}.reason-label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.reason-input{width:100%;padding:var(--space-md);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem;resize:vertical;min-height:80px;font-family:inherit}.reason-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.reason-input:disabled{opacity:.5;cursor:not-allowed}.cancel-warning{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-sm)}.warning-icon{font-size:1.25rem}.warning-text{color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.dialog-actions{display:flex;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--color-border);background:var(--color-card)}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.toast{position:fixed;top:var(--space-lg);right:var(--space-lg);padding:var(--space-md) var(--space-lg);border-radius:var(--radius-md);color:#fff;font-weight:500;z-index:1002;animation:slideIn .3s ease;max-width:400px}.toast-success{background:#10b981}.toast-error{background:#ef4444}.toast-info{background:#3b82f6}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (min-width: 1280px){.client-appointment-grid{gap:20px}}@media (max-width: 768px){.client-appointment-grid{grid-template-columns:1fr}.appointment-card .card-content{grid-template-columns:1fr;gap:var(--space-md)}.appointment-card .card-right{align-items:stretch}.appointment-card .action-btn{width:100%}}@media (max-width: 768px){.client-appointments{padding:var(--space-md)}.client-search .search-group{min-width:auto}.tab-button{font-size:1.125rem;padding:var(--space-md);min-height:64px}.client-appointment-card{padding:var(--space-md);min-height:260px}.card-meta{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.status-pill{margin-left:0;align-self:flex-end}.card-footer{flex-direction:column;gap:var(--space-sm)}.btn{width:100%}.more-menu{min-width:180px}.cancel-dialog{margin:var(--space-md);max-height:calc(100vh - 2 * var(--space-md))}.dialog-actions{flex-direction:column}.toast{top:var(--space-md);right:var(--space-md);left:var(--space-md);max-width:none}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.tab-button:focus,.btn:focus,.search-input:focus,.menu-item:focus,.dialog-close:focus,.reason-input:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast: high){[data-theme=dark]{--color-border: rgba(255, 255, 255, .3);--color-border-hover: rgba(255, 255, 255, .5)}[data-theme=light]{--color-border: rgba(0, 0, 0, .2);--color-border-hover: rgba(0, 0, 0, .3)}.status{border-width:2px}.btn{border:2px solid currentColor}}.payment-info{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-md);margin:var(--space-md) 0}.payment-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm)}.payment-label{font-size:.875rem;color:var(--color-text-secondary);font-weight:500}.payment-value{font-size:.875rem;font-weight:600}.payment-value.deposit-paid{color:var(--status-confirmed)}.payment-value.balance-due{color:var(--status-pending)}} .artist-calendar{display:flex;flex-direction:column;height:100%;background:var(--color-bg);border:1px solid var(--color-border);border-radius:0;box-shadow:0 10px 30px #00000040;overflow:hidden}[data-theme=light] .artist-calendar{box-shadow:0 10px 30px #0000001a}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0;gap:16px;min-height:52px}.header-left{display:flex;flex-direction:column;gap:2px;min-width:0}.calendar-title{color:var(--color-text);font-size:22px;font-weight:600;margin:0;line-height:1.2}.period-label{color:var(--color-text-secondary);font-size:14px;font-weight:500}.header-center{display:flex;align-items:center;gap:12px;flex:1;justify-content:center}.navigation-controls{display:flex;align-items:center;gap:8px}.nav-button{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text);padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}[data-theme=light] .nav-button{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.nav-button:hover{background:var(--color-card-hover);transform:translateY(-1px)}[data-theme=light] .nav-button:hover{background:#e8e8e8;color:#000}.nav-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.nav-button.today{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}[data-theme=light] .nav-button.today{background:#f5f5f5;color:#000;border-color:var(--color-primary)}.nav-button.today:hover{background:var(--color-primary-light);filter:brightness(1.1)}[data-theme=light] .nav-button.today:hover{background:#e8e8e8;color:#000}.view-controls{display:flex;background:var(--color-card);border:1px solid var(--color-border);border-radius:10px;padding:4px;gap:2px}.work-hours-toggle{display:flex;align-items:center;margin-left:12px}.toggle-button{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:100px}[data-theme=light] .toggle-button{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.toggle-button:hover{color:var(--color-text);background:var(--color-card-hover)}[data-theme=light] .toggle-button:hover{background:#e8e8e8;color:#000}.toggle-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.toggle-button.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600;border-color:var(--color-primary)}[data-theme=light] .toggle-button.active{background:#f5f5f5;color:#000;border-color:var(--color-primary)}.view-button{background:transparent;border:none;color:var(--color-text-secondary);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:60px}[data-theme=light] .view-button{background:#f5f5f5;color:#000}.view-button:hover{color:var(--color-text);background:var(--color-card-hover)}[data-theme=light] .view-button:hover{background:#e8e8e8;color:#000}.view-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.view-button.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}[data-theme=light] .view-button.active{background:#f5f5f5;color:#000}.header-right{display:flex;gap:8px;align-items:center;min-width:0}.action-button{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text);padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;min-height:40px}[data-theme=light] .action-button{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.action-button:hover{background:var(--color-card-hover);transform:translateY(-1px)}[data-theme=light] .action-button:hover{background:#e8e8e8;color:#000}.action-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.action-button.availability{background:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=light] .action-button.availability{background:#f5f5f5;color:#000}.action-button.availability:hover{background:var(--color-card-hover)}[data-theme=light] .action-button.availability:hover{background:#e8e8e8;color:#000}.action-button.time-off{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}[data-theme=light] .action-button.time-off{background:#f5f5f5;color:#000;border-color:var(--color-primary)}.action-button.time-off:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}[data-theme=light] .action-button.time-off:hover{background:#e8e8e8;color:#000;box-shadow:0 4px 12px #3b82f626}.calendar-container{flex:1;overflow:auto;padding:0;min-height:0;background:transparent;display:flex;flex-direction:column;border-radius:0}.month-grid.six-weeks{min-height:0;flex-shrink:1}.calendar-container:focus{outline:none}.calendar-grid{width:100%;flex:1;min-height:400px;display:flex;flex-direction:column;background:transparent;border-radius:0;overflow:visible;box-sizing:border-box;border-collapse:collapse}.grid-header{display:flex;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10;width:100%;box-sizing:border-box;flex-shrink:0}.grid-header-cell{flex:1;padding:8px 6px;text-align:center;color:var(--color-text-secondary);font-size:13px;font-weight:600;border-right:1px solid var(--color-border);display:flex;flex-direction:column;align-items:center;gap:3px;text-transform:uppercase;letter-spacing:.5px;box-sizing:border-box;min-width:0}.grid-header-cell:last-child{border-right:none}.day-name{font-size:12px;text-transform:uppercase;letter-spacing:.5px}.day-number{font-size:16px;font-weight:700;color:var(--color-text)}.day-number.today{color:var(--color-primary)}.time-column{width:68px;padding:8px;text-align:right;color:var(--color-text-secondary);font-size:12px;font-weight:500;border-right:1px solid var(--color-border);flex-shrink:0;position:sticky;left:0;background:var(--color-bg-secondary);z-index:5}.time-label{display:block;line-height:1.2}.grid-row{display:flex;flex:1;min-height:35px;width:100%;box-sizing:border-box}.grid-cell{flex:1;border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:6px;position:relative;cursor:pointer;transition:all .2s ease;min-height:35px;background:var(--color-card);box-sizing:border-box;margin:0;overflow:hidden;color:var(--color-text)}.week-grid .grid-cell.time-slot,.day-grid .grid-cell.time-slot{padding:0!important;margin:0!important;overflow:visible;border-top:none;border-bottom:1px solid var(--color-border);opacity:.5}[data-theme=light] .week-grid .grid-cell.time-slot,[data-theme=light] .day-grid .grid-cell.time-slot{border-bottom:1px solid var(--color-border);opacity:.3}.grid-cell:last-child{border-right:none}.grid-cell:hover{background:var(--color-card-hover)}.grid-cell:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.month-grid .grid-cell{min-height:80px;display:flex;flex-direction:column;box-sizing:border-box;height:100%;overflow:hidden}.month-grid .grid-row{flex:1 1 0;min-height:0;display:flex;width:100%}.month-grid.six-weeks .grid-row{min-height:0;flex:1 1 auto}.month-grid.six-weeks .grid-cell{min-height:70px}.month-grid:has(.grid-row:nth-child(6)) .grid-row{min-height:0;flex:1 1 auto}.month-grid:has(.grid-row:nth-child(6)) .grid-cell{min-height:70px}.month-grid .grid-cell.other-month{opacity:.3}.month-grid .grid-cell.today{background:var(--color-primary-light);border-top:2px solid var(--color-primary)}.month-grid .grid-cell.selected{background:var(--color-primary-light);border-color:var(--color-primary)}.day-number{color:var(--color-text);font-size:14px;font-weight:600;margin-bottom:6px;align-self:flex-start}.month-grid .day-number.today{color:var(--color-primary);font-weight:700}.outside-events-badge{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-top:4px;white-space:nowrap}.outside-events-badge:hover{background:#ef44444d;color:#ef4444;transform:translateY(-1px)}.day-events{flex:1;display:flex;flex-direction:column;gap:3px;overflow:hidden}.week-grid .grid-cell,.day-grid .grid-cell{min-height:40px!important;height:40px!important;max-height:40px!important;position:relative;box-sizing:border-box}.week-grid-body,.day-grid-body{position:relative;flex:1;display:flex;flex-direction:column;overflow:visible}.week-grid .grid-row,.day-grid .grid-row{min-height:40px!important;height:40px!important;max-height:40px!important;flex:0 0 40px!important;display:flex;box-sizing:border-box;margin:0;padding:0}.day-events-container{pointer-events:none;box-sizing:border-box}.day-events-container .event-pill{pointer-events:auto}.week-grid .day-events-container{width:calc((100% - 68px) / 7)}.week-grid .day-events-container[data-day-index="0"]{left:68px}.week-grid .day-events-container[data-day-index="1"]{left:calc(68px + (100% - 68px) / 7)}.week-grid .day-events-container[data-day-index="2"]{left:calc(68px + (100% - 68px) / 7 * 2)}.week-grid .day-events-container[data-day-index="3"]{left:calc(68px + (100% - 68px) / 7 * 3)}.week-grid .day-events-container[data-day-index="4"]{left:calc(68px + (100% - 68px) / 7 * 4)}.week-grid .day-events-container[data-day-index="5"]{left:calc(68px + (100% - 68px) / 7 * 5)}.week-grid .day-events-container[data-day-index="6"]{left:calc(68px + (100% - 68px) / 7 * 6)}.day-grid .day-events-container{left:68px;width:calc(100% - 68px)}.week-grid .time-slot,.day-grid .time-slot{border-bottom:1px solid var(--color-border);box-sizing:border-box;padding:0;margin:0;opacity:.5}[data-theme=light] .week-grid .time-slot,[data-theme=light] .day-grid .time-slot{opacity:.3}.week-grid .time-slot.today,.day-grid .time-slot.today{background:var(--color-primary-light);border-top:1px solid var(--color-primary)}.week-grid .time-slot.has-appointment,.day-grid .time-slot.has-appointment{background:var(--color-primary-light);border-left:3px solid var(--color-primary)}.week-grid .time-slot.has-appointment.today,.day-grid .time-slot.has-appointment.today{background:var(--color-primary-light);filter:brightness(1.1);border-left:3px solid var(--color-primary);border-top:1px solid var(--color-primary)}.week-grid .grid-row:nth-child(2n) .time-slot,.day-grid .grid-row:nth-child(2n) .time-slot{background:var(--color-bg-tertiary)}[data-theme=light] .week-grid .grid-row:nth-child(2n) .time-slot,[data-theme=light] .day-grid .grid-row:nth-child(2n) .time-slot{background:var(--color-bg)}.week-grid .grid-row:nth-child(2n) .time-slot.today,.day-grid .grid-row:nth-child(2n) .time-slot.today{background:var(--color-primary-light)}.week-grid .grid-row:nth-child(2n) .time-slot.has-appointment,.day-grid .grid-row:nth-child(2n) .time-slot.has-appointment{background:var(--color-primary-light)}.week-grid .grid-row:nth-child(2n) .time-slot.has-appointment.today,.day-grid .grid-row:nth-child(2n) .time-slot.has-appointment.today{background:var(--color-primary-light);filter:brightness(1.1)}.event-pill{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;color:#fff;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:24px;box-shadow:0 2px 6px #00000040;border:1px solid rgba(255,255,255,.2);background-color:var(--event-status-color, #6b7280)}.event-pill:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0006;filter:brightness(1.1)}.event-pill:focus{outline:2px solid #3b82f6;outline-offset:2px}.event-icon{font-size:10px;flex-shrink:0}.event-title{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.event-duration{font-size:9px;opacity:.8;flex-shrink:0}.time-view-pill{position:absolute!important;z-index:10;border-radius:6px;box-shadow:0 2px 6px #00000040;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.time-view-pill.clipped-top{border-top:2px solid rgba(255,255,255,.3)}.time-view-pill.clipped-bottom{border-bottom:2px solid rgba(255,255,255,.3)}.more-events{color:var(--color-text-secondary);font-size:11px;font-weight:500;padding:2px 6px;background:var(--color-bg-tertiary);border-radius:4px;text-align:center;margin-top:4px}.calendar-legend{display:flex;align-items:center;justify-content:center;gap:24px;padding:16px 24px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);flex-shrink:0}.legend-item{display:flex;align-items:center;gap:8px}.legend-color{width:12px;height:12px;border-radius:3px;flex-shrink:0}.legend-label{color:var(--color-text-secondary);font-size:12px;font-weight:500}@media (max-width: 1024px){.calendar-header{padding:12px 16px;gap:12px;min-height:48px}.calendar-title{font-size:18px}.header-center{gap:12px}.nav-button{padding:6px 10px;min-width:40px;min-height:40px;font-size:13px}.view-button{padding:6px 12px;font-size:13px;min-width:50px}.work-hours-toggle{margin-left:12px}.toggle-button{padding:6px 12px;font-size:13px;min-width:80px}.action-button{padding:8px 12px;font-size:13px;min-height:40px}.time-column{width:50px;padding:6px;font-size:11px}.week-grid .day-events-container{width:calc((100% - 50px) / 7)}.week-grid .day-events-container[data-day-index="0"]{left:50px}.week-grid .day-events-container[data-day-index="1"]{left:calc(50px + (100% - 50px) / 7)}.week-grid .day-events-container[data-day-index="2"]{left:calc(50px + (100% - 50px) / 7 * 2)}.week-grid .day-events-container[data-day-index="3"]{left:calc(50px + (100% - 50px) / 7 * 3)}.week-grid .day-events-container[data-day-index="4"]{left:calc(50px + (100% - 50px) / 7 * 4)}.week-grid .day-events-container[data-day-index="5"]{left:calc(50px + (100% - 50px) / 7 * 5)}.week-grid .day-events-container[data-day-index="6"]{left:calc(50px + (100% - 50px) / 7 * 6)}.day-grid .day-events-container{left:50px!important;width:calc(100% - 50px)!important}.grid-header-cell{padding:10px 6px;font-size:13px}.day-number{font-size:14px}.month-grid .grid-cell{min-height:80px}.event-pill{padding:3px 6px;font-size:11px;min-height:20px}.calendar-legend{gap:16px;padding:12px 20px}}@media (max-width: 768px){.calendar-header{flex-direction:column;gap:16px;padding:16px}.header-left{align-items:center;text-align:center}.header-center{order:2;width:100%;flex-direction:column;gap:8px;align-items:center}.work-hours-toggle{margin-left:0;margin-top:8px}.header-right{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:8px}.navigation-controls{gap:6px}.nav-button{padding:6px 8px;min-width:36px;min-height:36px;font-size:12px}.view-controls{gap:1px}.view-button{padding:6px 10px;font-size:12px;min-width:45px}.action-button{padding:8px 12px;font-size:12px;min-height:36px;flex:1;max-width:200px}.time-column{width:40px;padding:4px;font-size:10px}.week-grid .day-events-container{width:calc((100% - 40px) / 7)}.week-grid .day-events-container[data-day-index="0"]{left:40px}.week-grid .day-events-container[data-day-index="1"]{left:calc(40px + (100% - 40px) / 7)}.week-grid .day-events-container[data-day-index="2"]{left:calc(40px + (100% - 40px) / 7 * 2)}.week-grid .day-events-container[data-day-index="3"]{left:calc(40px + (100% - 40px) / 7 * 3)}.week-grid .day-events-container[data-day-index="4"]{left:calc(40px + (100% - 40px) / 7 * 4)}.week-grid .day-events-container[data-day-index="5"]{left:calc(40px + (100% - 40px) / 7 * 5)}.week-grid .day-events-container[data-day-index="6"]{left:calc(40px + (100% - 40px) / 7 * 6)}.day-grid .day-events-container{left:40px!important;width:calc(100% - 40px)!important}.grid-header-cell{padding:8px 4px;font-size:12px}.day-name{font-size:10px}.day-number{font-size:13px}.month-grid .grid-cell{min-height:70px;padding:4px}.day-number{font-size:14px;margin-bottom:6px}.day-events{gap:3px}.event-pill{padding:2px 4px;font-size:10px;min-height:18px;gap:4px}.event-icon{font-size:10px}.event-duration{font-size:9px}.more-events{font-size:10px;padding:1px 4px}.calendar-legend{flex-wrap:wrap;gap:12px;padding:12px 16px}.legend-item{gap:6px}.legend-color{width:10px;height:10px}.legend-label{font-size:11px}}@media (max-width: 480px){.calendar-header{padding:10px 12px;gap:10px;min-height:44px}.calendar-title{font-size:16px}.period-label{font-size:13px}.header-center{gap:10px}.navigation-controls{gap:4px}.nav-button{padding:4px 6px;min-width:32px;min-height:32px;font-size:11px}.view-button{padding:4px 8px;font-size:11px;min-width:40px}.action-button{padding:6px 10px;font-size:11px;min-height:32px}.time-column{width:35px;padding:3px;font-size:9px}.week-grid .day-events-container{width:calc((100% - 35px) / 7)}.week-grid .day-events-container[data-day-index="0"]{left:35px}.week-grid .day-events-container[data-day-index="1"]{left:calc(35px + (100% - 35px) / 7)}.week-grid .day-events-container[data-day-index="2"]{left:calc(35px + (100% - 35px) / 7 * 2)}.week-grid .day-events-container[data-day-index="3"]{left:calc(35px + (100% - 35px) / 7 * 3)}.week-grid .day-events-container[data-day-index="4"]{left:calc(35px + (100% - 35px) / 7 * 4)}.week-grid .day-events-container[data-day-index="5"]{left:calc(35px + (100% - 35px) / 7 * 5)}.week-grid .day-events-container[data-day-index="6"]{left:calc(35px + (100% - 35px) / 7 * 6)}.day-grid .day-events-container{left:35px!important;width:calc(100% - 35px)!important}.grid-header-cell{padding:6px 3px;font-size:11px}.day-name{font-size:9px}.day-number{font-size:12px}.month-grid .grid-cell{min-height:60px;padding:3px}.day-number{font-size:13px;margin-bottom:4px}.day-events{gap:2px}.event-pill{padding:2px 3px;font-size:9px;min-height:16px;gap:3px}.event-icon{font-size:9px}.event-duration{font-size:8px}.more-events{font-size:9px;padding:1px 3px}.calendar-legend{gap:8px;padding:10px 12px}.legend-item{gap:4px}.legend-color{width:8px;height:8px}.legend-label{font-size:10px}}@media (prefers-reduced-motion: reduce){.nav-button,.view-button,.action-button,.event-pill,.grid-cell{transition:none}.nav-button:hover,.view-button:hover,.action-button:hover,.event-pill:hover{transform:none}}@media (prefers-contrast: high){.grid-cell,.grid-header-cell{border-color:#ffffff4d}.event-pill{border:1px solid rgba(255,255,255,.3)}}.grid-cell.unavailable{background:var(--color-bg-tertiary)!important;border-color:var(--color-border)!important;color:var(--color-text-muted)!important;cursor:not-allowed!important;opacity:.5;position:relative}[data-theme=light] .grid-cell.unavailable{background:#e5e7eb!important;opacity:.6}.grid-cell.unavailable:hover{background:var(--color-bg-tertiary)!important;transform:none!important;box-shadow:none!important}[data-theme=light] .grid-cell.unavailable:hover{background:#e5e7eb!important}.grid-cell.unavailable .day-number{color:var(--color-text-muted)!important;font-weight:500}.grid-cell.unavailable .day-events{opacity:.3}.grid-cell.unavailable .event-pill{opacity:.2;background:var(--color-bg-tertiary)!important;color:var(--color-text-muted)!important}.grid-cell.unavailable .more-events{color:var(--color-text-muted)!important}.grid-cell.unavailable:after{content:"Time Off";position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:.65rem;color:#dc2626;font-weight:600;text-align:center;width:100%;background:#dc26261a;border-radius:4px;padding:2px 4px;border:1px solid rgba(220,38,38,.2)}.grid-header-cell.unavailable{background:var(--color-bg-tertiary)!important;border-color:var(--color-border)!important;color:var(--color-text-muted)!important;position:relative}[data-theme=light] .grid-header-cell.unavailable{background:#e5e7eb!important}.grid-header-cell.unavailable .day-name,.grid-header-cell.unavailable .day-number{color:var(--color-text-muted)!important}.grid-header-cell.unavailable:after{content:"Time Off";position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:.6rem;color:#dc2626;font-weight:600;text-align:center;width:calc(100% - 8px);background:#dc26261a;border-radius:4px;padding:2px 4px;border:1px solid rgba(220,38,38,.2)}.unavailable-indicator{font-size:.7rem;color:#dc2626;font-weight:500;margin-top:2px;text-align:center}.day-view .unavailable{background:var(--color-bg-tertiary)!important;border-color:var(--color-border)!important;color:var(--color-text-muted)!important}[data-theme=light] .day-view .unavailable{background:#e5e7eb!important}.day-view .unavailable:after{content:"Time Off";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.8rem;color:#dc2626;font-weight:600;text-align:center;background:#dc26261a;border-radius:6px;padding:8px 12px;border:1px solid rgba(220,38,38,.2);z-index:10}.grid-cell.unavailable:focus{outline:2px solid #6b7280;outline-offset:2px}.grid-cell.unavailable[aria-disabled=true]{pointer-events:none}.availability-loading{position:relative}.availability-loading:after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;border:2px solid #3b82f6;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}.availability-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:flex-end;align-items:stretch;z-index:1000;animation:fadeIn .15s ease-out}.availability-drawer{background:#282c34;border:1px solid rgba(255,255,255,.06);border-radius:16px 0 0 16px;width:100%;max-width:480px;height:100%;display:flex;flex-direction:column;box-shadow:-8px 0 32px #0000004d;animation:slideInRight .15s ease-out;overflow:hidden}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;background:#282c34}.drawer-title{color:#fff;font-size:20px;font-weight:700;margin:0;line-height:1.2}.drawer-close{background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.drawer-close:hover{background:#ffffff1a;color:#fff}.drawer-close:focus{outline:2px solid #3b82f6;outline-offset:2px;background:#ffffff1a;color:#fff}.drawer-content{flex:1;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;background:#282c34}.drawer-content::-webkit-scrollbar{width:6px}.drawer-content::-webkit-scrollbar-track{background:transparent}.drawer-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.drawer-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.availability-section{margin-bottom:32px}.section-title{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px;line-height:1.3}.section-description{color:#9ca3af;font-size:14px;line-height:1.5;margin:0 0 24px}.default-work-hours{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;margin-bottom:24px}.work-hours-row{display:flex;gap:16px;align-items:end}.work-hours-input{flex:1}.work-hours-label{display:block;color:#e5e7eb;font-size:14px;font-weight:600;margin-bottom:8px;line-height:1.3}.work-hours-select{width:100%;background:#1f2937cc;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;font-weight:500;transition:all .2s ease;box-sizing:border-box}.work-hours-select:focus{outline:2px solid #3b82f6;outline-offset:0;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.working-hours{display:flex;flex-direction:column;gap:20px}.day-schedule{background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;transition:all .2s ease}.day-schedule:hover{border-color:#ffffff1a}.day-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.day-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.day-toggle input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.day-label{color:#e5e7eb;font-size:16px;font-weight:500}.add-range-btn{background:#3b82f633;border:1px solid rgba(59,130,246,.3);color:#3b82f6;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.add-range-btn:hover{background:#3b82f64d;transform:translateY(-1px)}.add-range-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.time-ranges{display:flex;flex-direction:column;gap:12px}.time-range{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:8px}.time-inputs{display:flex;align-items:center;gap:12px;flex:1}.time-input{background:#1f2937cc;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;color:#fff;font-size:14px;font-weight:500;transition:all .2s ease;min-width:100px}.time-input:focus{outline:2px solid #3b82f6;outline-offset:0;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.time-separator{color:#9ca3af;font-size:14px;font-weight:500}.remove-range-btn{background:#ef444433;border:1px solid rgba(239,68,68,.3);color:#ef4444;width:32px;height:32px;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.remove-range-btn:hover{background:#ef44444d;transform:translateY(-1px)}.remove-range-btn:focus{outline:2px solid #ef4444;outline-offset:2px}.timezone-note{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;padding:16px;margin-top:24px}.note-text{color:#93c5fd;font-size:14px;line-height:1.5;margin:0}.note-text strong{color:#3b82f6;font-weight:600}.drawer-footer{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;background:#282c34}.btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;min-width:120px;height:44px;display:flex;align-items:center;justify-content:center}.btn-secondary{background:#4b5563cc;color:#e5e7eb;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .btn-secondary{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}[data-theme=light] .btn-secondary:hover:not(:disabled){background:#e8e8e8;color:#000}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}[data-theme=light] .btn-primary:hover:not(:disabled){background:#e8e8e8;color:#000;box-shadow:0 4px 12px #3b82f626}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.availability-drawer{max-width:100%;border-radius:16px 16px 0 0;animation:slideInUp .15s ease-out}.drawer-header{padding:16px 20px}.drawer-title{font-size:18px}.drawer-content{padding:20px}.section-title{font-size:16px}.section-description{font-size:13px}.working-hours{gap:16px}.day-schedule{padding:12px}.work-hours-row{flex-direction:column;gap:12px}.day-header{flex-direction:column;align-items:flex-start;gap:12px}.day-label{font-size:15px}.add-range-btn{padding:8px 12px;font-size:13px;align-self:flex-end}.time-range{flex-direction:column;align-items:stretch;gap:8px}.time-inputs{justify-content:space-between}.time-input{flex:1;min-width:80px}.remove-range-btn{align-self:flex-end;width:28px;height:28px;font-size:14px}.timezone-note{padding:12px}.note-text{font-size:13px}.drawer-footer{flex-direction:column;gap:8px;padding:16px 20px}.btn{width:100%;min-width:auto}}@media (max-width: 480px){.drawer-header{padding:12px 16px}.drawer-title{font-size:16px}.drawer-content{padding:16px}.section-title{font-size:15px}.section-description{font-size:12px}.working-hours{gap:12px}.day-schedule{padding:10px}.day-toggle{gap:8px}.day-toggle input[type=checkbox]{width:16px;height:16px}.day-label{font-size:14px}.add-range-btn{padding:6px 10px;font-size:12px}.time-range{padding:10px}.time-input{padding:6px 10px;font-size:13px;min-width:70px}.time-separator{font-size:13px}.remove-range-btn{width:24px;height:24px;font-size:12px}.timezone-note{padding:10px}.note-text{font-size:12px}.drawer-footer{padding:12px 16px}.btn{padding:10px 20px;font-size:13px;height:40px}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.availability-drawer-overlay,.availability-drawer{animation:none}.add-range-btn,.remove-range-btn,.btn{transition:none}.add-range-btn:hover,.remove-range-btn:hover,.btn:hover{transform:none}}@media (prefers-contrast: high){.day-schedule,.time-range,.time-input{border-color:#ffffff4d}}.storage-toggle{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:16px;margin:16px 0}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:8px}.toggle-label input[type=checkbox]{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.toggle-text{color:#fff;font-weight:600;font-size:.9rem}.toggle-description{color:#e5e7eb;font-size:.8rem;margin:0;line-height:1.4}.availability-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;pointer-events:auto!important;animation:fadeIn .25s ease-in-out}[data-theme=light] .availability-modal-overlay{background:#00000080}.availability-modal{background:#141518;color:#fff;width:640px;max-height:90vh;overflow-y:auto;border-radius:16px;padding:24px;box-shadow:0 8px 24px #00000080;z-index:10000;position:relative;pointer-events:auto!important;animation:slideIn .25s ease-in-out;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .availability-modal{background:var(--color-card);color:#000;border:1px solid var(--color-border);box-shadow:0 8px 24px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding:16px 24px;margin:-24px -24px 20px;background:var(--color-bg-secondary)}[data-theme=light] .modal-header{border-bottom:1px solid var(--color-border);background:#f5f5f5}.modal-header h2{font-size:1.5rem;font-weight:600;margin:0;color:#fff}[data-theme=light] .modal-header h2{color:#000}.close-btn{background:none;border:none;color:#aaa;font-size:1.5rem;cursor:pointer;padding:8px;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}[data-theme=light] .close-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.close-btn:hover{background:#ffffff1a;color:#fff}[data-theme=light] .close-btn:hover{background:#e8e8e8;color:#000}.modal-subtext{font-size:.95rem;color:#aaa;margin-bottom:24px;line-height:1.5}[data-theme=light] .modal-subtext{color:#666}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:#aaa}[data-theme=light] .loading-state{color:#666}.loading-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #4c8eff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}[data-theme=light] .loading-spinner{border:3px solid var(--color-border);border-top:3px solid var(--color-primary)}.availability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:24px}.day-card{background:#1a1b1f;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}[data-theme=light] .day-card{background:var(--color-card);border:1px solid var(--color-border)}.day-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4c8eff1a,#4c8eff0d);opacity:0;transition:opacity .2s ease}.day-card:hover{border-color:#4c8eff;transform:translateY(-2px);box-shadow:0 4px 12px #4c8eff26}.day-card:hover:before{opacity:1}.day-card.active{border:1px solid #4c8eff;background:linear-gradient(135deg,#4c8eff1a,#4c8eff0d);box-shadow:0 4px 12px #4c8eff33}.day-card.active:before{opacity:1}.day-card h4{margin:0 0 12px;font-size:1rem;font-weight:600;color:#fff;position:relative;z-index:1}[data-theme=light] .day-card h4{color:#000}.day-card.configured{background:#1f2430;border-color:#4c8eff}[data-theme=light] .day-card.configured{background:var(--color-card);border-color:var(--color-primary)}.configured-tag{font-size:.8rem;color:#4c8eff;font-weight:500}.add-tag{font-size:.8rem;color:#777;font-weight:500}[data-theme=light] .add-tag{color:#666}.time-selects{display:flex;align-items:center;gap:8px;position:relative;z-index:1}.time-selects select{background:#141518;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;font-size:.9rem;cursor:pointer;transition:all .2s ease;flex:1;min-width:0}[data-theme=light] .time-selects select{background:#fff;color:#000;border:1px solid var(--color-border)}.time-selects select:focus{outline:none;border-color:#4c8eff;box-shadow:0 0 0 2px #4c8eff33}[data-theme=light] .time-selects select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.time-selects select:hover{border-color:#ffffff4d}[data-theme=light] .time-selects select:hover{border-color:var(--color-border-hover)}[data-theme=light] .time-selects select option{background:#fff;color:#000}.time-selects span{color:#aaa;font-weight:500;font-size:.9rem;flex-shrink:0}[data-theme=light] .time-selects span{color:#000}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin:24px -24px -24px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);background:var(--color-bg-secondary)}[data-theme=light] .modal-footer{border-top:1px solid var(--color-border);background:#f5f5f5}.cancel-btn{background:#2a2b2f;color:#ccc;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}[data-theme=light] .cancel-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.cancel-btn:hover:not(:disabled){background:#3a3b40;border-color:#fff3;color:#fff}[data-theme=light] .cancel-btn:hover:not(:disabled){background:#e8e8e8;color:#000}.cancel-btn:disabled{opacity:.5;cursor:not-allowed}.save-btn{background:linear-gradient(135deg,#4c8eff,#3b82f6);border:none;color:#fff;border-radius:8px;padding:10px 24px;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .2s ease;box-shadow:0 2px 8px #4c8eff4d}[data-theme=light] .save-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border);box-shadow:none}.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#3f7be0,#2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #4c8eff66}[data-theme=light] .save-btn:hover:not(:disabled){background:#e8e8e8;color:#000;box-shadow:0 4px 12px #3b82f626}.save-btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #4c8eff33}@media (max-width: 768px){.availability-modal{width:95vw;max-width:95vw;padding:20px;margin:20px}.modal-header h2{font-size:1.3rem}.availability-grid{grid-template-columns:1fr;gap:12px}.day-card{padding:14px}.time-selects{flex-direction:column;gap:6px;align-items:stretch}.time-selects span{text-align:center;order:2}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:6px;max-height:300px}.time-slot{padding:6px 2px;font-size:.8rem}.modal-footer{flex-direction:column;gap:10px}.cancel-btn,.save-btn{width:100%;padding:12px 20px}}@media (max-width: 480px){.availability-modal{width:100vw;max-width:100vw;height:100vh;max-height:100vh;border-radius:0;padding:16px;margin:0}.modal-header{padding-bottom:12px;margin-bottom:16px}.modal-subtext{font-size:.9rem;margin-bottom:20px}.day-card{padding:12px}.day-card h4{font-size:.95rem;margin-bottom:10px}.time-selects select{padding:10px 12px;font-size:.9rem}}@media (prefers-contrast: high){.day-card{border-color:#ffffff4d}.day-card.active{border-color:#4c8eff;background:#4c8eff33}.time-selects select{border-color:#fff6}}.time-slots-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px;margin-bottom:16px;max-height:400px;overflow-y:auto;padding:4px}.time-slot{background:#1a1b1f;border:1px solid #2b2c30;border-radius:8px;text-align:center;padding:8px 4px;cursor:pointer;font-size:.85rem;transition:all .2s ease;color:#ccc;font-weight:500}[data-theme=light] .time-slot{background:var(--color-card);border:1px solid var(--color-border);color:#000}.time-slot:hover{border-color:#4c8eff;background:#4c8eff1a;color:#fff}.time-slot.active{background:#4c8eff;color:#fff;border-color:#4c8eff;box-shadow:0 2px 8px #4c8eff4d}.time-slot.active:hover{background:#3f7be0;border-color:#3f7be0}.fc,.fc *{pointer-events:none!important}.availability-modal *,.availability-modal button,.availability-modal select,.availability-modal input,.availability-modal .day-card{pointer-events:auto!important}@media (prefers-reduced-motion: reduce){.availability-modal-overlay,.availability-modal,.day-card,.close-btn,.cancel-btn,.save-btn{animation:none;transition:none}.day-card:hover{transform:none}.save-btn:hover:not(:disabled){transform:none}}.timeoff-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;pointer-events:auto!important;animation:fadeIn .25s ease-in-out}.timeoff-modal{background:#141518;color:#fff;width:640px;max-height:90vh;overflow-y:auto;border-radius:16px;padding:24px;box-shadow:0 8px 24px #00000080;z-index:10000;position:relative;pointer-events:auto!important;animation:slideIn .25s ease-in-out;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}[data-theme=light] .timeoff-modal{background:var(--color-card, #ffffff);color:#000;border:1px solid var(--color-border, rgba(0, 0, 0, .08));box-shadow:0 8px 24px #00000026}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(255,255,255,.1);padding:16px 24px;margin:-24px -24px 20px;background:var(--color-bg-secondary);flex-shrink:0}[data-theme=light] .modal-header{border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08));background:#f5f5f5}.modal-title{font-size:1.5rem;font-weight:600;margin:0;color:#fff;padding-top:4px;padding-left:4px}[data-theme=light] .modal-title{color:#000}.modal-close{display:none}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-close:focus{outline:2px solid #3b82f6;outline-offset:2px;background:#ffffff1a;color:#fff}.modal-content{flex:1;overflow-y:auto;padding:0;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;background:transparent}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:transparent}.modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.modal-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.form-group{margin-bottom:20px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1;margin-bottom:0}.form-label{display:block;color:#e5e7eb;font-size:14px;font-weight:600;margin-bottom:8px;line-height:1.3}.form-input,.form-textarea{width:100%;background:#141518;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;font-weight:500;transition:all .2s ease;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none;border-color:#4c8eff;box-shadow:0 0 0 2px #4c8eff33}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af;opacity:1}.form-input.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.form-input.error:focus,.form-textarea.error:focus{outline-color:#ef4444;border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}.form-textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none;color:#e5e7eb;font-size:14px;font-weight:500}.checkbox-input{width:18px;height:18px;accent-color:#3b82f6;cursor:pointer}.checkbox-text{line-height:1.3}.error-message{display:block;color:#ef4444;font-size:12px;font-weight:500;margin-top:6px;line-height:1.3}.error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:12px 16px;color:#fca5a5;font-size:14px;font-weight:500;margin-top:16px;line-height:1.4}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin:24px -24px -24px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);background:var(--color-bg-secondary);flex-shrink:0}.btn{padding:10px 20px;border-radius:8px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;box-sizing:border-box;flex-shrink:0}.btn-primary,.btn.save-btn{padding:10px 24px;font-weight:600;border:none}.btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn-secondary,.cancel-btn{background:#2a2b2f;color:#ccc;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 20px;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease}[data-theme=light] .btn-secondary,[data-theme=light] .cancel-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled),.cancel-btn:hover:not(:disabled){background:#3a3b40;border-color:#fff3;color:#fff}[data-theme=light] .btn-secondary:hover:not(:disabled),[data-theme=light] .cancel-btn:hover:not(:disabled){background:#e8e8e8;color:#000}.btn-primary,.save-btn{background:linear-gradient(135deg,#4c8eff,#3b82f6);border:none;color:#fff;border-radius:8px;padding:10px 24px;font-weight:600;cursor:pointer;font-size:.9rem;transition:all .2s ease;box-shadow:0 2px 8px #4c8eff4d}[data-theme=light] .btn-primary,[data-theme=light] .save-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border);box-shadow:none}.btn-primary:hover:not(:disabled),.save-btn:hover:not(:disabled){background:linear-gradient(135deg,#3f7be0,#2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #4c8eff66}[data-theme=light] .btn-primary:hover:not(:disabled),[data-theme=light] .save-btn:hover:not(:disabled){background:#e8e8e8;color:#000;box-shadow:0 4px 12px #3b82f626}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){.timeoff-modal-overlay{padding:16px}.timeoff-modal{max-width:100%;max-height:95vh}.modal-header{padding:16px 20px}.modal-title{font-size:18px}.modal-content{padding:20px}.form-group{margin-bottom:16px}.form-row{flex-direction:column;gap:0}.form-row .form-group{margin-bottom:16px}.form-label{font-size:13px}.form-input,.form-textarea{padding:10px 14px;font-size:13px}.form-textarea{min-height:70px}.checkbox-label{font-size:13px}.checkbox-input{width:16px;height:16px}.error-message{font-size:11px}.error-banner{padding:10px 14px;font-size:13px}.modal-footer{flex-direction:column;gap:8px;padding:16px 20px}.btn{width:100%;min-width:auto}}@media (max-width: 480px){.timeoff-modal-overlay{padding:12px}.modal-header{padding:12px 16px}.modal-title{font-size:16px}.modal-content{padding:16px}.form-group,.form-row .form-group{margin-bottom:14px}.form-label{font-size:12px}.form-input,.form-textarea{padding:8px 12px;font-size:12px}.form-textarea{min-height:60px}.checkbox-label{font-size:12px}.checkbox-input{width:14px;height:14px}.error-message{font-size:10px}.error-banner{padding:8px 12px;font-size:12px}.modal-footer{padding:12px 16px}.btn{padding:10px 20px;font-size:13px;height:40px}}@media (prefers-reduced-motion: reduce){.timeoff-modal-overlay,.timeoff-modal{animation:none}.btn{transition:none}.btn:hover{transform:none}}@media (prefers-contrast: high){.form-input,.form-textarea{border-color:#ffffff4d}.form-input.error,.form-textarea.error{border-color:#ef4444}}[data-theme=light] .timeoff-modal-overlay{background:#00000080}[data-theme=light] .modal-content{background:transparent}[data-theme=light] .modal-close{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .modal-close:hover{background:#0000000d;color:var(--color-text, #111827)}[data-theme=light] .modal-close:focus{background:#0000000d;color:var(--color-text, #111827);outline-color:var(--color-primary, #2563eb)}[data-theme=light] .modal-content{background:var(--color-card, #ffffff);scrollbar-color:rgba(0,0,0,.2) transparent}[data-theme=light] .modal-content::-webkit-scrollbar-thumb{background:#0003}[data-theme=light] .modal-content::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=light] .form-label{color:var(--color-text, #111827)}[data-theme=light] .form-input,[data-theme=light] .form-textarea{background:var(--color-bg-secondary, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .08));color:var(--color-text, #111827)}[data-theme=light] .form-input:focus,[data-theme=light] .form-textarea:focus{outline:none;border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 2px var(--color-primary-light, rgba(37, 99, 235, .1))}[data-theme=light] .form-input::placeholder,[data-theme=light] .form-textarea::placeholder{color:var(--color-text-muted, #6b7280)}[data-theme=light] .form-input.error,[data-theme=light] .form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}[data-theme=light] .form-input.error:focus,[data-theme=light] .form-textarea.error:focus{outline-color:#ef4444;border-color:#ef4444;box-shadow:0 0 0 2px #ef44441a}[data-theme=light] .error-message{color:#dc2626}[data-theme=light] .error-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#dc2626}[data-theme=light] .modal-footer{border-top:1px solid var(--color-border, rgba(0, 0, 0, .08));background:#f5f5f5}[data-theme=light] .btn-primary{background:var(--color-primary, #2563eb);color:#fff;border:none}[data-theme=light] .btn-primary:hover:not(:disabled){background:var(--color-primary-hover, #1d4ed8);color:#fff;box-shadow:0 4px 12px #2563eb4d}.time-off-details-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px;animation:fadeIn .15s ease-out}.time-off-details-modal{background:#282c34;border:1px solid rgba(255,255,255,.06);border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0000004d;animation:slideInUp .15s ease-out;overflow:hidden}.time-off-details-modal__header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0;background:#282c34}.time-off-details-modal__header h2{color:#fff;font-size:20px;font-weight:700;margin:0;line-height:1.2}.time-off-details-modal__close{background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease}.time-off-details-modal__close:hover{background:#ffffff1a;color:#fff}.time-off-details-modal__close:focus{outline:2px solid #3b82f6;outline-offset:2px;background:#ffffff1a;color:#fff}.time-off-details-modal__errors{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;padding:12px 16px;margin:16px 24px 0;color:#fca5a5;font-size:14px;font-weight:500;line-height:1.4}.time-off-details-modal__error{font-size:14px;margin-bottom:6px}.time-off-details-modal__error:last-child{margin-bottom:0}.time-off-details-modal__content{flex:1;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent;background:#282c34}.time-off-details-modal__content::-webkit-scrollbar{width:6px}.time-off-details-modal__content::-webkit-scrollbar-track{background:transparent}.time-off-details-modal__content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.time-off-details-modal__content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.time-off-details-modal__field{margin-bottom:20px}.time-off-details-modal__field:last-child{margin-bottom:0}.time-off-details-modal__field label{display:block;color:#e5e7eb;font-size:14px;font-weight:600;margin-bottom:8px;line-height:1.3}.time-off-details-modal__value{background:#1f2937cc;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;font-weight:500;min-height:20px}.time-off-details-modal__input,.time-off-details-modal__textarea{width:100%;background:#1f2937cc;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:12px 16px;color:#fff;font-size:14px;font-weight:500;transition:all .2s ease;box-sizing:border-box}.time-off-details-modal__input:focus,.time-off-details-modal__textarea:focus{outline:2px solid #3b82f6;outline-offset:0;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.time-off-details-modal__textarea{resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.time-off-details-modal__help{display:block;margin-top:6px;color:#9ca3af;font-size:12px;line-height:1.3}.time-off-details-modal__actions{display:flex;gap:12px;justify-content:flex-end;padding:20px 24px;border-top:1px solid rgba(255,255,255,.06);flex-shrink:0;background:#282c34}.time-off-details-modal__edit-btn,.time-off-details-modal__save-btn,.time-off-details-modal__delete-btn,.time-off-details-modal__close-btn,.time-off-details-modal__cancel-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;min-width:120px;height:44px;display:flex;align-items:center;justify-content:center}.time-off-details-modal__edit-btn:focus,.time-off-details-modal__save-btn:focus,.time-off-details-modal__delete-btn:focus,.time-off-details-modal__close-btn:focus,.time-off-details-modal__cancel-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.time-off-details-modal__edit-btn:disabled,.time-off-details-modal__save-btn:disabled,.time-off-details-modal__delete-btn:disabled,.time-off-details-modal__cancel-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.time-off-details-modal__edit-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.time-off-details-modal__edit-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.time-off-details-modal__save-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.time-off-details-modal__save-btn:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1e40af);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.time-off-details-modal__delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.time-off-details-modal__delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c);transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.time-off-details-modal__close-btn,.time-off-details-modal__cancel-btn{background:#4b5563cc;color:#e5e7eb;border:1px solid rgba(255,255,255,.1)}.time-off-details-modal__close-btn:hover,.time-off-details-modal__cancel-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.time-off-details-modal-overlay{padding:16px}.time-off-details-modal{max-width:100%;max-height:95vh}.time-off-details-modal__header{padding:16px 20px}.time-off-details-modal__header h2{font-size:18px}.time-off-details-modal__content{padding:20px}.time-off-details-modal__field{margin-bottom:16px}.time-off-details-modal__field label{font-size:13px}.time-off-details-modal__input,.time-off-details-modal__textarea{padding:10px 14px;font-size:13px}.time-off-details-modal__textarea{min-height:70px}.time-off-details-modal__help{font-size:11px}.time-off-details-modal__actions{flex-direction:column;gap:8px;padding:16px 20px}.time-off-details-modal__edit-btn,.time-off-details-modal__save-btn,.time-off-details-modal__delete-btn,.time-off-details-modal__close-btn,.time-off-details-modal__cancel-btn{width:100%;min-width:auto}}@media (max-width: 480px){.time-off-details-modal-overlay{padding:12px}.time-off-details-modal__header{padding:12px 16px}.time-off-details-modal__header h2{font-size:16px}.time-off-details-modal__content{padding:16px}.time-off-details-modal__field{margin-bottom:14px}.time-off-details-modal__field label{font-size:12px}.time-off-details-modal__input,.time-off-details-modal__textarea{padding:8px 12px;font-size:12px}.time-off-details-modal__textarea{min-height:60px}.time-off-details-modal__help{font-size:10px}.time-off-details-modal__actions{padding:12px 16px}.time-off-details-modal__edit-btn,.time-off-details-modal__save-btn,.time-off-details-modal__delete-btn,.time-off-details-modal__close-btn,.time-off-details-modal__cancel-btn{padding:10px 20px;font-size:13px;height:40px}}@media (prefers-reduced-motion: reduce){.time-off-details-modal-overlay,.time-off-details-modal{animation:none}.time-off-details-modal__edit-btn,.time-off-details-modal__save-btn,.time-off-details-modal__delete-btn,.time-off-details-modal__close-btn,.time-off-details-modal__cancel-btn{transition:none}.time-off-details-modal__edit-btn:hover,.time-off-details-modal__save-btn:hover,.time-off-details-modal__delete-btn:hover,.time-off-details-modal__close-btn:hover,.time-off-details-modal__cancel-btn:hover{transform:none}}@media (prefers-contrast: high){.time-off-details-modal__input,.time-off-details-modal__textarea{border-color:#ffffff4d}}.fc,.fc .fc-view-harness,.fc .fc-scrollgrid{width:100%!important;max-width:none!important}.calendar,.calendar-container,.calendar-wrapper,.card--calendar,.panel--calendar,.section--calendar,.page-calendar,.main-content,.page-content,.content{max-width:none!important;width:100%!important}.layout-main,.app-main,.page-grid,.page-shell{display:flex}.layout-main .sidebar,.app-main .sidebar{flex:0 0 240px}.layout-main .content,.app-main .content,.page-grid .content,.page-shell .content{flex:1 1 auto;min-width:0}.card--calendar .fc,.panel--calendar .fc{margin-left:-8px;margin-right:-8px}.calendar-page{height:100vh;display:flex;flex-direction:column;background:var(--color-bg);color:var(--color-text)}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0;position:sticky;top:0;z-index:100}.calendar-header__left{display:flex;align-items:center;gap:var(--space-md)}.calendar-header__title{font-size:1.5rem;font-weight:700;margin:0;color:var(--color-text)}.calendar-header__date-range{font-size:1rem;color:var(--color-text-secondary);font-weight:500}.calendar-header__center{display:flex;align-items:center}.calendar-header__navigation{display:flex;align-items:center;gap:var(--space-sm)}.calendar-header__nav-btn,.calendar-header__today-btn{padding:var(--space-sm) var(--space-md);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}[data-theme=light] .calendar-header__nav-btn,[data-theme=light] .calendar-header__today-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.calendar-header__nav-btn:hover,.calendar-header__today-btn:hover{background:var(--color-card-hover);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=light] .calendar-header__nav-btn:hover,[data-theme=light] .calendar-header__today-btn:hover{background:#e8e8e8;color:#000}.calendar-header__today-btn{background:var(--color-primary);border-color:var(--color-primary);color:#fff}[data-theme=light] .calendar-header__today-btn{background:#f5f5f5;color:#000;border-color:var(--color-primary)}.calendar-header__today-btn:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:#fff}[data-theme=light] .calendar-header__today-btn:hover{background:#e8e8e8;color:#000}.calendar-header__right{display:flex;align-items:center;gap:var(--space-lg)}.calendar-header__view-switcher{display:flex;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}.calendar-header__view-btn{padding:var(--space-sm) var(--space-md);background:transparent;border:none;color:var(--color-text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease}[data-theme=light] .calendar-header__view-btn{background:#f5f5f5;color:#000}.calendar-header__view-btn:hover{background:var(--color-card-hover);color:var(--color-text)}[data-theme=light] .calendar-header__view-btn:hover{background:#e8e8e8;color:#000}.calendar-header__view-btn.active{background:var(--color-primary);color:#fff}[data-theme=light] .calendar-header__view-btn.active{background:#f5f5f5;color:#000}.calendar-header__availability-btn{padding:var(--space-sm) var(--space-lg);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}[data-theme=light] .calendar-header__availability-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.calendar-header__availability-btn:hover{background:var(--color-card-hover);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=light] .calendar-header__availability-btn:hover{background:#e8e8e8;color:#000}.calendar-header__time-off-btn{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}[data-theme=light] .calendar-header__time-off-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.calendar-header__time-off-btn:hover{background:var(--color-primary-hover);transform:translateY(-1px)}[data-theme=light] .calendar-header__time-off-btn:hover{background:#e8e8e8;color:#000}.calendar-layout{flex:1;display:grid;grid-template-columns:1fr;min-height:0;overflow:hidden}.calendar-main{flex:1;overflow:auto;padding:var(--space-lg)}.calendar-grid{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;min-height:500px}.calendar-grid--loading,.calendar-grid--empty{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-state,.empty-state{text-align:center;color:var(--color-text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-md)}.empty-state__icon{font-size:3rem;margin-bottom:var(--space-md);color:var(--color-text-muted)}.empty-state h3{margin:0 0 var(--space-sm) 0;color:var(--color-text)}.empty-state p{margin:0;color:var(--color-text-secondary)}.calendar-grid--month{display:grid;grid-template-rows:auto 1fr}.calendar-grid__header{display:grid;grid-template-columns:repeat(7,1fr);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.calendar-grid__header-cell{padding:var(--space-md);text-align:center;font-weight:600;color:var(--color-text-secondary);font-size:.875rem;text-transform:uppercase;letter-spacing:.5px}.calendar-grid__body{display:grid;grid-template-columns:repeat(7,1fr);grid-template-rows:repeat(6,1fr);min-height:500px}.calendar-grid__cell{border-right:1px solid var(--color-border);border-bottom:1px solid var(--color-border);padding:var(--space-sm);cursor:pointer;transition:all .2s ease;position:relative;min-height:100px;background:var(--color-card)}.calendar-grid__cell:hover{background:var(--color-card-hover)}.calendar-grid__cell.other-month{color:var(--color-text-muted);background:var(--color-bg-tertiary)}.calendar-grid__cell.today{background:var(--color-primary-light);border-color:var(--color-primary)}.calendar-grid__cell.selected{background:var(--color-primary);color:#fff}.calendar-grid__cell.non-working{background:var(--color-bg-tertiary);opacity:.6}.calendar-grid__cell-date{font-weight:600;margin-bottom:var(--space-xs);font-size:.875rem}.calendar-grid__cell-content{display:flex;flex-direction:column;gap:var(--space-xs)}.calendar-grid--week{display:grid;grid-template-rows:auto 1fr}.calendar-grid--week .calendar-grid__header{grid-template-columns:repeat(7,1fr)}.calendar-grid--week .calendar-grid__header-cell{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.calendar-grid__header-day{font-size:.75rem;text-transform:uppercase;letter-spacing:.5px}.calendar-grid__header-date{font-size:1.25rem;font-weight:700}.calendar-grid--week .calendar-grid__body{grid-template-columns:repeat(7,1fr);grid-template-rows:1fr}.calendar-grid__cell--week{min-height:300px;border-right:1px solid var(--calendar-border)}.calendar-grid--day{display:grid;grid-template-rows:1fr}.calendar-grid--day .calendar-grid__body{grid-template-columns:1fr;grid-template-rows:1fr}.calendar-grid__cell--day{min-height:400px}.appointment-block{background:var(--color-card);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);cursor:pointer;transition:all .2s ease;font-size:.75rem;line-height:1.2}.appointment-block:hover{background:var(--color-card-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.appointment-block__time{font-weight:600;color:var(--color-text)}.appointment-block__client{color:var(--color-text-secondary);font-weight:500}.appointment-block__status{color:var(--color-text-muted);font-size:.7rem;text-transform:uppercase;letter-spacing:.5px}.appointment-block__description{color:var(--color-text-secondary);font-size:.7rem;margin-top:var(--space-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-off-block{background:var(--color-bg-tertiary);border-left:3px solid var(--color-warning);border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:.75rem;color:var(--color-text-secondary);font-style:italic}.more-appointments{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);padding:var(--space-xs) var(--space-sm);font-size:.7rem;font-weight:600;text-align:center;cursor:pointer;transition:all .2s ease}.more-appointments:hover{background:var(--color-primary-hover)}.availability-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg, 24px)}[data-theme=light] .availability-drawer-overlay{background:#0006}.availability-drawer{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.availability-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.availability-drawer__header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text)}.availability-drawer__close{background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s ease}.availability-drawer__close:hover{background:var(--color-card-hover);color:var(--color-text)}.availability-drawer__demo-banner{background:#f59e0b;color:#fff;padding:var(--space-sm) var(--space-lg);text-align:center;font-size:.875rem;font-weight:500}.availability-drawer__content{flex:1;overflow-y:auto;padding:var(--space-lg)}.availability-section{margin-bottom:var(--space-xl)}.availability-section h3{margin:0 0 var(--space-sm) 0;font-size:1.125rem;font-weight:600;color:var(--color-text)}.availability-section__description{margin:0 0 var(--space-lg) 0;color:var(--color-text-secondary);font-size:.875rem;line-height:1.5}.working-hours{display:flex;flex-direction:column;gap:var(--space-md)}.working-hours__day{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.working-hours__day-header{margin-bottom:var(--space-sm)}.working-hours__day-toggle{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer}.working-hours__day-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary)}.working-hours__day-label{font-weight:600;color:var(--color-text);font-size:.875rem}.working-hours__ranges{display:flex;flex-direction:column;gap:var(--space-sm)}.working-hours__range{display:flex;align-items:center;gap:var(--space-sm)}.working-hours__time-input{padding:var(--space-xs) var(--space-sm);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem;transition:all .2s ease}.working-hours__time-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.working-hours__time-separator{color:var(--color-text-secondary);font-size:.875rem}.working-hours__remove-range{background:#ef4444;border:none;color:#fff;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:.875rem;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.working-hours__remove-range:hover{background:#dc2626}.working-hours__add-range{background:none;border:1px dashed var(--color-border);color:var(--color-text-secondary);padding:var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;transition:all .2s ease}.working-hours__add-range:hover{border-color:var(--color-primary);color:var(--color-primary)}.time-off-list{display:flex;flex-direction:column;gap:var(--space-sm)}.time-off-list__empty{color:var(--color-text-secondary);font-style:italic;text-align:center;padding:var(--space-lg)}.time-off-entry{display:flex;align-items:center;justify-content:space-between;background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md)}.time-off-entry__details{flex:1}.time-off-entry__date{font-weight:600;color:var(--color-text);font-size:.875rem}.time-off-entry__time{color:var(--color-text-secondary);font-size:.8rem;margin-top:var(--space-xs)}.time-off-entry__notes{color:var(--color-text-secondary);font-size:.8rem;margin-top:var(--space-xs);font-style:italic}.time-off-entry__remove{background:#ef4444;border:none;color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:500;transition:all .2s ease}.time-off-entry__remove:hover{background:#dc2626}.availability-drawer__actions{display:flex;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-border)}.availability-drawer__reset-btn,.availability-drawer__save-btn{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.availability-drawer__reset-btn{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text)}[data-theme=light] .availability-drawer__reset-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.availability-drawer__reset-btn:hover{background:var(--color-card-hover);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=light] .availability-drawer__reset-btn:hover{background:#e8e8e8;color:#000}.availability-drawer__save-btn{background:var(--color-primary);border:none;color:#fff}[data-theme=light] .availability-drawer__save-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.availability-drawer__save-btn:hover:not(:disabled){background:var(--color-primary-hover)}[data-theme=light] .availability-drawer__save-btn:hover:not(:disabled){background:#e8e8e8;color:#000}.availability-drawer__save-btn:disabled{opacity:.5;cursor:not-allowed}.time-off-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg, 24px)}[data-theme=light] .time-off-modal-overlay{background:#0006}.time-off-modal{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden}.time-off-modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.time-off-modal__header h2{margin:0;font-size:1.25rem;font-weight:700;color:var(--color-text)}.time-off-modal__close{background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--space-xs);border-radius:var(--radius-sm);transition:all .2s ease}.time-off-modal__close:hover{background:var(--color-card-hover);color:var(--color-text)}.time-off-modal__form{flex:1;overflow-y:auto;padding:var(--space-lg)}.time-off-modal__errors{background:#ef4444;color:#fff;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);margin-bottom:var(--space-lg)}.time-off-modal__error{font-size:.875rem;margin-bottom:var(--space-xs)}.time-off-modal__error:last-child{margin-bottom:0}.time-off-modal__field{margin-bottom:var(--space-lg)}.time-off-modal__label{display:block;margin-bottom:var(--space-sm);font-weight:600;color:var(--color-text);font-size:.875rem}.time-off-modal__input,.time-off-modal__textarea{width:100%;padding:var(--space-sm) var(--space-md);background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.875rem;transition:all .2s ease}.time-off-modal__input:focus,.time-off-modal__textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.time-off-modal__textarea{resize:vertical;min-height:80px}.time-off-modal__checkbox-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;color:var(--color-text);font-size:.875rem}.time-off-modal__checkbox{width:18px;height:18px;accent-color:var(--color-primary)}.time-off-modal__help{display:block;margin-top:var(--space-xs);color:var(--color-text-secondary);font-size:.8rem}.time-off-modal__actions{display:flex;gap:var(--space-sm);padding:var(--space-lg);border-top:1px solid var(--color-border)}.time-off-modal__cancel-btn,.time-off-modal__save-btn{flex:1;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease}.time-off-modal__cancel-btn{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-text)}[data-theme=light] .time-off-modal__cancel-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.time-off-modal__cancel-btn:hover{background:var(--color-card-hover);border-color:var(--color-primary);color:var(--color-primary)}[data-theme=light] .time-off-modal__cancel-btn:hover{background:#e8e8e8;color:#000}.time-off-modal__save-btn{background:var(--color-primary);border:none;color:#fff}[data-theme=light] .time-off-modal__save-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.time-off-modal__save-btn:hover{background:var(--color-primary-hover)}[data-theme=light] .time-off-modal__save-btn:hover{background:#e8e8e8;color:#000}@media (max-width: 768px){.calendar-header{flex-direction:column;gap:var(--space-md);align-items:stretch}.calendar-header__left,.calendar-header__center,.calendar-header__right{justify-content:center}.calendar-header__view-switcher{width:100%}.calendar-header__view-btn{flex:1}.calendar-main{padding:var(--space-md)}.calendar-grid__cell{min-height:80px}.calendar-grid__cell--week{min-height:200px}.calendar-grid__cell--day{min-height:300px}.availability-drawer,.time-off-modal{margin:var(--space-sm);max-height:calc(100vh - var(--space-lg))}.availability-drawer__content,.time-off-modal__form{padding:var(--space-md)}.working-hours__range{flex-direction:column;align-items:stretch;gap:var(--space-xs)}.working-hours__time-separator{text-align:center}}@media (max-width: 480px){.calendar-header{padding:var(--space-md)}.calendar-header__title{font-size:1.25rem}.calendar-header__date-range{font-size:.875rem}.calendar-main{padding:var(--space-sm)}.calendar-grid__cell{min-height:60px;padding:var(--space-xs)}.appointment-block{font-size:.7rem;padding:var(--space-xs) var(--space-xs)}.availability-drawer__actions,.time-off-modal__actions{flex-direction:column}}.calendar-page{display:flex!important;flex-direction:column;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;overflow:hidden!important;background:transparent;box-sizing:border-box;position:relative!important;z-index:1!important;visibility:visible!important;opacity:1!important;padding:0!important;margin:0!important}.calendar-body{flex:1!important;display:flex!important;flex-direction:column;width:100%!important;max-width:100%!important;height:100%!important;min-height:0!important;background:transparent;border-radius:0;padding:0!important;margin:0!important;box-sizing:border-box;overflow:hidden!important;position:relative!important;z-index:2!important;visibility:visible!important;opacity:1!important}.calendar-body .artist-calendar{flex:1;width:100%!important;max-width:100%!important;height:100%;background:var(--color-bg);border-radius:0;box-sizing:border-box;margin:0!important;padding:0!important}.calendar-body .artist-calendar .fc-view-harness,.calendar-body .artist-calendar .fc-scroller{width:100%!important;height:100%!important;overflow:hidden!important}.calendar-body .artist-calendar .fc-scrollgrid,.calendar-body .artist-calendar .fc-daygrid-body,.calendar-body .artist-calendar .fc-scrollgrid-sync-table{height:100%!important}.calendar-body .artist-calendar .fc-daygrid-day-frame{height:100%;display:flex;flex-direction:column}.calendar-body .artist-calendar{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.calendar-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;background:var(--color-bg);border-radius:0;padding:40px;text-align:center}.calendar-loading-spinner{margin-bottom:24px}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.calendar-loading-content h3{color:var(--color-text);font-size:1.5rem;font-weight:600;margin:0 0 8px}.calendar-loading-content p{color:var(--color-text-secondary);font-size:1rem;margin:0;opacity:.8}.calendar-refresh-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#141518e6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:0;pointer-events:auto;overflow:hidden}[data-theme=light] .calendar-refresh-overlay{background:#f8f9fbf2}.calendar-refresh-spinner{margin-bottom:16px}.calendar-refresh-spinner .loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.calendar-refresh-text{color:var(--color-text);font-size:.9rem;font-weight:500;opacity:.9}.calendar-page{opacity:1;transition:opacity .3s ease-in-out}.calendar-page.loading{opacity:.7}.calendar-body{animation:fadeInUp .5s ease-out}.calendar-body.fade-in{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calendar-footer{display:flex;justify-content:center;align-items:center;gap:24px;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);color:var(--color-text-secondary);padding:10px 0;border-radius:0}@media (max-width: 1024px){.calendar-page{height:100%!important}}@media (max-width: 768px){.calendar-page{height:100%!important}.calendar-body .artist-calendar .fc-toolbar{flex-direction:column;gap:10px}.calendar-body .artist-calendar .fc-col-header-cell{font-size:.75rem;padding:4px 0}.calendar-body .artist-calendar .fc-daygrid-day-frame{padding:3px}}.download-analytics-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1600;padding:1rem}.download-analytics-modal{background:#1c1e22;color:#dadada;border-radius:12px;width:520px;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 25px 80px #000c,0 0 0 1px #ffffff0d;animation:modalSlideIn .2s ease-out;display:flex;flex-direction:column}.download-analytics-header{padding:2rem 2rem 1rem;border-bottom:1px solid rgba(255,255,255,.1)}.download-analytics-header h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.download-analytics-subtitle{color:#dadada;font-size:.9rem;margin:0;opacity:.8;line-height:1.5}.download-analytics-body{padding:1.5rem 2rem;flex:1;display:flex;flex-direction:column;gap:1.5rem}.download-analytics-field{display:flex;flex-direction:column;gap:.5rem}.download-analytics-label{color:#fff;font-size:.9rem;font-weight:600}.download-analytics-select{background:#2a2d34;color:#dadada;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:.75rem 1rem;font-size:.9rem;cursor:pointer;transition:all .2s ease;outline:none}.download-analytics-select:hover:not(:disabled){border-color:#fff3;background:#3a3d44}.download-analytics-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.download-analytics-select:disabled{opacity:.5;cursor:not-allowed}.download-analytics-radio-group{display:flex;gap:1rem;margin-top:.25rem}.download-analytics-radio-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;color:#dadada;font-size:.9rem;padding:.5rem 0}.download-analytics-radio-label:hover{color:#fff}.download-analytics-radio{width:18px;height:18px;cursor:pointer;accent-color:#2563EB}.download-analytics-radio:disabled{cursor:not-allowed;opacity:.5}.download-analytics-preview{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:1rem;margin-top:.5rem}.download-analytics-preview-title{color:#fff;font-size:.9rem;font-weight:600;margin:0 0 .75rem}.download-analytics-preview-list{margin:0;padding-left:1.25rem;color:#dadada;font-size:.85rem;line-height:1.8}.download-analytics-preview-list li{margin-bottom:.25rem}.download-analytics-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:.75rem 1rem;border-radius:8px;font-size:.85rem;margin-top:.5rem}.download-analytics-footer{padding:1rem 2rem 2rem;display:flex;justify-content:flex-end;gap:1rem;border-top:1px solid rgba(255,255,255,.1)}.btn{padding:.75rem 1.5rem;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;min-width:120px;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-secondary{background:#2a2d34;color:#dadada;border:1px solid rgba(255,255,255,.1)}.btn-secondary:hover:not(:disabled){background:#3a3d44;border-color:#fff3}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.loading-spinner-small{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}[data-theme=light] .download-analytics-modal{background:#fff;color:#1f2937;box-shadow:0 25px 80px #00000026}[data-theme=light] .download-analytics-header h2{color:#111827}[data-theme=light] .download-analytics-subtitle{color:#6b7280}[data-theme=light] .download-analytics-label{color:#111827}[data-theme=light] .download-analytics-select{background:#f9fafb;color:#1f2937;border-color:#e5e7eb}[data-theme=light] .download-analytics-select:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db}[data-theme=light] .download-analytics-select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}[data-theme=light] .download-analytics-radio-label{color:#374151}[data-theme=light] .download-analytics-radio-label:hover{color:#111827}[data-theme=light] .download-analytics-preview{background:#f9fafb;border-color:#e5e7eb}[data-theme=light] .download-analytics-preview-title{color:#111827}[data-theme=light] .download-analytics-preview-list{color:#6b7280}[data-theme=light] .download-analytics-error{background:#ef44441a;border-color:#ef44444d;color:#dc2626}[data-theme=light] .btn-primary{background:#2563eb;color:#fff}[data-theme=light] .btn-primary:hover:not(:disabled){background:#1d4ed8}[data-theme=light] .btn-secondary{background:#f3f4f6;color:#1f2937;border-color:#d1d5db}[data-theme=light] .btn-secondary:hover:not(:disabled){background:#e5e7eb;border-color:#9ca3af}@media (max-width: 640px){.download-analytics-modal{width:100%;max-width:100vw;margin:0;border-radius:0;max-height:100vh}.download-analytics-modal-overlay{padding:0}.download-analytics-header{padding:1.5rem 1rem 1rem}.download-analytics-body{padding:1rem}.download-analytics-footer{padding:1rem;flex-direction:column-reverse}.btn{width:100%}.download-analytics-radio-group{flex-direction:column;gap:.5rem}}@media (max-width: 768px) and (min-width: 641px){.download-analytics-modal{width:95vw;max-width:600px}}.analytics-page{min-height:100svh;width:100%;padding:clamp(24px,5svh,56px) clamp(24px,6vw,64px) clamp(64px,8svh,96px);display:flex;flex-direction:column;align-items:center;gap:clamp(24px,4svh,40px);background:#000;color:#f8fafc;box-sizing:border-box}:root,[data-theme=dark]{--chart-point-fill: #1f2937;--chart-point-stroke: #93c5fd;--chart-line-stroke: #60a5fa;--donut-center-fill: rgba(15,23,42,.92);--donut-text-primary: #f8fafc;--donut-text-secondary: rgba(148, 163, 184, .8);--legend-text-color: rgba(226,232,240,.7)}[data-theme=light]{--chart-point-fill: #ffffff;--chart-point-stroke: #3b82f6;--chart-line-stroke: #2563eb;--donut-center-fill: rgba(255, 255, 255, .95);--donut-text-primary: #0f172a;--donut-text-secondary: rgba(15, 23, 42, .6);--legend-text-color: rgba(30, 41, 59, .8)}.analytics-inner{width:min(1200px,100%);display:flex;flex-direction:column;gap:clamp(32px,5svh,64px);padding-top:clamp(12px,2vh,20px)}.analytics-sticky-header{position:relative;top:0;z-index:1;background:#0f1119db;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(148,163,184,.12);border-radius:20px;padding:clamp(20px,3svh,28px);margin-bottom:clamp(28px,5svh,44px);box-shadow:0 18px 44px #02091b6b;display:flex;flex-direction:column;gap:clamp(12px,2.4svh,18px)}.analytics-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;flex-wrap:wrap}.analytics-download-btn{background:#2563eb;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem;white-space:nowrap;box-shadow:0 4px 12px #2563eb4d}.analytics-download-btn:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb66}.analytics-download-btn:focus-visible{outline:2px solid #2563EB;outline-offset:2px}[data-theme=light] .analytics-download-btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border);box-shadow:none}[data-theme=light] .analytics-download-btn:hover{background:#e8e8e8;color:#000;box-shadow:none}.analytics-sticky-header h1{font-size:clamp(28px,4.5vw,3.2rem);font-weight:700;margin:0;color:#f8fafc}.analytics-sticky-header p{margin:0;color:#e2e8f0d9;font-size:clamp(15px,2.3vw,18px);max-width:60ch}.sticky-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:clamp(18px,2.8svh,28px)}.sticky-summary-card{background:linear-gradient(135deg,#4f46e538,#2563eb1f);border:1px solid rgba(129,140,248,.24);border-radius:18px;padding:clamp(16px,2.3svh,22px);display:flex;flex-direction:column;gap:8px;box-shadow:0 18px 32px #3b82f62e}.sticky-summary-card.secondary{background:linear-gradient(135deg,#ec48992e,#0ea5e924);border:1px solid rgba(244,114,182,.3);box-shadow:0 18px 32px #f472b629}.sticky-summary-card span{text-transform:uppercase;letter-spacing:1.2px;font-size:12px;color:#e2e8f0b3;font-weight:600}.sticky-summary-card strong{font-size:clamp(22px,3.6vw,32px);font-weight:700;color:#f1f5f9;line-height:1.1}.analytics-section{display:flex;flex-direction:column;gap:clamp(18px,2.8svh,24px);min-height:min(80svh,640px)}.quick-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(20px,3svh,32px);width:100%}.stat-card{background:linear-gradient(145deg,#1e293b9e,#0f172acc);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:clamp(18px,3svh,26px);display:flex;flex-direction:column;gap:16px;box-shadow:0 22px 48px #080f2373;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;outline:none;position:relative}.stat-card:hover,.stat-card:focus-visible{transform:translateY(-3px);border-color:#818cf859;box-shadow:0 28px 60px #3b82f638}.stat-card-label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#94a3b8cc;font-weight:600}.stat-card-label:after{content:"";display:block;width:24px;height:2px;background:#94a3b840;margin-top:4px;border-radius:1px}.stat-card-value{font-size:clamp(22px,3.3vw,30px);font-weight:700;color:#f8fafc}.stat-trend{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;padding:6px 10px;border-radius:999px;width:fit-content}.stat-trend.up{background:#16a34a29;color:#4ade80}.stat-trend.down{background:#dc262624;color:#fca5a5}.stat-trend.flat{background:#94a3b833;color:#e2e8f0cc}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(20px,3svh,32px)}.chart-card{background:linear-gradient(160deg,#0f172acc,#0c121feb);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:clamp(20px,3.5svh,28px);display:flex;flex-direction:column;gap:20px;box-shadow:0 28px 62px #02061785}.chart-card h3{margin:0;font-size:clamp(18px,2.9vw,22px);color:#e0f2fe;font-weight:600;min-height:44px;display:flex;align-items:flex-end}.chart-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:4px}.chart-header h3{margin:0;flex:1}.chart-tabs{display:flex;gap:4px;background:#0f172a99;border:1px solid rgba(148,163,184,.15);border-radius:10px;padding:4px}.chart-tab{background:transparent;border:none;color:#e2e8f0b3;font-size:13px;font-weight:600;padding:6px 14px;border-radius:6px;cursor:pointer;transition:all .2s ease;outline:none}.chart-tab:hover{color:#e2e8f0e6;background:#94a3b81a}.chart-tab:focus-visible{outline:2px solid rgba(96,165,250,.5);outline-offset:2px}.chart-tab.active{background:linear-gradient(135deg,#60a5fa40,#3b82f633);color:#bfdbfe;border:1px solid rgba(96,165,250,.3);box-shadow:0 2px 8px #3b82f626}.chart-wrapper{position:relative;width:100%;height:clamp(240px,32svh,320px);display:flex;align-items:center;justify-content:center;padding:0 12px}.chart-empty{color:#94a3b8b3;font-size:15px}.line-chart{width:100%;height:100%;position:relative}.line-chart svg{width:100%;height:100%;overflow:visible}.chart-tooltip{position:absolute;pointer-events:none;background:#0f172af2;border:1px solid rgba(148,163,184,.35);border-radius:10px;padding:10px 12px;font-size:13px;color:#f8fafc;box-shadow:0 12px 32px #02061766;transform:translate(-50%,-110%);min-width:140px;text-align:center;z-index:5}.donut-chart{display:flex;flex-direction:column;align-items:center;gap:18px;width:100%}.donut-chart svg{max-width:200px;width:60%;height:auto}.donut-legend{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}.legend-item{display:flex;align-items:center;gap:10px;font-size:14px;color:#e2e8f0e6}.legend-swatch{width:14px;height:14px;border-radius:4px;flex-shrink:0}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(16px,2.8svh,24px)}.insight-card{background:linear-gradient(150deg,#1e40af38,#0f172ae0);border:1px solid rgba(96,165,250,.22);border-radius:16px;padding:clamp(18px,3svh,24px);display:flex;flex-direction:column;gap:12px;box-shadow:0 24px 52px #1e40af47;transition:transform .2s ease,border-color .2s ease}.insight-card:hover,.insight-card:focus-visible{transform:translateY(-3px);border-color:#818cf84d}.insight-meta{display:flex;align-items:center;justify-content:space-between;color:#cbd5e1d9;font-size:13px}.insight-icon{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#4f46e559,#2563eb33);display:flex;align-items:center;justify-content:center;color:#bfdbfe;box-shadow:inset 0 0 0 1px #818cf859}.insight-card strong{font-size:16px;font-weight:600;color:#f8fafc}.insight-card time{font-size:13px;color:#cbd5e1d9}.analytics-loading,.analytics-error{width:100%;display:flex;align-items:center;justify-content:center;background:#0f172aa6;border:1px dashed rgba(148,163,184,.35);border-radius:16px;padding:clamp(24px,4svh,36px);color:#e2e8f0cc;font-size:15px;text-align:center}.analytics-error{border-color:#f8717166;background:#7f1d1d61;color:#fee2e2}.analytics-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:400px;background:#141518;border-radius:0;padding:40px;text-align:center}.analytics-loading-spinner{margin-bottom:24px}.analytics-loading-spinner .loading-spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.1);border-top:4px solid #4c8eff;border-radius:50%;animation:spin 1s linear infinite}.analytics-loading-content h3{color:#fff;font-size:1.5rem;font-weight:600;margin:0 0 8px}.analytics-loading-content p{color:#aaa;font-size:1rem;margin:0;opacity:.8}.analytics-refresh-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#141518e6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;border-radius:0;pointer-events:auto;overflow:hidden}.analytics-refresh-spinner{margin-bottom:16px}.analytics-refresh-spinner .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #4c8eff;border-radius:50%;animation:spin 1s linear infinite}.analytics-refresh-text{color:#fff;font-size:.9rem;font-weight:500;opacity:.9}@media (max-width: 960px){.analytics-page{padding:clamp(18px,5svh,36px) clamp(16px,5vw,32px)}.analytics-sticky-header{position:static}.analytics-section{min-height:auto}}@media (max-width: 640px){.analytics-page{padding:18px clamp(14px,4vw,20px) 32px}.analytics-header-content{flex-direction:column;align-items:stretch}.analytics-download-btn{width:100%;justify-content:center}.sticky-summary{grid-template-columns:1fr;gap:clamp(16px,3svh,24px)}.charts-grid{grid-template-columns:1fr}.quick-stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:clamp(16px,3svh,24px)}.chart-wrapper{height:clamp(220px,28svh,260px)}.chart-header{flex-direction:column;align-items:flex-start;gap:12px}.chart-tabs{width:100%;justify-content:stretch}.chart-tab{flex:1;text-align:center}}[data-theme=light] .analytics-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);color:#0f172a}[data-theme=light] .analytics-sticky-header{background:#ffffffe6;border:1px solid rgba(148,163,184,.2);box-shadow:0 18px 44px #00000014}[data-theme=light] .analytics-sticky-header h1{color:#0f172a}[data-theme=light] .analytics-sticky-header p{color:#0f172ab3}[data-theme=light] .sticky-summary-card{background:linear-gradient(135deg,#3b82f61a,#2563eb14);border:1px solid rgba(59,130,246,.2);box-shadow:0 18px 32px #3b82f61a}[data-theme=light] .sticky-summary-card.secondary{background:linear-gradient(135deg,#ec48991a,#0ea5e914);border:1px solid rgba(244,114,182,.2);box-shadow:0 18px 32px #f472b61a}[data-theme=light] .sticky-summary-card span{color:#0f172a99}[data-theme=light] .sticky-summary-card strong,[data-theme=light] .section-header h2{color:#0f172a}[data-theme=light] .stat-card{background:linear-gradient(145deg,#ffffffe6,#f8fafcf2);border:1px solid rgba(148,163,184,.2);box-shadow:0 22px 48px #00000014}[data-theme=light] .stat-card:hover,[data-theme=light] .stat-card:focus-visible{border-color:#3b82f666;box-shadow:0 28px 60px #3b82f626}[data-theme=light] .stat-card-label{color:#0f172a99}[data-theme=light] .stat-card-label:after{background:#0f172a33}[data-theme=light] .stat-card-value{color:#0f172a}[data-theme=light] .stat-trend.up{background:#16a34a1f;color:#16a34a}[data-theme=light] .stat-trend.down{background:#dc26261f;color:#dc2626}[data-theme=light] .stat-trend.flat{background:#94a3b826;color:#0f172ab3}[data-theme=light] .chart-card{background:linear-gradient(160deg,#fffffff2,#f8fafcfa);border:1px solid rgba(148,163,184,.2);box-shadow:0 28px 62px #0000001a}[data-theme=light] .chart-card h3{color:#0f172a}[data-theme=light] .chart-tabs{background:#f1f5f9cc;border:1px solid rgba(148,163,184,.25)}[data-theme=light] .chart-tab{color:#0f172ab3}[data-theme=light] .chart-tab:hover{color:#0f172ae6;background:#94a3b826}[data-theme=light] .chart-tab.active{background:linear-gradient(135deg,#3b82f626,#2563eb1f);color:#2563eb;border:1px solid rgba(59,130,246,.3);box-shadow:0 2px 8px #3b82f61f}[data-theme=light] .chart-empty{color:#0f172a80}[data-theme=light] .chart-tooltip{background:#fffffffa;border:1px solid rgba(148,163,184,.3);color:#0f172a;box-shadow:0 12px 32px #00000026}[data-theme=light] .donut-chart svg circle[fill="rgba(15,23,42,0.92)"]{fill:#fffffff2}[data-theme=light] .donut-chart svg text[fill="#f8fafc"]{fill:#0f172a}[data-theme=light] .donut-chart svg text[fill="rgba(148, 163, 184, 0.8)"]{fill:#0f172a99}[data-theme=light] .legend-item{color:#0f172acc}[data-theme=light] .insight-card{background:linear-gradient(150deg,#3b82f61f,#fffffff2);border:1px solid rgba(59,130,246,.25);box-shadow:0 24px 52px #3b82f61f}[data-theme=light] .insight-card:hover,[data-theme=light] .insight-card:focus-visible{border-color:#3b82f666}[data-theme=light] .insight-meta{color:#0f172ab3}[data-theme=light] .insight-icon{background:linear-gradient(135deg,#3b82f633,#2563eb26);color:#2563eb;box-shadow:inset 0 0 0 1px #3b82f64d}[data-theme=light] .insight-card strong{color:#0f172a}[data-theme=light] .insight-card time{color:#0f172ab3}[data-theme=light] .analytics-loading,[data-theme=light] .analytics-error{background:#fffc;border:1px dashed rgba(148,163,184,.4);color:#0f172ab3}[data-theme=light] .analytics-error{border-color:#dc262666;background:#fef2f2e6;color:#991b1b}[data-theme=light] .analytics-loading-container{background:#f8fafc}[data-theme=light] .analytics-loading-content h3{color:#0f172a}[data-theme=light] .analytics-loading-content p{color:#0f172a99}[data-theme=light] .analytics-refresh-overlay{background:#f8fafcf2}[data-theme=light] .analytics-refresh-text{color:#0f172a}[data-theme=light] .line-chart svg circle[fill="#1f2937"]{fill:#fff;stroke:#3b82f6}[data-theme=light] .line-chart svg path[stroke="#60a5fa"]{stroke:#3b82f6}.recent-payments-card{background:linear-gradient(160deg,#0f172acc,#0c121feb);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:clamp(20px,3.5svh,28px);box-shadow:0 28px 62px #02061785}.recent-payments-container{display:flex;flex-direction:column;gap:20px}@media (min-width: 768px){.recent-payments-container{gap:10px}}.recent-payments-empty{text-align:center;padding:48px 24px;color:#94a3b8b3;font-size:15px}.recent-payments-list{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.recent-payments-list{gap:8px}.analytics-section:has(.recent-payments-card){margin-top:-150px}}.payment-activity-item{display:flex;gap:16px;padding:clamp(16px,2.5svh,20px);background:linear-gradient(145deg,#1e293b66,#0f172a99);border:1px solid rgba(148,163,184,.12);border-radius:12px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:0 4px 12px #0206174d}.payment-activity-item:hover{transform:translateY(-2px);border-color:#818cf859;box-shadow:0 8px 20px #3b82f626}.payment-activity-icon{display:flex;align-items:flex-start;padding-top:2px;flex-shrink:0}.payment-activity-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.payment-activity-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.payment-activity-client{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.payment-activity-avatar,.payment-activity-avatar-placeholder{width:40px;height:40px;border-radius:50%;flex-shrink:0;object-fit:cover}.payment-activity-avatar-placeholder{background:#60a5fa33;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#60a5fa;border:2px solid rgba(96,165,250,.3)}.payment-activity-client-name{font-weight:600;color:#f8fafc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.payment-activity-amount{font-weight:700;font-size:18px;flex-shrink:0}.payment-activity-details{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:#94a3b8cc}.payment-activity-type{font-weight:600;color:#e2e8f0e6}.payment-activity-method{text-transform:capitalize}.payment-activity-date{color:#94a3b8b3}.payment-activity-notes{font-size:13px;color:#94a3b8b3;font-style:italic;padding-left:4px}.payment-activity-booking{font-size:13px;color:#94a3b899;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.payment-activity-status{color:#94a3b8cc;font-weight:500}[data-theme=light] .recent-payments-card{background:linear-gradient(160deg,#fffffff2,#f8fafcfa);border-color:#94a3b833;box-shadow:0 28px 62px #0000001a}[data-theme=light] .payment-activity-item{background:linear-gradient(145deg,#f1f5f9cc,#ffffffe6);border-color:#94a3b833;box-shadow:0 4px 12px #0000000d}[data-theme=light] .payment-activity-item:hover{border-color:#3b82f666;box-shadow:0 8px 20px #3b82f626}[data-theme=light] .payment-activity-client-name{color:#1e293b}[data-theme=light] .payment-activity-details{color:#1e293bb3}[data-theme=light] .payment-activity-type{color:#1e293be6}[data-theme=light] .payment-activity-notes,[data-theme=light] .payment-activity-booking{color:#1e293b99}[data-theme=light] .payment-activity-avatar-placeholder{background:#2563eb1a;color:#2563eb;border-color:#2563eb33}.recent-payments-pagination{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid rgba(148,163,184,.12);gap:16px}.pagination-btn{padding:10px 20px;background:linear-gradient(135deg,#60a5fa26,#3b82f61a);border:1px solid rgba(96,165,250,.3);border-radius:10px;color:#bfdbfe;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;min-width:100px;box-shadow:0 2px 8px #3b82f626}.pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa40,#3b82f633);border-color:#60a5fa80;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none;background:#60a5fa0d;border-color:#60a5fa26}.pagination-info{color:#94a3b8cc;font-size:14px;font-weight:500;flex:1;text-align:center}[data-theme=light] .recent-payments-pagination{border-top-color:#0000001a}[data-theme=light] .pagination-btn{background:linear-gradient(135deg,#3b82f61f,#2563eb14);border-color:#2563eb4d;color:#2563eb;box-shadow:0 2px 8px #2563eb1a}[data-theme=light] .pagination-btn:hover:not(:disabled){background:linear-gradient(135deg,#3b82f633,#2563eb26);border-color:#2563eb80;box-shadow:0 4px 12px #2563eb33}[data-theme=light] .pagination-info{color:#1e293bb3}.login-prompt-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeIn .3s ease-out}.login-prompt-modal{background:#1e1f24;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:0;max-width:90%;width:400px;box-shadow:0 20px 40px #00000080;animation:slideIn .3s ease-out;overflow:hidden}.login-prompt-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:24px}.login-prompt-modal-header h2{color:#fff;font-size:1.25rem;font-weight:600;margin:0}.login-prompt-modal-close{background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.login-prompt-modal-close:hover{color:#fff;background:#ffffff1a}.login-prompt-modal-content{padding:0 24px 24px}.login-prompt-message{color:#d1d5db;font-size:1rem;line-height:1.5;margin:0 0 24px;text-align:center}.login-prompt-actions{display:flex;gap:12px;justify-content:center}.login-prompt-button{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s ease;border:none;min-width:100px}.login-prompt-button.login-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 15px #3b82f64d}.login-prompt-button.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.login-prompt-button.signup-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.login-prompt-button.signup-button:hover{background:#ffffff26;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 480px){.login-prompt-modal{width:95%;margin:20px}.login-prompt-modal-header{padding:20px 20px 0;margin-bottom:20px}.login-prompt-modal-content{padding:0 20px 20px}.login-prompt-actions{flex-direction:column;gap:12px}.login-prompt-button{width:100%}}.flash-detail-modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.flash-detail-modal{background:#1b1c1f;border-radius:16px;width:100%;max-width:480px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080;overflow:hidden}.flash-detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.flash-detail-modal-header h2{color:#fff;margin:0;font-size:20px;font-weight:600}.close-button{background:#fff;border:1px solid rgba(0,0,0,.1);color:#000;font-size:24px;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;box-shadow:0 1px 3px #0000001a}.close-button:hover{background:#f0f0f0;border-color:#00000026;box-shadow:0 2px 4px #00000026}.flash-detail-modal-content{padding:20px;overflow-y:auto;flex:1}.flash-detail-image{width:100%;margin-bottom:20px;border-radius:12px;overflow:hidden;background:#18191c;max-height:300px;display:flex;align-items:center;justify-content:center}.flash-detail-image img{width:100%;height:auto;max-height:300px;object-fit:contain;display:block}.flash-detail-info{display:flex;flex-direction:column;gap:16px}.flash-detail-price{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:10px}.price-label{color:#9ca3af;font-size:13px;font-weight:500}.price-value{color:#3b82f6;font-size:24px;font-weight:700}.flash-detail-meta{display:flex;flex-direction:column;gap:10px}.meta-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.05)}.meta-item:last-child{border-bottom:none}.meta-label{color:#9ca3af;font-size:14px}.meta-value{color:#e5e7eb;font-size:14px;font-weight:500}.availability-badge{background:#10b98133;color:#10b981;padding:4px 12px;border-radius:6px;font-weight:600;font-size:12px}.flash-detail-artist{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ffffff0d;border-radius:8px}.artist-label{color:#9ca3af;font-size:14px}.artist-name{color:#e5e7eb;font-size:14px;font-weight:600}.no-metadata{color:#9ca3af;text-align:center;padding:24px;font-size:14px}.flash-detail-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1);flex-shrink:0}.cancel-button,.book-button{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.cancel-button{background:#ffffff1a;color:#e5e7eb}.cancel-button:hover{background:#ffffff26}.book-button{background:#3b82f6;color:#fff}.book-button:hover{background:#2563eb}[data-theme=light] .flash-detail-modal-overlay{background:#00000080}[data-theme=light] .flash-detail-modal{background:var(--color-card, #ffffff);box-shadow:0 20px 60px #00000026}[data-theme=light] .flash-detail-modal-header{border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .flash-detail-modal-header h2{color:var(--color-text, #111827)}[data-theme=light] .close-button{background:#fff;color:#000;border:1px solid rgba(0,0,0,.15);box-shadow:0 1px 3px #0000001a}[data-theme=light] .close-button:hover{background:#f5f5f5;border-color:#0003;box-shadow:0 2px 4px #00000026}[data-theme=light] .flash-detail-image{background:var(--color-bg-tertiary, #f3f4f6)}[data-theme=light] .flash-detail-price{background:#2563eb1a;border:1px solid rgba(37,99,235,.2)}[data-theme=light] .price-label{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .price-value{color:var(--color-primary, #2563EB)}[data-theme=light] .meta-item{border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .meta-label{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .meta-value{color:var(--color-text, #111827)}[data-theme=light] .flash-detail-artist{background:var(--color-bg-tertiary, #f3f4f6)}[data-theme=light] .artist-label{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .artist-name{color:var(--color-text, #111827)}[data-theme=light] .no-metadata{color:var(--color-text-muted, #6b7280)}[data-theme=light] .flash-detail-modal-footer{border-top:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .cancel-button{background:#0000000d;color:var(--color-text-secondary, #4b5563)}[data-theme=light] .cancel-button:hover{background:#0000001a}[data-theme=light] .book-button{background:var(--color-primary, #2563EB);color:#fff}[data-theme=light] .book-button:hover{background:var(--color-primary-hover, #1d4ed8)}@media (max-width: 640px){.flash-detail-modal-overlay{padding:0;padding-top:max(env(safe-area-inset-top,0px),.25rem);padding-bottom:max(env(safe-area-inset-bottom,0px),.5rem);padding-left:.25rem;padding-right:.25rem;align-items:center}.flash-detail-modal{max-width:100%;max-height:calc(75vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - .5rem);border-radius:10px;margin:0}@supports (height: 100dvh){.flash-detail-modal{max-height:calc(75dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - .5rem)}}.flash-detail-modal-header{padding:.5rem .75rem}.flash-detail-modal-header h2{font-size:.95rem}.close-button{width:28px;height:28px;font-size:20px}.flash-detail-modal-content{padding:.5rem .75rem .75rem}.flash-detail-image{margin-bottom:.75rem;max-height:180px;border-radius:8px}.flash-detail-image img{max-height:180px}.flash-detail-info{gap:.75rem}.flash-detail-price{padding:.6rem .75rem;border-radius:8px}.price-label{font-size:.75rem}.price-value{font-size:1.1rem}.flash-detail-meta{gap:.5rem}.meta-item{padding:.5rem 0}.meta-label{font-size:.75rem}.meta-value{font-size:.85rem}.availability-badge{padding:3px 8px;font-size:.7rem}.flash-detail-artist{padding:.6rem .75rem;gap:.5rem}.artist-label{font-size:.75rem}.artist-name{font-size:.85rem}.flash-detail-modal-footer{padding:.5rem .75rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom,.5rem));flex-direction:column;align-items:stretch;gap:.4rem;margin-bottom:0}.cancel-button,.book-button{width:100%;padding:.4rem .6rem;font-size:.8rem;justify-content:center}}.report-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:1000;padding:1rem}[data-theme=light] .report-modal-overlay{background:#0006}.report-modal-panel{width:min(600px,calc(100vw - 2rem));max-height:min(90vh,100dvh - 2rem);background:var(--color-card);border-radius:12px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--color-border);animation:modalAppear .2s ease-out}[data-theme=light] .report-modal-panel{box-shadow:0 20px 60px #00000026}@keyframes modalAppear{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.report-modal-panel .appt-modal__header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);flex-shrink:0}.report-modal-header-content{display:flex;align-items:center;gap:12px}.report-icon{width:20px;height:20px;color:var(--color-danger, #ef4444);flex-shrink:0}.report-modal-panel .appt-modal__header h2{margin:0;font-size:1.1rem;color:var(--color-text);font-weight:600}.report-info{margin-bottom:24px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px}[data-theme=light] .report-info{background:#ef44440d;border:1px solid rgba(239,68,68,.15)}.report-info p{margin:0;color:var(--color-text, #ffffff);font-size:.95rem;line-height:1.5}[data-theme=light] .report-info p{color:var(--color-text, #111827)}.report-info p strong{color:var(--color-danger, #ef4444);font-weight:600}.report-subtext{margin-top:8px!important;font-size:.85rem!important;color:var(--color-text-secondary, rgba(255, 255, 255, .7))!important}[data-theme=light] .report-subtext{color:var(--color-text-secondary, #6b7280)!important}.report-form .form-group{margin-bottom:1rem}.report-form .form-label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--color-text);font-size:.9rem}.report-form .form-select,.report-form .form-textarea{width:100%;padding:.55rem .9rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:9px;color:var(--color-text);font-size:.9rem;font-family:inherit;transition:all .2s ease}[data-theme=light] .report-form .form-select,[data-theme=light] .report-form .form-textarea{background:#fff;border:1px solid var(--color-border);color:#000}.report-form .form-select:focus,.report-form .form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.report-form .form-select.error,.report-form .form-textarea.error{border-color:var(--color-danger)}.report-form .form-textarea{resize:vertical;min-height:120px}.report-form .help-text{margin-top:6px;font-size:.85rem;color:var(--color-text-muted, rgba(255, 255, 255, .5))}[data-theme=light] .report-form .help-text{color:var(--color-text-muted, #6b7280)}.report-form .error-message{margin-top:16px;padding:12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:var(--color-danger, #ef4444);font-size:.9rem}.report-modal-panel .appt-modal__content{overflow:auto;padding:1rem 1.25rem 0;min-height:0;flex:1 1 auto}.report-modal-panel .appt-modal__footer{display:flex;gap:.75rem;justify-content:flex-end;align-items:center;padding:.4rem .6rem;background:var(--color-bg-secondary);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--color-border);flex-shrink:0;flex-wrap:nowrap;overflow-x:hidden}.report-modal-panel .appt-modal__footer .btn{white-space:nowrap;flex-shrink:1;padding:.3rem .5rem;font-size:.75rem;border-radius:4px;min-width:auto;line-height:1.2}[data-theme=light] .report-modal-panel .appt-modal__footer .btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}[data-theme=light] .report-modal-panel .appt-modal__footer .btn-danger{background:#f5f5f5;color:#000;border:1px solid var(--color-danger)}[data-theme=light] .report-modal-panel .appt-modal__footer .btn:hover:not(:disabled){background:#e8e8e8;color:#000}.report-modal-panel .btn{padding:.55rem .9rem;border-radius:9px;font-weight:600;border:1px solid transparent;background:var(--color-bg-tertiary);color:var(--color-text);cursor:pointer;font-size:.9rem;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;outline:none}[data-theme=light] .report-modal-panel .btn{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.report-modal-panel .btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-light)}.report-modal-panel .btn:hover:not(:disabled){filter:brightness(1.05)}[data-theme=light] .report-modal-panel .btn:hover:not(:disabled){background:#e8e8e8;color:#000;filter:none}.report-modal-panel .btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}[data-theme=light] .report-modal-panel .btn-secondary{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}.report-modal-panel .btn-secondary:hover:not(:disabled){background:var(--color-card-hover)}[data-theme=light] .report-modal-panel .btn-secondary:hover:not(:disabled){background:#e8e8e8;color:#000}.report-modal-panel .btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}[data-theme=light] .report-modal-panel .btn-danger{background:#f5f5f5;color:#000;border-color:var(--color-danger)}.report-modal-panel .btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626}[data-theme=light] .report-modal-panel .btn-danger:hover:not(:disabled){background:#e8e8e8;color:#000}.report-modal-panel .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.report-success-message{text-align:center;padding:40px 20px}.success-icon{width:64px;height:64px;margin:0 auto 20px;background:#22c55e1a;border:3px solid #22c55e;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#22c55e;font-weight:700}.report-success-message h3{margin:0 0 12px;color:var(--color-text, #ffffff);font-size:1.5rem;font-weight:600}[data-theme=light] .report-success-message h3{color:var(--color-text, #111827)}.report-success-message p{margin:0;color:var(--color-text-secondary, rgba(255, 255, 255, .8));font-size:1rem;line-height:1.6}[data-theme=light] .report-success-message p{color:var(--color-text-secondary, #4b5563)}@media (max-width: 640px){.report-modal-overlay{padding:.5rem}.report-modal-panel{width:100%;max-height:95vh;border-radius:8px}.report-modal-panel .appt-modal__header{padding:.75rem 1rem}.report-modal-panel .appt-modal__content{padding:.75rem 1rem 0}.report-modal-panel .appt-modal__footer{padding:.75rem 1rem;flex-direction:column;align-items:stretch;gap:.5rem;flex-wrap:wrap}.report-modal-panel .appt-modal__footer .btn{width:100%;justify-content:center;flex:1 1 auto;min-width:fit-content;padding:.55rem .9rem;font-size:.9rem}}.public-artist-profile{width:100%;max-width:none;margin:0;padding:0 2rem;min-height:100vh;background:transparent;position:relative;z-index:1;box-sizing:border-box}.dashboard-main-content .public-artist-profile{display:block}.dashboard-main-content .public-artist-profile .sticky-tabs{position:relative;z-index:10}.hero-header{background:#282c34f2;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:24px;margin-top:16px;margin-bottom:1.5rem;box-shadow:0 8px 32px #0000004d;position:relative;width:100%;box-sizing:border-box}[data-theme=light] .hero-header{background:var(--color-card);border:1px solid var(--color-border);box-shadow:0 8px 32px #0000001a}@media (max-width: 768px){.hero-header{margin-bottom:2rem}}@media (max-width: 768px){.tab-button{padding:14px 0;font-size:0;border-radius:0!important}.tab-button:first-child{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.tab-button:last-child{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.tab-button svg{font-size:20px;color:#fff}[data-theme=light] .tab-button svg{color:var(--color-text)}}.hero-actions-mobile{display:none;position:absolute;top:12px;right:12px;z-index:20;display:flex;gap:14px;align-items:center;background:transparent;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}.hero-actions-mobile .action-btn{width:28px;height:28px;min-width:28px;min-height:28px;padding:0;border-radius:0;background:transparent;border:none;color:#e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;position:relative}[data-theme=light] .hero-actions-mobile .action-btn{color:var(--color-text)}.hero-actions-mobile .action-btn:focus{outline:none}.hero-actions-mobile .action-btn:hover{background:transparent;transform:none}.hero-actions-mobile .action-btn:active{transform:translateY(0)}.hero-actions-mobile .favorite-btn.favorited{background:transparent;border:none;color:#fca5a5}[data-theme=light] .hero-actions-mobile .favorite-btn.favorited{color:#ef4444}.hero-actions-mobile .favorite-btn.favorited:hover{background:transparent}.hero-actions-mobile .favorite-btn{margin-left:10px;margin-top:-27px}.hero-actions-mobile .action-icon,.hero-actions-mobile svg{font-size:28px}.hero-container{display:flex;justify-content:space-between;align-items:flex-start;width:100%;gap:24px}.hero-content{display:flex;align-items:center;gap:24px;flex:1;min-width:0}.hero-buttons{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:.5rem;flex-shrink:0}.hero-avatar{flex-shrink:0}.avatar-image,.avatar-placeholder{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid rgba(59,130,246,.3);box-shadow:0 4px 16px #0000004d;transition:all .2s ease}.avatar-placeholder{background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:600}.hero-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:12px;justify-content:center}.hero-name-section{display:flex;flex-direction:column;gap:8px}.artist-name{color:#fff;font-size:28px;font-weight:700;margin:0;line-height:1.2}[data-theme=light] .artist-name{color:#000!important}.hero-rating{margin:0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.review-count-badge{color:#9ca3af;font-size:14px;font-weight:500;margin-left:4px}[data-theme=light] .review-count-badge{color:var(--color-text-muted)}.rating-value{color:#fbbf24;font-size:20px;font-weight:700;line-height:1}.rating-stars-inline{display:flex;align-items:center;gap:4px}.rating-stars-inline .star{font-size:18px;color:#4a5568;line-height:1}.rating-stars-inline .star.filled{color:#fbbf24}.no-rating{color:#9ca3af;font-size:14px;font-weight:500;font-style:italic}[data-theme=light] .no-rating{color:var(--color-text-muted)}.rating-display{display:flex;align-items:center;gap:8px}.star{font-size:18px;color:#6b7280}.star.filled{color:#fbbf24}.rating-text{color:#9ca3af;font-size:14px;font-weight:500}[data-theme=light] .rating-text{color:var(--color-text-muted)}.hero-location{color:#d1d5db;font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}[data-theme=light] .hero-location{color:var(--color-text-secondary)}.hero-specialties{margin-top:12px;width:100%}.hero-specialties .specialties-tags{display:flex;flex-wrap:wrap;gap:8px;margin-left:0}.action-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#e5e7eb;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;white-space:nowrap;min-height:44px}[data-theme=light] .action-btn{background:#f5f5f5!important;color:#000!important;border:1px solid var(--color-border)!important}.action-btn:hover{background:#ffffff26;transform:translateY(-1px)}[data-theme=light] .action-btn:hover{background:#e8e8e8!important;color:#000!important}.hero-buttons .share-btn{padding:12px;width:44px;height:44px;justify-content:center;gap:0}.hero-buttons .share-btn svg{font-size:18px}.favorite-btn.favorited{background:#ef444433;border-color:#ef44444d;color:#fca5a5}.favorite-btn.favorited:hover{background:#ef44444d}.action-icon,.action-btn svg{font-size:16px}.cta-primary,.cta-secondary{padding:12px 24px;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap;min-height:44px;display:flex;align-items:center;justify-content:center}.cta-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 4px 12px #3b82f64d}[data-theme=light] .cta-primary{background:#f5f5f5!important;color:#000!important;border:1px solid var(--color-border)!important;box-shadow:none!important}.cta-primary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}[data-theme=light] .cta-primary:hover{background:#e8e8e8!important;color:#000!important;box-shadow:none!important}.cta-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#e5e7eb}[data-theme=light] .cta-secondary{background:#f5f5f5!important;color:#000!important;border:1px solid var(--color-border)!important}.cta-secondary:hover{background:#ffffff26;transform:translateY(-2px)}[data-theme=light] .cta-secondary:hover{background:#e8e8e8!important;color:#000!important}.sticky-tabs{position:relative;background:#1a1a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.06);z-index:10;margin:0 -2rem 24px;padding:0 2rem;width:calc(100% + 4rem);box-sizing:border-box}[data-theme=light] .sticky-tabs{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.tab-container{width:100%;margin:0;display:flex;gap:0;box-sizing:border-box}.tab-button{background:transparent;color:#9ca3af;border:none;padding:16px 24px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:3px solid transparent;position:relative;min-height:44px;flex:1;border-radius:0}[data-theme=light] .tab-button{color:var(--color-text-muted)}.tab-button:hover{color:#e5e7eb;background:#3b82f61a}[data-theme=light] .tab-button:hover{color:var(--color-text);background:var(--color-primary-light)}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#3b82f61a}[data-theme=light] .tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-primary-light)}.tab-button:focus{outline:2px solid rgba(59,130,246,.5);outline-offset:-2px}.tab-content{width:100%;box-sizing:border-box}.info-panel{background:#282c34f2;border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:32px;box-shadow:0 8px 32px #0000004d;width:100%;box-sizing:border-box}.portfolio-panel,.flash-panel{background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;width:100%;box-sizing:border-box}[data-theme=light] .info-panel{background:var(--color-card);border:1px solid var(--color-border);box-shadow:0 8px 32px #0000001a}[data-theme=light] .portfolio-panel,[data-theme=light] .flash-panel{background:transparent;border:none;box-shadow:none}.info-grid{display:flex;flex-direction:column;gap:0}.info-row{display:flex;justify-content:space-between;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(255,255,255,.06)}[data-theme=light] .info-row{border-bottom:1px solid var(--color-border)}.info-row:last-child{border-bottom:none}.info-row label{color:#9ca3af;font-weight:500;font-size:15px;min-width:140px;flex-shrink:0}[data-theme=light] .info-row label{color:var(--color-text-muted)}.info-row span{color:#f9fafb;font-weight:500;font-size:15px;text-align:right;flex:1;margin-left:24px}[data-theme=light] .info-row span{color:var(--color-text)}.specialties-tags{display:flex;flex-wrap:wrap;gap:8px;flex:1;margin-left:24px}.specialty-tag{background:#3b82f633;color:#3b82f6;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:500;border:1px solid rgba(59,130,246,.3)}.about-text{color:#d1d5db;line-height:1.6;text-align:left;white-space:pre-wrap}[data-theme=light] .about-text{color:var(--color-text-secondary)}.deposit-info{display:flex;align-items:center;gap:12px;flex:1;margin-left:24px}.deposit-badge{background:#ef444433;color:#fca5a5;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid rgba(239,68,68,.3)}.deposit-amount{color:#f9fafb;font-weight:600}[data-theme=light] .deposit-amount{color:var(--color-text)}.social-media-links{display:flex;flex-direction:row;gap:12px;flex:1;margin-left:24px;align-items:center}.social-link{display:flex;align-items:center;justify-content:center;color:#3b82f6;text-decoration:none;padding:10px;border-radius:8px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);transition:all .2s ease;min-width:40px;min-height:40px}.social-link:hover{background:#3b82f633;transform:translateY(-1px)}.social-link .social-icon{width:24px;height:24px}.social-link.instagram{color:#3b82f6;background:#3b82f61a;border-color:#3b82f633}.social-link.instagram:hover{background:#3b82f633}.social-link.twitter{color:#3b82f6;background:#3b82f61a;border-color:#3b82f633}.social-link.twitter:hover{background:#3b82f633}.social-link.facebook{color:#3b82f6;background:#3b82f61a;border-color:#3b82f633}.social-link.facebook:hover{background:#3b82f633}.no-social{color:#9ca3af;font-size:14px}[data-theme=light] .no-social{color:var(--color-text-muted)}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.portfolio-item{position:relative;border-radius:0;overflow:hidden;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;aspect-ratio:1}[data-theme=light] .portfolio-item{background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.portfolio-item:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}[data-theme=light] .portfolio-item:hover{box-shadow:0 8px 24px var(--color-shadow, rgba(0, 0, 0, .12))}.portfolio-image{width:100%;height:100%;object-fit:cover;transition:all .2s ease}.portfolio-item:hover .portfolio-image{transform:scale(1.05)}.empty-portfolio{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 40px;text-align:center;color:#9ca3af}[data-theme=light] .empty-portfolio{color:var(--color-text-muted)}.empty-icon{font-size:64px;opacity:.5}.empty-portfolio h3{color:#d1d5db;font-size:18px;font-weight:600;margin:0}[data-theme=light] .empty-portfolio h3{color:var(--color-text)}.empty-portfolio p{font-size:14px;opacity:.7;margin:0}.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.lightbox-content{position:relative;max-width:90vw;max-height:90vh}.lightbox-close{position:absolute;top:-40px;right:0;background:#fff3;border:none;color:#fff;font-size:24px;width:32px;height:32px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.lightbox-close:hover{background:#ffffff4d}.lightbox-image{max-width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.hero-skeleton{display:flex;gap:24px;padding:24px;background:#282c34f2;border:1px solid rgba(255,255,255,.06);border-radius:16px}[data-theme=light] .hero-skeleton{background:var(--color-card);border:1px solid var(--color-border)}.avatar-skeleton{width:100px;height:100px;border-radius:50%;background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}[data-theme=light] .avatar-skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%)}.info-skeleton{flex:1;display:flex;flex-direction:column;gap:12px}.name-skeleton{height:28px;width:60%;background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}[data-theme=light] .name-skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%)}.rating-skeleton{height:20px;width:40%;background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}[data-theme=light] .rating-skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%)}.location-skeleton{height:20px;width:50%;background:linear-gradient(90deg,#374151 25%,#4b5563,#374151 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:4px}[data-theme=light] .location-skeleton{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.not-found{text-align:center;padding:60px 20px;color:#9ca3af}[data-theme=light] .not-found{color:var(--color-text-muted)}.not-found h1{color:#d1d5db;font-size:24px;margin-bottom:12px}[data-theme=light] .not-found h1{color:var(--color-text)}.not-found p{font-size:16px;opacity:.7}@media (min-width: 1024px){.hero-container{align-items:flex-start;justify-content:space-between}.hero-content{align-items:center;flex-direction:row;gap:24px}.hero-info{align-items:flex-start;justify-content:center}.hero-buttons{flex-direction:row;align-items:center;justify-content:flex-end;margin-top:0}.hero-buttons .share-btn,.hero-buttons .favorite-btn{position:static;width:auto;height:auto}.hero-actions-mobile{display:none!important}}@media (max-width: 1024px) and (min-width: 769px){.hero-container{align-items:flex-start;justify-content:space-between}.hero-content{align-items:center;flex-direction:row}.hero-buttons{flex-direction:row;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:0}.portfolio-grid{grid-template-columns:repeat(4,1fr);gap:10px}}@media (min-width: 1025px){.hero-actions-mobile{display:none!important}}@media (max-width: 1024px) and (min-width: 769px){.public-artist-profile{padding:0 1rem;width:100%;box-sizing:border-box}.hero-header{max-width:100%!important;margin:0 auto!important;padding:1.5rem!important;border-radius:12px;overflow:hidden;position:relative;padding-top:56px;margin-top:12px;margin-bottom:2rem;width:100%!important;box-sizing:border-box!important}.hero-actions-mobile{display:flex!important;gap:14px}.hero-container{flex-direction:column;align-items:center;text-align:center;gap:16px;width:100%}.hero-content{flex-direction:row;align-items:center;gap:16px;width:100%;justify-content:flex-start}.hero-avatar{flex-shrink:0}.avatar-image,.avatar-placeholder{width:100px;height:100px}.avatar-placeholder{font-size:24px}.hero-info{align-items:flex-start;gap:8px;flex:1;text-align:left}.hero-name-section{width:100%}.artist-name{font-size:22px;text-align:left}.hero-rating{margin:0}.rating-value{font-size:18px}.rating-stars-inline .star{font-size:16px}.hero-location{margin:0;justify-content:flex-start;text-align:left;word-break:break-word;white-space:normal;font-size:.9rem;gap:6px;display:flex;align-items:center}.hero-specialties{display:none}.hero-buttons{flex-direction:column;width:100%;gap:8px;position:relative;justify-content:center;margin-top:0}.hero-buttons .share-btn,.hero-buttons .favorite-btn{display:none}.cta-primary,.cta-secondary{width:100%;min-height:44px}.sticky-tabs{margin:0 -1rem 24px!important;padding:0!important;width:calc(100% + 2rem)!important}.tab-container{width:100%!important;margin:0!important;padding:0!important;display:flex!important;gap:0!important}.tab-button{flex:1!important;width:100%!important;margin:0!important;padding:14px 0!important;text-align:center;border-bottom:2px solid rgba(255,255,255,.06);border-radius:0;min-height:44px;font-size:14px;font-weight:600}[data-theme=light] .tab-button{border-bottom:2px solid var(--color-border)}.tab-button:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.tab-button:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.tab-button.active{background:#3b82f633;border-bottom-color:#3b82f6;color:#3b82f6}.tab-button:not(.active){background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .tab-button:not(.active){background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.info-panel{padding:24px!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin-bottom:1.5rem}.portfolio-panel,.flash-panel{padding:0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;margin:0!important}.info-row{flex-direction:column;align-items:flex-start;gap:8px}.info-row label{min-width:auto;font-size:14px}.info-row span{text-align:left;margin-left:0;font-size:14px}.specialties-tags,.deposit-info,.social-media-links{margin-left:0}.specialties-tags{gap:6px}.specialty-tag{font-size:11px;padding:4px 10px}.social-media-links{gap:8px}.social-link{min-width:36px;min-height:36px;padding:8px}.social-link .social-icon{width:20px;height:20px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;justify-items:center}.portfolio-item{max-width:100%;width:100%;border-radius:0;aspect-ratio:1 / 1;object-fit:cover;transition:transform .25s ease;cursor:pointer}.portfolio-item:hover{transform:scale(1.03);box-shadow:0 4px 10px #0000004d}}@media (max-width: 768px){.public-artist-profile{padding:0 1rem;width:100%;box-sizing:border-box}.hero-header{max-width:95%;margin:12px auto 0;padding:1rem;border-radius:12px;overflow:hidden;position:relative;padding-top:56px;margin-bottom:3rem}.hero-actions-mobile{display:flex!important;gap:14px}.hero-container{flex-direction:column;align-items:center;text-align:center;gap:16px}.hero-content{flex-direction:row;align-items:center;gap:16px;width:100%;justify-content:flex-start}.hero-info{align-items:flex-start;gap:8px;flex:1;text-align:left}.hero-name-section{width:100%}.artist-name{font-size:22px;text-align:left}.hero-rating{margin:0}.rating-value{font-size:18px}.rating-stars-inline .star{font-size:16px}.hero-location{margin:0;justify-content:flex-start;text-align:left;word-break:break-word;white-space:normal;font-size:.9rem;gap:6px;display:flex;align-items:center}.hero-specialties{display:none}.hero-buttons{flex-direction:column;width:100%;gap:8px;position:relative;justify-content:center;margin-top:0}.hero-buttons .share-btn,.hero-buttons .favorite-btn{display:none}.cta-primary,.cta-secondary{width:100%;min-height:44px}.sticky-tabs{margin:2rem -1rem 24px;padding:0 1rem;width:calc(100% + 2rem)}.tab-container{display:flex;gap:0}.tab-button{flex:1;text-align:center;border-bottom:2px solid rgba(255,255,255,.06);border-radius:0;min-height:44px;font-size:14px;font-weight:600}[data-theme=light] .tab-button{border-bottom:2px solid var(--color-border)}.tab-button:first-child{border-top-left-radius:0;border-bottom-left-radius:0}.tab-button:last-child{border-top-right-radius:0;border-bottom-right-radius:0}.tab-button.active{background:#3b82f633;border-bottom-color:#3b82f6;color:#3b82f6}.tab-button:not(.active){background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}[data-theme=light] .tab-button:not(.active){background:var(--color-bg-tertiary);border:1px solid var(--color-border)}.info-panel{padding:24px;margin-bottom:1.5rem}.portfolio-panel,.flash-panel{padding:0;margin-bottom:0}.info-row{flex-direction:column;align-items:flex-start;gap:8px}.info-row label{min-width:auto;font-size:14px}.info-row span{text-align:left;margin-left:0;font-size:14px}.specialties-tags,.deposit-info,.social-media-links{margin-left:0}.specialties-tags{gap:6px}.specialty-tag{font-size:11px;padding:4px 10px}.social-media-links{gap:8px}.social-link{min-width:36px;min-height:36px;padding:8px}.social-link .social-icon{width:20px;height:20px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;justify-items:center}.portfolio-item{max-width:100%;width:100%;border-radius:0;aspect-ratio:1 / 1;object-fit:cover;transition:transform .25s ease;cursor:pointer}.portfolio-item:hover{transform:scale(1.03);box-shadow:0 4px 10px #0000004d}}@media (max-width: 430px){.portfolio-grid{grid-template-columns:repeat(3,1fr)!important;gap:2px;display:grid!important}.portfolio-item{max-width:100%;width:100%}}@media (max-width: 480px){.hero-header{padding:1.2rem}.portfolio-grid{grid-template-columns:repeat(3,1fr)!important;gap:3px;display:grid!important}.portfolio-item{max-width:100%;width:100%}.upload-more-button{width:100%;margin-bottom:10px}.hero-skeleton{flex-direction:column;align-items:center;text-align:center;gap:16px;padding:20px}.avatar-skeleton{width:80px;height:80px}.name-skeleton{height:24px;width:80%}}@media (max-width: 480px){.public-artist-profile{padding:0 1rem;width:100%;box-sizing:border-box}.hero-header{padding:56px 16px 16px;margin-top:12px}.hero-actions-mobile{top:8px;right:8px;gap:14px}.hero-actions-mobile .action-btn{width:24px;height:24px;min-width:24px;min-height:24px}.hero-actions-mobile .action-icon,.hero-actions-mobile svg{font-size:24px}.avatar-image,.avatar-placeholder{width:100px;height:100px}.avatar-placeholder{font-size:24px}.artist-name{font-size:22px}.sticky-tabs{margin:0 -1rem 24px;padding:0 1rem;width:calc(100% + 2rem)}.tab-button{font-size:13px;padding:12px 16px}.info-panel{padding:20px}.portfolio-panel,.flash-panel{padding:0}.portfolio-grid{grid-template-columns:1fr;gap:12px}.lightbox{padding:10px}.lightbox-close{top:-30px;right:0}}@media (max-width: 360px){.portfolio-grid{grid-template-columns:1fr}.hero-actions-mobile{flex-direction:row;gap:14px;top:8px;right:8px}.hero-actions-mobile .action-btn{width:24px;height:24px;min-width:24px;min-height:24px}}.service-card.flash-appointment-card{border-bottom:1px solid rgba(255,255,255,.1)!important;padding-bottom:20px!important}.service-card.flash-appointment-card:after{display:none!important;content:""!important;background:transparent!important;border:none!important;height:0!important;width:0!important;position:absolute!important;bottom:0!important;left:0!important;right:0!important;padding:0!important;margin:0!important}.service-card.flash-appointment-card .service-actions .flash-badge,.service-card.flash-appointment-card>.flash-badge:last-child{display:none!important;visibility:hidden!important;opacity:0!important;height:0!important;width:0!important;padding:0!important;margin:0!important;content:""!important;background:transparent!important;border:none!important}.booking-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:#0009!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:2147483647!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}.sidebar,.main-layout,.app-container,.role-aware-frame,.portal-container,[data-portal],#root>div:not(.booking-overlay){z-index:10}body>div:not(.booking-overlay){z-index:10!important}*:not(.booking-overlay):not(.booking-modal){z-index:1!important}.booking-modal{position:relative!important;z-index:2147483647!important;width:min(960px,calc(100vw - 2rem));max-height:min(90vh,calc(100dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 2rem));overflow-y:auto;background:#1b1f28;border-radius:12px;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;outline:none}.modal__body{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;-webkit-overflow-scrolling:touch}.booking-modal:focus{outline:2px solid #3b82f6;outline-offset:2px}.booking-header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#222735;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.booking-header h2{margin:0;font-size:1.1rem;font-weight:600;color:#fff}.booking-meta{display:flex;gap:8px;align-items:center}.duration-pill,.price-pill{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:600;white-space:nowrap}.duration-pill{background:#4d86ff26;color:#cfe0ff;border:1px solid rgba(77,134,255,.25)}.price-pill{background:#10b98126;color:#a7f3d0;border:1px solid rgba(16,185,129,.25)}.timezone-note{font-size:12px;color:#9ca3af;margin:0}.booking-steps{display:flex;justify-content:center;align-items:center;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.1);gap:24px}.step{display:flex;flex-direction:column;align-items:center;gap:4px;position:relative}.step:after{content:"";position:absolute;top:12px;left:100%;width:24px;height:1px;background:#fff3}.step:last-child:after{display:none}.step-number{width:24px;height:24px;border-radius:50%;background:#ffffff1a;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;transition:all .2s ease}.step.active .step-number{background:#3b82f6;color:#fff}.step.completed .step-number{background:#10b981;color:#fff}.step-label{font-size:12px;color:#9ca3af;font-weight:500}.step.active .step-label{color:#3b82f6}.step.completed .step-label{color:#10b981}.booking-step-content{padding:24px 24px 100px}.booking-step-content:has(.time-section){padding-bottom:120px}.booking-modal .modal__body.date-step,.booking-modal.date-step-active{overflow-y:visible;max-height:none}.booking-step-content h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#fff}.selected-date{color:#9ca3af;font-size:14px;margin:0 0 20px}.calendar-container{max-width:400px;margin:0 auto}.calendar-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:nowrap}.calendar-header h4{margin:0;font-size:16px;font-weight:600;color:#fff;flex:1;text-align:center;white-space:nowrap}.calendar-nav{background:#1f2937cc;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;font-size:18px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s ease;box-shadow:0 1px 3px #0000004d;flex-shrink:0;display:flex;align-items:center;justify-content:center;min-width:32px}.calendar-nav:hover{background:#3b82f633;border-color:#3b82f666;color:#fff;box-shadow:0 2px 4px #0006}.calendar-grid{background:#1f293799;border-radius:8px;padding:8px;border:1px solid rgba(255,255,255,.05)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:8px}.weekday{text-align:center;font-size:12px;font-weight:600;color:#9ca3af;padding:8px 4px}.calendar-week{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{background:#1f2937cc;border:1px solid rgba(255,255,255,.1);color:#ffffffe6;font-size:14px;padding:8px 4px;border-radius:4px;cursor:pointer;transition:all .2s ease;min-height:32px;display:flex;align-items:center;justify-content:center}.calendar-day:hover:not(:disabled){background:#3b82f633;border-color:#3b82f666;color:#fff}.calendar-day.other-month{color:#fff6;background:transparent;border:none}.calendar-day.today{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#60a5fa;font-weight:600}.calendar-day.selected{background:#3b82f64d;border:2px solid rgba(59,130,246,.6);color:#fff;font-weight:600}.calendar-day.unavailable{background:#1a1a1a!important;color:#6b7280!important;cursor:not-allowed!important;opacity:.6;position:relative}.calendar-day.unavailable:hover{background:#1a1a1a!important;color:#6b7280!important;transform:none!important}.calendar-day.unavailable:after{content:"";position:absolute;top:2px;right:2px;width:6px;height:6px;background:#dc2626;border-radius:50%;z-index:1}.calendar-day.unavailable.today,.calendar-day.unavailable.selected{background:#1a1a1a!important;color:#6b7280!important;border:1px solid #dc2626}.availability-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;margin-bottom:16px;color:#3b82f6;font-size:14px}.loading-spinner{width:20px;height:20px;border:2px solid #e5e7eb;border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite}.time-section{margin-bottom:24px}.time-section:last-child{margin-bottom:0;padding-bottom:20px}.time-section-title{margin:0 0 12px;font-size:16px;font-weight:600;color:#fff}.time-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;max-height:300px;overflow-y:auto;padding:4px 4px 16px;margin-bottom:8px}.time-slot{background:#1f2937cc;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e5e7eb;font-size:14px;font-weight:500;padding:12px 8px;cursor:pointer;transition:all .2s ease;text-align:center}.time-slot:hover{background:#3b82f61a;border-color:#3b82f64d;color:#3b82f6}.time-slot.selected{background:#3b82f6;border-color:#3b82f6;color:#fff;font-weight:600}.no-slots{text-align:center;padding:40px 20px;color:#9ca3af}.no-slots p{margin:0 0 16px;font-size:16px}.booking-summary{background:#1f293780;border-radius:8px;padding:16px;margin-bottom:20px}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.summary-item:last-child{border-bottom:none}.summary-item label{font-size:14px;color:#9ca3af;font-weight:500}.summary-item span{font-size:14px;color:#fff;font-weight:500}.booking-policies{margin-top:20px}.policy-note{font-size:14px;color:#9ca3af;margin:0 0 16px;padding:12px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);border-radius:8px}.checkbox-label{display:flex;align-items:flex-start;gap:8px;cursor:pointer;font-size:14px;color:#e5e7eb;line-height:1.4}.checkbox-label input[type=checkbox]{margin:2px 0 0;width:16px;height:16px;accent-color:#3b82f6;flex-shrink:0}.loading-state{text-align:center;padding:40px 20px;color:#9ca3af}.loading-spinner{width:24px;height:24px;border:2px solid rgba(59,130,246,.2);border-top:2px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 12px}.booking-actions{display:flex;gap:12px;justify-content:flex-end;width:100%}@media (max-width: 1024px){.booking-modal{margin:20px;max-height:calc(100vh - 40px)}.modal__content{padding:20px}.booking-steps{gap:8px}.step{font-size:.875rem}.step-number{width:24px;height:24px;font-size:.75rem}}@media (max-width: 640px){.booking-overlay{padding:0;padding-top:max(env(safe-area-inset-top,0px),.25rem);padding-bottom:max(env(safe-area-inset-bottom,0px),.5rem);padding-left:.25rem;padding-right:.25rem;align-items:flex-end}.booking-modal{width:100%;max-height:calc(75vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - .5rem);border-radius:10px;margin:0;margin-bottom:.5rem}@supports (height: 100dvh){.booking-modal{max-height:calc(75dvh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - .5rem)}}.booking-header{padding:.5rem .75rem}.booking-header h2{font-size:.95rem}.duration-pill,.price-pill{font-size:.7rem;padding:3px 6px}.booking-steps{padding:.5rem .75rem;gap:.75rem}.step:after{width:12px}.step-number{width:20px;height:20px;font-size:.7rem}.step-label{font-size:.7rem}.booking-step-content{padding:.5rem .75rem .75rem}.booking-step-content h3{font-size:.95rem;margin-bottom:.75rem}.selected-date{font-size:.75rem;margin-bottom:.75rem}.calendar-container{max-width:none}.time-slots{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px}.time-slot{padding:.5rem .4rem;font-size:.75rem}.time-section-title{font-size:.85rem;margin-bottom:.6rem}.booking-summary{padding:.75rem;margin-bottom:.75rem}.summary-item{padding:.4rem 0}.summary-item label{font-size:.75rem}.summary-item span{font-size:.85rem}.policy-note{font-size:.75rem;padding:.6rem;margin-bottom:.75rem}.checkbox-label{font-size:.75rem;gap:.5rem}.checkbox-label input[type=checkbox]{width:14px;height:14px}.booking-actions{flex-direction:column;gap:8px}.booking-actions .btn{width:100%}.modal__footer{position:sticky;bottom:0;background:#2a3443;border-top:1px solid rgba(255,255,255,.1);padding:.5rem .75rem;padding-bottom:max(.5rem,env(safe-area-inset-bottom,.5rem));z-index:1;pointer-events:auto;margin-top:-1px}.modal__footer .btn{padding:.4rem .6rem;font-size:.8rem}.booking-step-content:has(.time-slots){padding-bottom:20px}.time-slots{position:relative;z-index:2;pointer-events:auto}.time-slot{position:relative;z-index:3}}@media (max-width: 768px) and (min-width: 641px){.booking-modal{width:95vw;max-width:600px}.time-slots{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.details-step{position:relative;height:100%;display:flex;flex-direction:column;min-height:0}.details-body{--footer-h: 92px;overflow-y:auto;padding:1rem 1.25rem;padding-bottom:calc(var(--footer-h) + 12px);min-height:0;flex:1 1 auto}.details-footer{position:sticky;bottom:0;z-index:2;display:flex;align-items:center;gap:1rem;padding:.75rem 1.25rem;background:#141821d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid rgba(255,255,255,.06);min-height:72px;flex-shrink:0}.details-footer .consent{display:flex;align-items:center;gap:.5rem;color:#e6e8ef;font-size:.95rem;line-height:1.3;flex:1 1 auto;cursor:pointer}.details-footer .consent input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:#3b82f6;flex-shrink:0}.details-footer .consent a{color:#8ab4ff;text-decoration:underline}.details-footer .consent a:hover{color:#a5c7ff}.details-footer .actions{display:flex;gap:.75rem;flex:0 0 auto}.details-body .form-group{margin-bottom:20px}.details-body .form-group label{display:block;margin-bottom:8px;font-size:14px;font-weight:500;color:#e5e7eb}.details-body .form-group .help-text{font-size:13px;color:#9ca3af;margin-top:4px;margin-bottom:0}.details-body .form-select{width:100%;padding:10px 36px 10px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.95rem;cursor:pointer;transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23fff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}.details-body .form-select:hover{background-color:#ffffff26;border-color:#ffffff4d}.details-body .form-select:focus{outline:none;border-color:#3b82f6;background-color:#3b82f61a;box-shadow:0 0 0 3px #3b82f61a}.details-body .form-select:invalid{border-color:#ef444480}.details-body .form-select[aria-invalid=true]{border-color:#ef4444}.details-body .form-select option{background:#1b1f28;color:#fff}.details-body textarea{min-height:140px;resize:vertical}@media (max-width: 640px){.details-body{padding:.5rem .75rem;padding-bottom:calc(var(--footer-h) + .5rem);--footer-h: 100px}.details-body h3{font-size:.95rem;margin-bottom:.75rem}.details-body .form-select{font-size:.85rem;padding:.5rem 2rem .5rem .5rem;background-position:right 8px center}.details-body textarea{min-height:100px;font-size:.85rem;padding:.5rem}.details-footer{flex-direction:column;align-items:stretch;gap:.5rem;padding:.5rem .75rem;padding-bottom:max(calc(env(safe-area-inset-bottom,0px) + .5rem),.5rem);min-height:auto}.details-footer .consent{font-size:.75rem;gap:.4rem}.details-footer .consent input[type=checkbox]{width:14px;height:14px}.details-footer .actions{width:100%;gap:.5rem}.details-footer .actions .btn{width:100%;padding:.4rem .6rem;font-size:.8rem}}.book-step{display:flex;flex-direction:column;height:100%;min-height:0}.book-body{flex:1;display:flex;flex-direction:column;gap:16px;padding:20px;overflow-y:auto;min-height:0}.book-body h2{margin:0;font-size:20px;font-weight:700;color:#fff;text-align:center}.book-body::-webkit-scrollbar{width:6px}.book-body::-webkit-scrollbar-track{background:transparent}.book-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.book-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.booking-summary-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.booking-details{display:flex;flex-direction:column;gap:10px;margin:0}.detail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.detail-row dt{font-weight:600;color:#d1d5db;font-size:13px;min-width:70px;flex-shrink:0}.detail-row dd{margin:0;color:#fff;font-size:13px;font-weight:500;text-align:right;flex:1}.deposit-amount{color:#10b981;font-weight:600}.no-deposit{color:#9ca3af;font-style:italic}.deposit-disclaimer{margin:0;padding:8px 12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:6px;color:#93c5fd;font-size:12px;line-height:1.3;text-align:center}.booking-actions{display:flex;gap:12px;justify-content:flex-end;padding-top:16px;border-top:1px solid rgba(255,255,255,.1)}.booking-actions .btn{min-width:120px}.payment-form{margin-top:16px}.payment-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px}.payment-section h3{color:#fff;font-size:1rem;font-weight:600;margin:0 0 12px}.payment-section label,.custom-booking-modal .stripe-field label,.custom-booking-modal .stripe-col label,.custom-booking-modal .payment-section label{color:#fff!important;opacity:1}.payment-fields{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;width:100%}.stripe-field{display:flex;flex-direction:column;gap:.25rem}.stripe-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:flex-start}.stripe-col{flex:1 1 48%;display:flex;flex-direction:column;gap:.25rem;min-width:0}.stripe-row .stripe-element-wrapper,.stripe-field .stripe-element-wrapper{height:44px;min-height:44px;max-height:44px;width:100%;display:flex;align-items:center;box-sizing:border-box}.stripe-row .stripe-col{flex:1 1 calc(50% - .5rem);min-width:0}.stripe-element-wrapper{background:#fff!important;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;transition:border-color .2s ease;position:relative;z-index:9999!important;overflow:visible;min-height:44px;max-height:44px;height:44px;isolation:isolate;display:flex;align-items:center;width:100%;box-sizing:border-box}.stripe-element-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.stripe-text-input{background:#fff!important;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;color:#111!important;font-size:16px;width:100%;min-height:44px;box-sizing:border-box}.stripe-text-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.stripe-text-input::placeholder{color:#666}.stripe-box{background:#fff!important;border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;transition:border-color .2s ease;position:relative;z-index:9999!important;overflow:visible;min-height:44px;isolation:isolate}.stripe-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.stripe-input{width:100%;border:none;background:transparent;color:#fff;font-size:16px;padding:0;outline:none;transition:all .2s;position:relative;z-index:2}.stripe-element-wrapper .StripeElement,.stripe-element-wrapper [class*=StripeElement],.stripe-box .StripeElement,.stripe-box [class*=StripeElement]{position:relative;z-index:10000!important;pointer-events:auto!important;opacity:1!important;background:#fff!important;color:#111!important;height:100%!important;max-height:100%!important;min-height:24px;isolation:isolate;width:100%;display:flex;align-items:center;flex:1}.stripe-element-wrapper .StripeElement iframe,.stripe-element-wrapper [class*=StripeElement] iframe,.stripe-box .StripeElement iframe,.stripe-box [class*=StripeElement] iframe{position:relative!important;z-index:10001!important;pointer-events:auto!important;opacity:1!important;background:#fff!important;color:#111!important;isolation:isolate;width:100%!important;height:24px!important;max-height:24px!important;min-height:24px!important;border:none!important;overflow:hidden!important}.stripe-box:before,.stripe-box:after{display:none!important}.booking-modal .stripe-element-wrapper,.booking-modal .stripe-box,.booking-modal .payment-form .stripe-element-wrapper,.booking-modal .payment-form .stripe-box,.booking-modal .payment-section .stripe-element-wrapper,.booking-modal .payment-section .stripe-box,.booking-modal .payment-fields .stripe-element-wrapper,.booking-modal .payment-fields .stripe-box{z-index:9999!important;position:relative!important}.booking-modal .stripe-element-wrapper,.booking-modal .stripe-element-wrapper *,.booking-modal .stripe-element-wrapper iframe,.booking-modal .stripe-element-wrapper .StripeElement,.booking-modal .stripe-element-wrapper [class*=StripeElement],.booking-modal .stripe-box,.booking-modal .stripe-box *,.booking-modal .stripe-box iframe,.booking-modal .stripe-box .StripeElement,.booking-modal .stripe-box [class*=StripeElement]{z-index:10000!important;pointer-events:auto!important;position:relative!important}.stripe-box input.stripe-input,input.stripe-input{color:#111!important}.stripe-box input.stripe-input::placeholder,input.stripe-input::placeholder{color:#666}.stripe-input:focus{outline:none}.stripe-field label{font-size:.9rem;font-weight:600;color:#fff!important;opacity:1;margin-bottom:.25rem}.card-element-container{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:10px 12px;margin-bottom:12px;transition:border-color .2s ease}.card-element-container:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #6366f11a}.payment-methods{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.payment-request-button-container{width:100%;border-radius:8px;overflow:hidden}.stripe-box>*{position:relative;z-index:10000!important;pointer-events:auto!important}.stripe-element-wrapper [class*=CardNumberElement],.stripe-element-wrapper [class*=CardExpiryElement],.stripe-element-wrapper [class*=CardCvcElement],.stripe-box [class*=CardNumberElement],.stripe-box [class*=CardExpiryElement],.stripe-box [class*=CardCvcElement]{position:relative;z-index:10000!important;pointer-events:auto!important;opacity:1!important;min-height:20px;isolation:isolate;width:100%}.stripe-element-wrapper iframe,.stripe-box iframe{position:relative!important;z-index:10001!important;pointer-events:auto!important;opacity:1!important;background:#fff!important;isolation:isolate;width:100%!important;height:100%!important}.stripe-box .StripeElement input,.stripe-box [class*=StripeElement] input{color:#111!important;-webkit-text-fill-color:#111!important;background:#fff!important}.stripe-element-wrapper>div,.stripe-box>div{position:relative;z-index:10000!important;pointer-events:auto!important;background:#fff!important;isolation:isolate}.payment-form,.payment-section,.payment-fields{position:relative;z-index:1}.payment-fields .stripe-element-wrapper,.payment-fields .stripe-box{z-index:9999!important;position:relative}.payment-method-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-background);color:var(--color-text-light);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-height:44px}.payment-method-btn:hover{border-color:var(--color-primary);background:#6366f10d}.payment-method-btn:disabled{opacity:.5;cursor:not-allowed}.payment-method-btn .payment-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.payment-method-btn .payment-icon svg{width:100%;height:100%}.apple-pay-btn{background:#000;color:#fff;border-color:#000}.apple-pay-btn:hover{background:#333;border-color:#333}.apple-pay-btn .payment-icon svg{fill:#fff}.google-pay-btn{background:#fff;color:#000;border-color:#e0e0e0}.google-pay-btn:hover{background:#f5f5f5;border-color:#d0d0d0}.card-label{display:block;font-size:14px;font-weight:600;color:#fff;margin-bottom:8px}.payment-divider{display:flex;align-items:center;margin:12px 0;color:#fff;font-size:12px}.payment-divider:before,.payment-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.payment-divider span{padding:0 12px;background:var(--color-surface)}.payment-method-selection h4{font-size:.9rem;font-weight:600;margin-bottom:16px;color:#fff}.payment-method-selection label{display:flex;align-items:center;padding:14px;background:#1a1b1f!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.payment-method-selection label:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#4c8eff1a,#4c8eff0d);opacity:0;transition:opacity .2s ease}.payment-method-selection label:hover{border-color:#4c8eff!important;transform:translateY(-2px);box-shadow:0 4px 12px #4c8eff26}.payment-method-selection label:hover:before{opacity:1}.payment-method-selection label:has(input[type=radio]:checked),.payment-method-selection label[style*="rgba(59, 130, 246, 0.2)"]{border:1px solid #4c8eff!important;background:linear-gradient(135deg,#4c8eff1a,#4c8eff0d)!important;box-shadow:0 4px 12px #4c8eff33}.payment-method-selection label:has(input[type=radio]:checked):before,.payment-method-selection label[style*="rgba(59, 130, 246, 0.2)"]:before{opacity:1}.payment-actions{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;margin-top:1rem}.payment-actions .btn{height:44px;padding:12px 20px;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;min-width:120px;border:none;display:flex;align-items:center;justify-content:center}.payment-actions .btn-blue{background:#2563eb;color:#fff}.payment-actions .btn-blue:hover:not(:disabled){background:#1d4ed8;transform:translateY(-1px)}.payment-actions .btn-blue:disabled{background:var(--color-text-muted);cursor:not-allowed;transform:none}.payment-actions .btn-red{background:#dc2626;color:#fff}.payment-actions .btn-red:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.payment-actions .btn-red:disabled{background:var(--color-text-muted);cursor:not-allowed;transform:none}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-top:16px;font-size:.875rem}@media (max-width: 640px){.book-body{padding:.5rem .75rem;gap:.75rem}.book-body h2{font-size:.95rem}.booking-summary-card{padding:.6rem;gap:.6rem}.booking-details{gap:.5rem}.detail-row{flex-direction:column;gap:.2rem}.detail-row dt{min-width:auto;font-size:.75rem}.detail-row dd{text-align:left;font-size:.85rem}.deposit-amount{font-size:.9rem}.deposit-disclaimer{font-size:.7rem;padding:.5rem .6rem}.booking-actions{flex-direction:column;gap:.5rem;padding-top:.75rem}.booking-actions .btn{width:100%;min-width:auto;padding:.4rem .6rem;font-size:.8rem}.payment-section{padding:.6rem}.payment-section h3{font-size:.85rem;margin-bottom:.6rem}.card-element-container{padding:.5rem .6rem;margin-bottom:.6rem}.payment-fields{gap:.6rem;margin-top:.6rem}.stripe-row{flex-direction:column;gap:.6rem}.stripe-col{flex:none}.stripe-box{padding:.5rem .6rem}.stripe-element-wrapper{padding:.5rem .6rem;min-height:40px;max-height:40px;height:40px}.stripe-field label{font-size:.75rem}.payment-methods{gap:.5rem;margin-bottom:.75rem}.payment-request-button-container .StripeElement{height:36px}.card-label{font-size:.75rem;margin-bottom:.4rem}.payment-actions{flex-direction:column;gap:.5rem;margin-top:.6rem}.payment-actions .btn{width:100%;min-width:auto;height:36px;padding:.4rem .6rem;font-size:.8rem}}@media (min-width: 1024px){.booking-modal{overflow-y:auto}.modal__content{overflow-y:visible}.booking-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.booking-actions .btn-blue,.booking-actions .btn-red{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;width:48%;height:44px;border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.booking-actions .btn-blue{background-color:#2563eb;color:#fff}.booking-actions .btn-blue:hover:not(:disabled){background-color:#1d4ed8;transform:translateY(-1px)}.booking-actions .btn-blue:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.booking-actions .btn-red{background-color:#dc2626;color:#fff}.booking-actions .btn-red:hover:not(:disabled){background-color:#b91c1c;transform:translateY(-1px)}.booking-actions .btn-red:disabled{background-color:#9ca3af;cursor:not-allowed;transform:none}.payment-methods{flex-direction:row;gap:12px}.payment-request-button-container,.payment-method-btn{flex:1}}.custom-booking-modal{max-width:900px}.custom-booking-modal .book-body::-webkit-scrollbar{width:6px}.custom-booking-modal .book-body::-webkit-scrollbar-track{background:transparent}.custom-booking-modal .book-body::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.custom-booking-modal .book-body::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.custom-booking-modal .booking-header h2{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reference-image-buttons{display:flex;gap:12px;margin-bottom:16px}.reference-image-btn{flex:1;padding:12px 16px;font-size:14px;font-weight:500}.image-upload-area{border:2px dashed rgba(255,255,255,.2);border-radius:12px;padding:24px;text-align:center;transition:all .2s ease;cursor:pointer;background:#282c3480}.image-upload-area:hover{border-color:#3b82f6;background:#3b82f60d}.image-upload-area .upload-label{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;color:#e5e7eb}.image-upload-area .upload-icon{font-size:32px;opacity:.7}.image-upload-area .upload-text{font-size:16px;font-weight:600}.image-upload-area .upload-hint{font-size:14px;opacity:.7}.file-input{display:none}.upload-loading{display:flex;align-items:center;gap:12px;margin-top:16px;padding:16px;background:#3b82f61a;border-radius:8px;color:#3b82f6}.reference-images-preview{margin-top:20px}.reference-images-preview h4{color:#fff;font-size:16px;font-weight:600;margin-bottom:12px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;margin-top:12px}.image-preview{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#282c3480;border:1px solid rgba(255,255,255,.1)}.image-preview img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#ef4444e6;color:#fff;border:none;font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-image:hover{background:#ef4444;transform:scale(1.1)}.custom-booking-modal .policy-note{background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:8px;padding:16px;color:#cfe0ff;font-size:14px;line-height:1.5}.custom-booking-modal .price-pill{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.25)}.inkspiration-gallery-inline{margin-top:16px;background:#1f293780;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.inkspiration-gallery-header-inline{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid rgba(255,255,255,.1);background:#14182180}.inkspiration-gallery-header-inline h4{margin:0;font-size:16px;color:#fff;font-weight:600}.inkspiration-gallery-close-inline{background:transparent;border:none;color:#ffffffb3;cursor:pointer;font-size:1.25rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.inkspiration-gallery-close-inline:hover{background:#ffffff1a;color:#fff}.inkspiration-gallery-grid-inline{padding:16px;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:20px;max-height:300px;overflow-y:auto;box-sizing:border-box}.inkspiration-gallery-item-inline{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .2s ease;border:2px solid rgba(255,255,255,.1);background:#282c3480;box-sizing:border-box;margin:0;padding:0;width:100%;height:100%;isolation:isolate}.inkspiration-gallery-item-inline:hover{transform:scale(1.02);border-color:#3b82f680;box-shadow:0 4px 12px #3b82f64d;z-index:1}.inkspiration-gallery-item-inline img{width:100%;height:100%;object-fit:cover;display:block;box-sizing:border-box}.inkspiration-gallery-item-inline .favorite-badge{position:absolute;top:6px;right:6px;font-size:.875rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5))}.inkspiration-loading,.inkspiration-empty{grid-column:1 / -1;padding:40px;text-align:center;color:#ffffff80;font-size:.875rem}.inkspiration-empty p{margin:0}.flash-booking-preview{display:flex;gap:20px;margin-bottom:24px;padding:16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.flash-image-preview{flex-shrink:0;width:200px;height:200px;border-radius:8px;overflow:hidden;background:#18191c;display:flex;align-items:center;justify-content:center}.flash-image-preview img{width:100%;height:100%;object-fit:contain}.flash-info-preview{flex:1;display:flex;flex-direction:column;gap:12px}.flash-info-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.05)}.flash-info-item:last-child{border-bottom:none}.flash-info-item label{color:#9ca3af;font-size:14px;font-weight:500}.flash-info-item span{color:#e5e7eb;font-size:14px}.flash-info-item .flash-price{color:#10b981;font-size:18px;font-weight:600;background:none;padding:0;border:none}.flash-info-item .availability-badge{background:#10b98133;color:#10b981;padding:4px 12px;border-radius:6px;font-weight:600;font-size:12px}.flash-info-item .exclusive-badge{background:#8b5cf633;color:#8b5cf6;padding:4px 12px;border-radius:6px;font-weight:600;font-size:12px}.service-card.flash-appointment-card{border:1px solid rgba(59,130,246,.3);background:linear-gradient(135deg,#3b82f60d,#3b82f605);border-bottom:1px solid rgba(255,255,255,.1)!important}.service-card.flash-appointment-card:after,.service-card.flash-appointment-card:before{display:none!important;content:none!important}.service-card.flash-appointment-card .service-actions:after,.service-card.flash-appointment-card .service-actions:before{display:none!important;content:none!important}.service-card.flash-appointment-card .service-actions{border-bottom:none!important;background:none!important}.service-card.flash-appointment-card:after{display:none!important;content:none!important;background:none!important;border:none!important}.service-card.flash-appointment-card>*:last-child:after,.service-card.flash-appointment-card>*:last-child:before{display:none!important;content:none!important;background:none!important}.service-card.flash-appointment-card .service-actions:after{display:none!important;content:""!important;background:transparent!important;border:none!important;height:0!important;width:0!important}.service-card.flash-appointment-card .flash-badge{background:#3b82f6;color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-left:8px}.service-card.flash-appointment-card .flash-price{color:#3b82f6;font-weight:600}@media (max-width: 640px){.flash-booking-preview{flex-direction:column;gap:.75rem;margin-bottom:.75rem;padding:.6rem}.flash-image-preview{width:100%;height:180px}.flash-info-preview{gap:.6rem}.flash-info-item{padding:.4rem 0}.flash-info-item label{font-size:.75rem}.flash-info-item span{font-size:.85rem}.flash-info-item .flash-price{font-size:1rem}.flash-info-item .availability-badge,.flash-info-item .exclusive-badge{padding:3px 8px;font-size:.7rem}}@media (max-width: 768px){.custom-booking-modal{width:95vw;max-width:none}.images-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.image-upload-area{padding:16px}.image-upload-area .upload-icon{font-size:24px}.image-upload-area .upload-text{font-size:14px}.image-upload-area .upload-hint{font-size:12px}.reference-image-buttons{flex-direction:column}.inkspiration-gallery-grid-inline{grid-template-columns:repeat(4,1fr);gap:16px;padding:16px;box-sizing:border-box}.inkspiration-gallery-item-inline{border:2px solid rgba(255,255,255,.15);margin:0;padding:0;box-sizing:border-box;width:100%;height:auto;min-width:0;min-height:0}.inkspiration-gallery-item-inline:hover{transform:none}}[data-theme=light] .booking-overlay{background:#00000080!important}[data-theme=light] .booking-modal{background:var(--color-card, #ffffff);box-shadow:0 20px 60px #00000026}[data-theme=light] .booking-header{background:var(--color-bg-secondary, #ffffff);border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .booking-header h2{color:var(--color-text, #111827)}[data-theme=light] .duration-pill{background:#2563eb1a;color:#2563eb;border:1px solid rgba(37,99,235,.2)}[data-theme=light] .price-pill{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.2)}[data-theme=light] .timezone-note{color:var(--color-text-muted, #6b7280)}[data-theme=light] .booking-steps{border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .step:after{background:var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .step-number{background:var(--color-bg-tertiary, #f3f4f6);color:var(--color-text-muted, #6b7280)}[data-theme=light] .step.active .step-number{background:var(--color-primary, #2563eb);color:#fff}[data-theme=light] .step.completed .step-number{background:#10b981;color:#fff}[data-theme=light] .step-label{color:var(--color-text-muted, #6b7280)}[data-theme=light] .step.active .step-label{color:var(--color-primary, #2563eb)}[data-theme=light] .step.completed .step-label{color:#10b981}[data-theme=light] .booking-step-content h3{color:var(--color-text, #111827)}[data-theme=light] .selected-date{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .calendar-header h4{color:var(--color-text, #111827)}[data-theme=light] .calendar-nav{background:#fff;border:1px solid rgba(0,0,0,.1);color:#000;box-shadow:0 1px 3px #0000001a}[data-theme=light] .calendar-nav:hover{background:#f0f0f0;border-color:#00000026;box-shadow:0 2px 4px #00000026}[data-theme=light] .calendar-grid{background:var(--color-bg-tertiary, #f3f4f6)}[data-theme=light] .weekday{color:var(--color-text-muted, #6b7280)}[data-theme=light] .calendar-day{background:#f5f5f5;border:1px solid rgba(0,0,0,.1);color:#000}[data-theme=light] .calendar-day:hover:not(:disabled){background:#e8e8e8;border-color:#00000026;color:#000}[data-theme=light] .calendar-day.other-month{color:var(--color-text-muted, #6b7280);background:transparent;border:none}[data-theme=light] .calendar-day.today{background:#2563eb26;border:1px solid rgba(37,99,235,.3);color:#2563eb}[data-theme=light] .calendar-day.selected{background:#e8e8e8;border:2px solid rgba(0,0,0,.3);color:#000}[data-theme=light] .calendar-day.unavailable,[data-theme=light] .calendar-day.unavailable:hover{background:var(--color-bg-tertiary, #f3f4f6)!important;color:var(--color-text-muted, #6b7280)!important}[data-theme=light] .calendar-day.unavailable.today,[data-theme=light] .calendar-day.unavailable.selected{border-color:#dc2626}[data-theme=light] .availability-loading{background:#2563eb1a;border:1px solid rgba(37,99,235,.2);color:var(--color-primary, #2563eb)}[data-theme=light] .loading-spinner{border:2px solid rgba(37,99,235,.2);border-top:2px solid var(--color-primary, #2563eb)}[data-theme=light] .time-section-title{color:var(--color-text, #111827)}[data-theme=light] .time-slot{background:var(--color-bg-secondary, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .08));color:var(--color-text, #111827)}[data-theme=light] .time-slot:hover{background:#2563eb1a;border-color:#2563eb4d;color:var(--color-primary, #2563eb)}[data-theme=light] .time-slot.selected{background:var(--color-primary, #2563eb);border-color:var(--color-primary, #2563eb);color:#fff}[data-theme=light] .no-slots{color:var(--color-text-muted, #6b7280)}[data-theme=light] .booking-summary{background:var(--color-bg-tertiary, #f3f4f6)}[data-theme=light] .summary-item{border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .summary-item label{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .summary-item span{color:var(--color-text, #111827)}[data-theme=light] .policy-note{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:var(--color-text-secondary, #4b5563)}[data-theme=light] .checkbox-label{color:var(--color-text, #111827)}[data-theme=light] .loading-state{color:var(--color-text-muted, #6b7280)}[data-theme=light] .details-footer{background:#fffffff2;border-top:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .details-footer .consent{color:var(--color-text, #111827)}[data-theme=light] .details-footer .consent a{color:var(--color-primary, #2563eb)}[data-theme=light] .details-footer .consent a:hover{color:var(--color-primary-hover, #1d4ed8)}[data-theme=light] .book-body h2{color:var(--color-text, #111827)}[data-theme=light] .book-body::-webkit-scrollbar-thumb{background:#0003}[data-theme=light] .book-body::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-theme=light] .booking-summary-card{background:var(--color-bg-secondary, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .detail-row dt{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .detail-row dd{color:var(--color-text, #111827)}[data-theme=light] .deposit-disclaimer{background:#2563eb1a;border:1px solid rgba(37,99,235,.2);color:var(--color-primary, #2563eb)}[data-theme=light] .booking-actions{border-top:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .payment-section{background:var(--color-bg-secondary, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .payment-section h3{color:var(--color-text, #111827)}[data-theme=light] .payment-section label,[data-theme=light] .custom-booking-modal .stripe-field label,[data-theme=light] .custom-booking-modal .stripe-col label,[data-theme=light] .custom-booking-modal .payment-section label{color:var(--color-text, #111827)!important}[data-theme=light] .card-label{color:var(--color-text, #111827)}[data-theme=light] .payment-divider{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .payment-divider:before,[data-theme=light] .payment-divider:after{background:var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .payment-divider span{background:var(--color-bg-secondary, #ffffff)}[data-theme=light] .payment-method-selection h4{color:var(--color-text, #111827)!important}[data-theme=light] .payment-method-selection label{background:var(--color-bg-secondary, #ffffff)!important;border:1px solid var(--color-border, rgba(0, 0, 0, .08))!important;color:var(--color-text, #111827)!important}[data-theme=light] .payment-method-selection label *{color:inherit}[data-theme=light] .payment-method-selection label div[style*=color],[data-theme=light] .payment-method-selection label div div[style*=color]{color:#1f2937!important}[data-theme=light] .payment-method-selection label:hover{background:var(--color-bg-tertiary, #f3f4f6)!important;border-color:var(--color-primary, #2563eb)!important;transform:translateY(-2px);box-shadow:0 4px 12px #2563eb26}[data-theme=light] .payment-method-selection input[type=radio]:checked+*,[data-theme=light] .payment-method-selection label:has(input[type=radio]:checked){background:linear-gradient(135deg,#2563eb1a,#2563eb0d)!important;border-color:#2563eb4d!important;box-shadow:0 4px 12px #2563eb33}[data-theme=light] .payment-method-selection input[type=radio]{accent-color:var(--color-primary, #2563eb)}[data-theme=light] .payment-method-btn{background:var(--color-bg-secondary, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .08));color:var(--color-text, #111827)}[data-theme=light] .payment-method-btn:hover{border-color:var(--color-primary, #2563eb);background:#2563eb0d}[data-theme=light] .stripe-field label{color:var(--color-text, #111827)!important}[data-theme=light] .card-element-container{background:var(--color-bg-secondary, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .card-element-container:focus-within{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 3px #2563eb1a}[data-theme=light] .stripe-element-wrapper{background:#fff!important;border:1px solid var(--color-border, rgba(0, 0, 0, .08))!important}[data-theme=light] .stripe-element-wrapper:focus-within{border-color:var(--color-primary, #2563eb)!important;box-shadow:0 0 0 3px #2563eb1a!important}[data-theme=light] .stripe-text-input{background:#fff!important;border:1px solid var(--color-border, rgba(0, 0, 0, .08))!important;color:#111!important}[data-theme=light] .stripe-text-input:focus{border-color:var(--color-primary, #2563eb)!important;box-shadow:0 0 0 3px #2563eb1a!important}[data-theme=light] .stripe-text-input::placeholder{color:#666!important}[data-theme=light] .stripe-box{background:#fff!important;border:1px solid var(--color-border, rgba(0, 0, 0, .08))!important}[data-theme=light] .stripe-box:focus-within{border-color:var(--color-primary, #2563eb)!important;box-shadow:0 0 0 3px #2563eb1a!important}[data-theme=light] .stripe-box .StripeElement,[data-theme=light] .stripe-box [class*=StripeElement],[data-theme=light] .stripe-element-wrapper .StripeElement,[data-theme=light] .stripe-element-wrapper [class*=StripeElement]{background:#fff!important;color:#111!important}[data-theme=light] .stripe-box .StripeElement input,[data-theme=light] .stripe-box [class*=StripeElement] input{color:#111!important;-webkit-text-fill-color:#111!important;background:#fff!important}[data-theme=light] .stripe-box input.stripe-input,[data-theme=light] input.stripe-input{color:#111!important}[data-theme=light] .stripe-box input.stripe-input::placeholder,[data-theme=light] input.stripe-input::placeholder{color:#666!important}[data-theme=light] .no-deposit{color:var(--color-text-muted, #6b7280)}[data-theme=light] .payment-breakdown{background:var(--color-bg-secondary, #ffffff)!important;border:1px solid var(--color-border, rgba(0, 0, 0, .08))!important}[data-theme=light] .payment-breakdown h4,[data-theme=light] .payment-breakdown span,[data-theme=light] .payment-breakdown span[style*="color: #e0e7ef"]{color:var(--color-text, #111827)!important}[data-theme=light] .payment-breakdown span[style*="color: #9ca3af"]{color:var(--color-text-muted, #6b7280)!important}[data-theme=light] .payment-method-selection label[style]{background:var(--color-bg-secondary, #ffffff)!important;border:1px solid var(--color-border, rgba(0, 0, 0, .08))!important}[data-theme=light] .payment-method-selection label[style]:has(input[type=radio]:checked),[data-theme=light] .payment-method-selection label[style*="rgba(59, 130, 246, 0.2)"]{background:linear-gradient(135deg,#2563eb1a,#2563eb0d)!important;border-color:#2563eb4d!important;box-shadow:0 4px 12px #2563eb33}[data-theme=light] .payment-method-selection label[style] div[style*="color: #e0e7ef"],[data-theme=light] .payment-method-selection label div[style*="color: #e0e7ef"]{color:#1f2937!important}[data-theme=light] .payment-method-selection label[style] div[style*="color: #9ca3af"],[data-theme=light] .payment-method-selection label div[style*="color: #9ca3af"]{color:#4b5563!important}[data-theme=light] .payment-method-selection label div,[data-theme=light] .payment-method-selection label div div[style*="fontSize: '0.9rem'"],[data-theme=light] .payment-method-selection label div div[style*='fontSize: "0.9rem"']{color:#1f2937!important}[data-theme=light] .payment-method-selection label div div[style*="fontSize: '0.75rem'"],[data-theme=light] .payment-method-selection label div div[style*='fontSize: "0.75rem"']{color:#4b5563!important}[data-theme=light] .payment-method-selection label span,[data-theme=light] .payment-method-selection label span[style*="color: #e0e7ef"],[data-theme=light] .payment-method-selection label span[style*="color: '#e0e7ef'"],[data-theme=light] .payment-method-selection label span[style*='color: "#e0e7ef"']{color:#1f2937!important}[data-theme=light] .payment-method-selection label:has(input[value=new_card]) span,[data-theme=light] .payment-method-selection label:has(input[type=radio][checked]) span{color:#1f2937!important}[data-theme=light] .stripe-field label span[style*="color: #e0e7ef"],[data-theme=light] .stripe-field label span[style*="color: '#e0e7ef'"],[data-theme=light] .stripe-field label span[style*='color: "#e0e7ef"'],[data-theme=light] .payment-section .stripe-field label span,[data-theme=light] .payment-fields .stripe-field label span,[data-theme=light] .stripe-field label[style*="display: flex"] span,[data-theme=light] .stripe-field label[style*="cursor: pointer"] span{color:#1f2937!important}[data-theme=light] .payment-method-selection h4[style*="color: #e0e7ef"]{color:var(--color-text, #111827)!important}[data-theme=light] .image-upload-area{border:2px dashed var(--color-border, rgba(0, 0, 0, .2));background:var(--color-bg-tertiary, #f3f4f6)}[data-theme=light] .image-upload-area:hover{border-color:var(--color-primary, #2563eb);background:#2563eb0d}[data-theme=light] .image-upload-area .upload-label{color:var(--color-text, #111827)}[data-theme=light] .upload-loading{background:#2563eb1a;color:var(--color-primary, #2563eb)}[data-theme=light] .reference-images-preview h4{color:var(--color-text, #111827)}[data-theme=light] .image-preview,[data-theme=light] .inkspiration-gallery-inline{background:var(--color-bg-tertiary, #f3f4f6);border:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .inkspiration-gallery-header-inline{border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .08));background:var(--color-bg-secondary, #ffffff)}[data-theme=light] .inkspiration-gallery-header-inline h4{color:var(--color-text, #111827)}[data-theme=light] .inkspiration-gallery-close-inline{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .inkspiration-gallery-close-inline:hover{background:#0000000d;color:var(--color-text, #111827)}[data-theme=light] .inkspiration-loading,[data-theme=light] .inkspiration-empty{color:var(--color-text-muted, #6b7280)}[data-theme=light] .flash-booking-preview{background:var(--color-bg-secondary, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .08))}[data-theme=light] .flash-image-preview{background:var(--color-bg-tertiary, #f3f4f6)}[data-theme=light] .flash-info-item{border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .05))}[data-theme=light] .flash-info-item label{color:var(--color-text-secondary, #4b5563)}[data-theme=light] .flash-info-item span{color:var(--color-text, #111827)}[data-theme=light] .modal__footer{background:var(--color-bg-secondary, #ffffff);border-top:1px solid var(--color-border, rgba(0, 0, 0, .08))}:root{--color-bg: #0f0f0f;--color-card: #1a1a1a;--color-text: #ffffff;--color-primary: #007bff;--color-border: #333;--radius-md: 8px}.payment-method-selection-page{background:var(--color-bg);color:var(--color-text);min-height:100vh;display:flex;justify-content:center;align-items:center;padding:2rem;box-sizing:border-box}.payment-method-selection-page .payment-container{width:100%;max-width:480px;background:var(--color-card);border-radius:12px;padding:2rem;box-shadow:0 6px 20px #00000040}.payment-method-selection-page .payment-header{text-align:center;margin-bottom:2rem}.payment-method-selection-page .payment-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.payment-method-selection-page .payment-subtitle{color:#aaa;font-size:.9rem}.payment-method-selection-page .payment-summary{background:#ffffff0d;border-radius:8px;padding:1rem;margin-bottom:2rem}.payment-method-selection-page .summary-row{display:flex;justify-content:space-between;margin-bottom:.5rem}.payment-method-selection-page .summary-row:last-child{margin-bottom:0;font-weight:600;border-top:1px solid rgba(255,255,255,.1);padding-top:.5rem}.payment-method-selection-page .payment-methods{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.payment-method-selection-page .payment-method-btn{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;border-radius:8px;border:1px solid var(--color-border);background:var(--color-card);color:var(--color-text);font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.payment-method-selection-page .payment-method-btn:hover{border-color:var(--color-primary);background:#007bff1a}.payment-method-selection-page .payment-method-btn:disabled{opacity:.5;cursor:not-allowed}.payment-method-selection-page .payment-method-icon{font-size:1.25rem}.payment-method-selection-page .btn-card{background:var(--color-primary);border-color:var(--color-primary)}.payment-method-selection-page .btn-card:hover{background:#0056b3;border-color:#0056b3}.payment-method-selection-page .btn-cash{background:#28a745;border-color:#28a745}.payment-method-selection-page .btn-cash:hover{background:#1e7e34;border-color:#1e7e34}.payment-method-selection-page .loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid var(--color-text);border-radius:50%;animation:spin 1s linear infinite}.payment-method-selection-page .error-message{background:#dc35451a;border:1px solid rgba(220,53,69,.3);color:#dc3545;padding:.75rem;border-radius:6px;margin-bottom:1rem;font-size:.9rem}@media (max-width: 768px){.payment-method-selection-page{padding:1rem}.payment-method-selection-page .payment-container{padding:1.5rem}}@media (max-width: 480px){.payment-method-selection-page .payment-container{padding:1rem}.payment-method-selection-page .payment-title{font-size:1.25rem}.payment-method-selection-page .payment-method-btn{padding:.875rem;font-size:.9rem}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#232526,#414345)!important;color-scheme:light!important}.payment-check-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;color-scheme:light!important;background:linear-gradient(135deg,#232526,#414345)!important;position:relative}.payment-check-container{width:100%;max-width:420px}.payment-check-card{background:#fff!important;border-radius:16px;box-shadow:0 20px 40px #0000001f;padding:32px 28px;color:#1f2933!important;text-align:center;animation:slideUp .5s ease-out}@media (min-width: 768px){.payment-check-page{padding:40px 20px}.payment-check-container{max-width:560px;margin:0 auto}.payment-check-card{border:1px solid rgba(0,0,0,.08)}}@media (min-width: 900px){.payment-check-container{max-width:1000px}.payment-checkout-layout{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.payment-breakdown-column,.payment-form-column{display:flex;flex-direction:column}}.payment-form-title{font-size:2rem;font-weight:700;margin-bottom:20px;color:#1f2933;text-shadow:0 1px 2px rgba(0,0,0,.08)}.payment-info-grid{display:grid;gap:12px;margin-bottom:24px;text-align:left;color:#4b5563}.payment-info-grid .summary-row{display:flex;justify-content:space-between;font-size:.95rem}.payment-form{display:flex;flex-direction:column;gap:14px;text-align:left}.payment-form label{color:#1f2933!important;font-weight:600;font-size:.9rem;margin-bottom:4px}.stripe-element-wrapper{background:#fff!important;border:2px solid #e5e7eb;border-radius:10px;padding:10px 12px;transition:border-color .25s ease,box-shadow .25s ease;position:relative;z-index:9999!important;overflow:visible;min-height:44px;max-height:44px;height:44px;isolation:isolate;display:flex;align-items:center;width:100%;box-sizing:border-box}.stripe-element-wrapper:focus-within{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61f}.stripe-text-input{background:#fff!important;border:2px solid #e5e7eb;border-radius:10px;padding:10px 12px;color:#1f2933!important;font-size:1rem;width:100%;min-height:44px;max-height:44px;height:44px;box-sizing:border-box;transition:all .25s ease}.stripe-text-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.stripe-text-input::placeholder{color:#9ca3af}.stripe-input,.payment-form input[type=text]{width:100%;padding:10px 12px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .25s ease;background:#fff!important;color:#1f2933!important;min-height:44px;max-height:44px;height:44px}.StripeElement{padding:10px 12px;border:2px solid #e5e7eb!important;border-radius:10px!important;background:#fff!important;color:#1f2933!important;transition:border-color .25s ease,box-shadow .25s ease}.StripeElement--focus{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61f}.stripe-row{display:flex;gap:12px;align-items:flex-start}.stripe-row .form-group{flex:1;min-width:0}.stripe-row .stripe-element-wrapper{height:44px;min-height:44px;max-height:44px;width:100%;display:flex;align-items:center;box-sizing:border-box}.stripe-element-wrapper .StripeElement,.stripe-element-wrapper [class*=StripeElement]{position:relative;z-index:10000!important;pointer-events:auto!important;opacity:1!important;background:#fff!important;color:#111!important;height:100%!important;max-height:100%!important;min-height:24px;isolation:isolate;width:100%;display:flex;align-items:center;flex:1}.stripe-element-wrapper .StripeElement iframe,.stripe-element-wrapper [class*=StripeElement] iframe{position:relative!important;z-index:10001!important;pointer-events:auto!important;opacity:1!important;background:#fff!important;color:#111!important;isolation:isolate;width:100%!important;height:24px!important;max-height:24px!important;min-height:24px!important;border:none!important;overflow:hidden!important}.stripe-element-wrapper:before,.stripe-element-wrapper:after{display:none!important}.stripe-element-wrapper [class*=CardNumberElement],.stripe-element-wrapper [class*=CardExpiryElement],.stripe-element-wrapper [class*=CardCvcElement]{position:relative;z-index:10000!important;pointer-events:auto!important;opacity:1!important;min-height:20px;isolation:isolate;width:100%}.stripe-element-wrapper>div{position:relative;z-index:10000!important;pointer-events:auto!important;background:#fff!important;isolation:isolate}.payment-form input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61f}.payment-form input::placeholder{color:#9ca3af}.payment-form input:disabled{background:#f4f5f7!important;cursor:not-allowed}.payment-status{margin:18px 0;padding:12px 16px;border-radius:12px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.payment-status.processing-inline{background:#f3f4f6;color:#2563eb}.payment-status.payment-error{background:#fee2e2;color:#b91c1c;border:1px solid #fca5a5}.payment-status.payment-success{background:#dcfce7;color:#15803d;border:1px solid #86efac}.payment-amount{font-weight:700;font-size:1.3rem;color:#111827}.payment-artist{font-size:.95rem;color:#4b5563}.payment-form button{padding:14px 18px;border-radius:10px;font-size:1rem;font-weight:600;border:none;cursor:pointer;transition:all .25s ease;width:100%;margin-top:8px}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 6px 18px #3b82f640}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 8px 20px #3b82f64d}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed;box-shadow:none}.btn-secondary{background:transparent;border:2px solid #d1d5db;color:#1f2933}.btn-secondary:hover{background:#3b82f614;border-color:#3b82f6;color:#2563eb}.payment-details{margin:18px 0 24px;padding:16px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb;text-align:left}.payment-details p{margin-bottom:6px;color:#4b5563}.payment-details p:last-child{margin-bottom:0}.error-actions button{margin-top:16px}.payment-required-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:18px;margin-bottom:20px;text-align:left}.payment-required-subtitle{color:#4b5563;margin-bottom:12px;font-size:.95rem}.payment-row{display:flex;justify-content:space-between;margin-bottom:8px;color:#1f2933}.payment-row:last-child{margin-bottom:0}.payment-label{color:#4b5563}.payment-actions{display:flex;gap:12px;margin-top:18px}.payment-actions .btn{flex:1}.stripe-input input,.stripe-input *{background:transparent!important;color:inherit!important}.payment-method-selection{margin-bottom:24px}.payment-check-page .payment-method-selection label{background:#f9fafb!important;border:1px solid #e5e7eb!important;color:#1f2933!important}.payment-check-page .payment-method-selection label:hover{background:#f3f4f6!important;border-color:#3b82f6!important}.payment-check-page .payment-method-selection label:has(input[type=radio]:checked),.payment-check-page .payment-method-selection label[style*="rgba(59, 130, 246, 0.1)"]{background:#3b82f61a!important;border-color:#3b82f6!important}.payment-check-page .payment-method-selection label *,.payment-check-page .payment-method-selection h4{color:#1f2933!important}.payment-divider{display:flex;align-items:center;margin:20px 0;color:#6b7280;font-size:.875rem}.payment-divider:before,.payment-divider:after{content:"";flex:1;height:1px;background:#e5e7eb}.payment-divider span{padding:0 12px;background:#fff}.payment-icon{width:20px;height:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.payment-request-button-container{width:100%;border-radius:8px;overflow:hidden;margin-bottom:12px}.payment-request-button-container .StripeElement{width:100%;height:44px}@media (max-width: 767px){.payment-check-container{max-width:360px}.payment-check-card{padding:28px 22px}.stripe-row{flex-direction:column}.payment-checkout-layout{display:block}}@media (max-width: 899px){.payment-checkout-layout{display:block}}@media (max-width: 480px){.payment-check-page{padding:12px}.payment-check-card{padding:24px 18px}.payment-form-title{font-size:1.6rem}.logo{height:32px}}@keyframes slideUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.consent-form-page{min-height:100vh;width:100%;padding:2rem;background:var(--color-bg);color:var(--color-text)}.consent-form-container{max-width:900px;margin:0 auto;background:#fff;padding:2rem;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .consent-form-container{background:var(--color-card)}.consent-form-logo{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid var(--color-border)}.consent-logo-dark{display:block;max-width:200px;height:auto;margin:0 auto}.consent-logo-light{display:none;max-width:200px;height:auto;margin:0 auto}[data-theme=light] .consent-logo-dark{display:none}[data-theme=light] .consent-logo-light{display:block}.consent-form-title{text-align:center;font-size:24px;font-weight:700;margin:0 0 1.5rem;text-transform:uppercase;letter-spacing:1px}.consent-section{margin-bottom:2rem;line-height:1.8}.consent-section h2{font-size:18px;font-weight:600;margin-bottom:.5rem}.consent-note{font-size:14px;font-style:italic;margin-bottom:1rem;color:var(--color-text-secondary)}.consent-declaration{font-weight:600;margin-bottom:1.5rem}.consent-input-inline{border:none;border-bottom:1px solid #000;background:transparent;padding:2px 4px;margin:0 4px;min-width:120px;font-size:inherit;color:inherit}.consent-input-inline.small{min-width:60px}.consent-input-inline.wide{min-width:200px}.consent-input-inline:focus{outline:none;border-bottom:2px solid var(--color-primary)}.consent-input-inline.error{border-bottom-color:#ef4444}.consent-input-inline[readonly]{border-bottom:1px solid #ccc;color:#666}.health-questions{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.health-question{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid var(--color-border);border-radius:4px}.health-question-label{font-weight:500;margin-bottom:.25rem}.health-question-options{display:flex;gap:1.5rem;margin-top:.5rem}.checkbox-option{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-weight:500}.checkbox-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.health-question-row{display:flex;flex-direction:column;gap:.5rem}.question-followup{margin-top:.5rem;padding-left:1.5rem;display:flex;flex-direction:column;gap:.5rem}.question-followup label{font-weight:500;font-size:14px}.consent-input{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:4px;font-size:14px;font-family:inherit}.consent-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.consent-input.error{border-color:#ef4444}.signature-section{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--color-border)}.signature-fields{display:flex;flex-direction:column;gap:1rem}.signature-field{display:flex;flex-direction:column;gap:.5rem}.signature-field label{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;font-weight:500}.btn-sign{margin-left:.5rem;padding:6px 16px;font-size:14px}.signature-display{font-family:cursive;font-size:18px;font-weight:600;margin-left:.5rem;padding:4px 8px;border:1px solid var(--color-border);border-radius:4px;background:#f9fafb;min-width:200px;display:inline-block}[data-theme=dark] .signature-display{background:var(--color-bg-secondary)}.form-actions{margin-top:2rem;padding-top:1.5rem;border-top:2px solid var(--color-border);text-align:center}.btn-large{padding:12px 32px;font-size:16px;font-weight:600}.field-error{color:#ef4444;font-size:12px;margin-top:.25rem;display:block}.loading-state,.error-state{text-align:center;padding:3rem}.error-state h2{color:#ef4444;margin-bottom:1rem}@media (max-width: 768px){.consent-form-page{padding:1rem}.consent-form-container{padding:1.5rem}.consent-form-title{font-size:20px}.consent-input-inline{min-width:100px;font-size:14px}.health-question-options{gap:1rem}.signature-field label{flex-direction:column;align-items:flex-start}}.toggle-label{display:flex;align-items:center;gap:var(--space-sm);cursor:pointer;font-weight:500;color:var(--color-text)}.toggle-label input[type=checkbox]{width:20px;height:20px;cursor:pointer}.questions-section{display:flex;flex-direction:column;gap:var(--space-lg)}.questions-header{display:flex;justify-content:space-between;align-items:center}.questions-header h3{font-size:20px;font-weight:600;margin:0;color:var(--color-text)}.questions-list{display:flex;flex-direction:column;gap:var(--space-md)}.question-item{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-lg);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md)}.question-content{flex:1;display:flex;flex-direction:column;gap:var(--space-xs)}.question-header{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.question-number{font-weight:600;color:var(--color-text)}.question-label{font-weight:500;color:var(--color-text)}.required-badge{background:var(--color-danger);color:#fff;padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:600}.question-type-badge{background:var(--color-primary-light);color:var(--color-primary);padding:2px 8px;border-radius:var(--radius-sm);font-size:12px;font-weight:500}.question-description{margin:var(--space-xs) 0 0 0;color:var(--color-text-secondary);font-size:14px}.question-actions{display:flex;gap:var(--space-sm);align-items:center}.btn-icon{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 12px;color:var(--color-text);cursor:pointer;font-size:16px;transition:all .2s ease}.btn-icon:hover:not(:disabled){background:var(--color-card-hover);border-color:var(--color-primary)}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:8px 16px;font-size:14px}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.empty-state{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}[data-theme=light] .modal-overlay{background:#00000080}.modal-content{background:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}[data-theme=light] .modal-content{box-shadow:0 20px 60px #00000026}.modal-content h3{font-size:24px;font-weight:600;margin:0 0 var(--space-lg) 0;color:var(--color-text)}.form-field{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.form-field label{font-weight:600;color:var(--color-text)}.form-field input,.form-field select,.form-field textarea{padding:12px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:16px;font-family:inherit}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.modal-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.loading-state{text-align:center;padding:var(--space-2xl);color:var(--color-text-secondary)}@media (max-width: 768px){.consent-forms-management-page{padding:var(--space-md)}.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.question-item{flex-direction:column}.question-actions{width:100%;justify-content:flex-end}.modal-content{padding:var(--space-lg)}}.consent-form-preview{margin-top:1.5rem;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.consent-form-page-preview{background:var(--color-bg);padding:1rem}.consent-form-page-preview .consent-form-container{max-width:900px;margin:0 auto;background:#fff;padding:2rem;box-shadow:0 2px 8px #0000001a}[data-theme=dark] .consent-form-page-preview .consent-form-container{background:var(--color-card)}.preview-placeholder{border-bottom:1px dashed #999;color:#999;padding:0 4px;min-width:120px;display:inline-block}.preview-filled{border-bottom:1px solid #000;color:#000;padding:0 4px;font-weight:500;min-width:120px;display:inline-block}[data-theme=dark] .preview-filled{border-bottom-color:var(--color-text);color:var(--color-text)}:root{--bg: var(--color-bg);--panel: var(--color-bg-secondary);--panel-2: var(--color-bg-tertiary);--text: var(--color-text);--muted: var(--color-text-muted);--primary: var(--color-primary);--primary-2: var(--color-primary-hover);--border: var(--color-border);--shadow: var(--color-shadow, 0 8px 24px rgba(0,0,0,.35));--radius: 14px}.settings-shell{padding:24px 28px 80px;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--border) transparent;box-sizing:border-box;position:relative}.settings-shell::-webkit-scrollbar{width:8px}.settings-shell::-webkit-scrollbar-track{background:transparent}.settings-shell::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}.settings-shell::-webkit-scrollbar-thumb:hover{background-color:var(--muted)}.settings-shell:has([data-section-title=Payouts]){padding-bottom:95px}.settings-shell:has([data-section-title=Studio]){padding-bottom:95px}.settings-header{margin:6px 0 22px}.settings-title{font-size:36px;font-weight:800;color:var(--text);margin:0}.settings-subtitle{color:var(--muted);margin-top:6px;font-size:16px}.settings-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;color:var(--muted)}.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top:3px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.settings-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:16px}@media (min-width: 700px){.settings-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1100px){.settings-grid{grid-template-columns:repeat(3,1fr)}}.settings-card{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;color:var(--text);text-decoration:none;box-shadow:var(--shadow);transition:transform .15s ease,background .15s ease,border-color .15s ease}.settings-card:hover{transform:translateY(-2px);background:var(--panel-2);border-color:#ffffff1f}[data-theme=light] .settings-card:hover{border-color:var(--color-border)}.settings-card-icon{font-size:22px;width:32px;height:32px;display:grid;place-items:center;background:#243047;border-radius:10px}[data-theme=light] .settings-card-icon{background:var(--color-bg-tertiary)}.settings-card-main{flex:1}.settings-card-title{font-weight:700;font-size:16px;margin:0}.settings-card-desc{color:var(--muted);font-size:13px;margin-top:2px}.settings-card-arrow{font-size:22px;opacity:.6}.section-shell{background:transparent}.section-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin:4px 0 14px}.back-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);background:var(--panel);color:var(--text);padding:8px 12px;border-radius:10px;cursor:pointer;font-size:14px;transition:background .15s ease}.back-button:hover{background:var(--panel-2)}.section-title{font-size:24px;font-weight:800;color:var(--text);margin:0}.section-actions{display:flex;gap:10px}.section-body{display:flex;flex-direction:column;gap:16px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px;box-shadow:var(--shadow)}.panel-title{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--text);margin-top:0}.muted{color:var(--muted);font-size:14px;margin:8px 0}.field-grid{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 900px){.field-grid{grid-template-columns:repeat(2,1fr)}}.field label{display:block;color:var(--muted);font-size:13px;margin-bottom:6px;font-weight:500}.input{width:100%;border:1px solid var(--border);border-radius:10px;background:#0f141a;color:var(--text);padding:10px 12px;font-size:14px;transition:border-color .15s ease,outline .15s ease;box-sizing:border-box}.input:focus{outline:2px solid rgba(45,107,255,.4);border-color:#2d6bff80}.input::placeholder{color:var(--muted)}.input.error{border-color:#ef4444}textarea.input{min-height:120px;resize:vertical;font-family:inherit;line-height:1.5}.error-message{color:#ef4444;font-size:13px;margin-top:6px;display:block}.form-help{color:var(--muted);font-size:13px;margin-top:4px;display:block}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:var(--text);margin-bottom:8px}.checkbox{width:16px;height:16px;border:1px solid var(--border);border-radius:4px;background:var(--panel);cursor:pointer}.checkbox:checked{background:var(--primary);border-color:var(--primary)}.checkbox-list{display:flex;flex-direction:column;gap:8px}.card-info{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;margin-top:8px}.btn{border:1px solid var(--border);border-radius:10px;padding:10px 12px;color:var(--text);background:var(--panel-2);cursor:pointer;font-size:14px;transition:background .15s ease}.btn:hover{background:#0d1117}.btn-primary{background:var(--primary);border-color:transparent;color:#fff}.btn-primary:hover{background:var(--primary-2)}.btn-danger{background:#b6383a;border-color:transparent;color:#fff}.btn-danger:hover{background:#a03133}.btn-row{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.link{color:var(--primary);background:none;border:none;padding:0;cursor:pointer;font-size:14px;text-decoration:none}.link:hover{text-decoration:underline}.panel-row{display:flex;gap:16px;margin-bottom:16px}.panel-row.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.stat-label{font-size:12px;color:var(--muted);margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.stat-value{font-size:18px;font-weight:700;color:var(--text)}.message{padding:12px 16px;border-radius:10px;margin-bottom:16px;font-size:14px}.message-success{background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:#10b981}.message-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.full-width{grid-column:1 / -1}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin-top:8px}.benefits-list{list-style:none;padding:0;margin:0}.benefits-list li{color:var(--text);position:relative;padding:6px 0 6px 20px}.benefits-list li:before{content:"✓";position:absolute;left:0;color:var(--primary);font-weight:700}.table-like{border:1px solid var(--border);border-radius:10px;overflow:hidden;background:var(--panel-2)}.table-like .row{display:grid;grid-template-columns:1.3fr .7fr .7fr auto;gap:12px;padding:10px 12px;align-items:center}.table-like .row.head{background:#0f141a;color:var(--muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.table-like .row:not(.head){border-top:1px solid var(--border);color:var(--text)}.fade-in{animation:fade .18s ease both}.slide-up{animation:slide .18s ease both}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes slide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width: 768px){.settings-shell{padding:16px 20px 32px}.settings-title{font-size:28px}.section-title{font-size:20px}.panel-row.two{grid-template-columns:1fr}.btn-row{flex-direction:column}.btn-row .btn{width:100%}}@media (max-width: 480px){.settings-shell{padding:12px 16px 24px}.settings-card{padding:12px 14px}.panel{padding:14px}.table-like .row{grid-template-columns:1fr;gap:8px;text-align:center}.table-like .row.head{display:none}}.plan-upgrade-section{margin-top:24px;padding-top:24px;border-top:1px solid var(--border)}.plan-upgrade-section h4{color:var(--text);font-size:18px;font-weight:600;margin:0 0 16px}.upgrade-options{display:flex;flex-direction:column;gap:16px}.upgrade-option{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);transition:all .2s ease}.upgrade-option:hover{border-color:var(--primary);background:#2d6bff0d}.plan-info h5{color:var(--text);font-size:16px;font-weight:600;margin:0 0 4px}.plan-price{color:var(--primary);font-size:14px;font-weight:600;margin:0 0 8px}.plan-description{color:var(--muted);font-size:13px;margin:0;line-height:1.4}@media (max-width: 768px){.upgrade-option{flex-direction:column;align-items:flex-start;gap:12px}.plan-info{width:100%}}.settings-tab{max-width:800px}.settings-tab-title{font-size:28px;font-weight:800;color:var(--text);margin:0 0 8px;text-shadow:none}.settings-tab-description{color:var(--muted);font-size:15px;margin:0 0 28px;line-height:1.5}.display-toggle{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:24px;box-shadow:0 1px 4px var(--shadow)}.display-toggle-header{margin-bottom:20px}.toggle-label{display:block;font-size:16px;font-weight:700;color:var(--text);margin-bottom:8px}.toggle-description{font-size:14px;color:var(--muted);margin:0;line-height:1.5}.toggle-group{display:flex;gap:12px;margin-bottom:20px}.toggle-btn{flex:1!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px!important;border:2px solid var(--border)!important;border-radius:12px!important;background:var(--panel-2)!important;color:var(--text)!important;font-weight:600!important;font-size:15px;cursor:pointer;transition:all .2s ease;margin:0!important}[data-theme=light] .toggle-btn:not(.active){color:#000!important}[data-theme=light] .toggle-btn:not(.active) .toggle-text{color:#000!important}[data-theme=light] .toggle-btn:not(.active) .toggle-icon{color:#000!important}.toggle-btn:hover{border-color:var(--primary);background:#2d6bff0d;transform:translateY(-1px)}[data-theme=light] .toggle-btn:hover{background:var(--color-primary-light);border-color:var(--primary)}.toggle-btn.active{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;box-shadow:0 4px 12px #2d6bff4d}[data-theme=light] .toggle-btn.active{box-shadow:0 4px 12px var(--color-shadow, rgba(37, 99, 235, .25))}.toggle-btn.active:hover{background:var(--primary-2)!important;border-color:var(--primary-2)!important;transform:translateY(-1px);box-shadow:0 6px 16px #2d6bff66}[data-theme=light] .toggle-btn.active:hover{box-shadow:0 6px 16px var(--color-shadow, rgba(37, 99, 235, .35))}.toggle-icon{font-size:28px;line-height:1}.toggle-text{font-size:15px;font-weight:600}.toggle-info{padding-top:16px;border-top:1px solid var(--border)}.info-text{font-size:13px;color:var(--muted);margin:0;line-height:1.5}@media (max-width: 768px){.toggle-group{flex-direction:column}.toggle-btn{flex-direction:row;justify-content:flex-start;padding:16px}.toggle-icon{font-size:24px}}.settings-footer{margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}.settings-footer-content{max-width:100%}.settings-footer-title{font-size:16px;font-weight:700;color:var(--text);margin:0 0 16px}.settings-footer-links{display:flex;flex-wrap:wrap;gap:16px 24px}.settings-footer-link{color:var(--muted);text-decoration:none;font-size:14px;transition:color .15s ease;position:relative}.settings-footer-link:hover{color:var(--primary)}.settings-footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--primary);transition:width .15s ease}.settings-footer-link:hover:after{width:100%}@media (max-width: 768px){.settings-footer{margin-top:32px;padding-top:24px}.settings-footer-links{gap:12px 20px}.settings-footer-link{font-size:13px}}@media (max-width: 480px){.settings-footer{margin-top:24px;padding-top:20px}.settings-footer-title{font-size:15px;margin-bottom:12px}.settings-footer-links{flex-direction:column;gap:12px}}.add-card-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto;-webkit-overflow-scrolling:touch}.add-card-modal{background:#374151;border:1px solid #4b5563;border-radius:16px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.add-card-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0;border-bottom:1px solid #4b5563;margin-bottom:24px}.add-card-modal-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#f9fafb}.add-card-modal-close{background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.add-card-modal-close:hover:not(:disabled){color:#f9fafb;background:#4b5563}.add-card-modal-close:disabled{opacity:.5;cursor:not-allowed}.add-card-modal-content{padding:0 24px 24px}.add-card-modal-description{color:#9ca3af;font-size:.95rem;margin:0 0 24px;line-height:1.5}.add-card-form{display:flex;flex-direction:column;gap:20px}.card-elements-container{display:flex;flex-direction:column;gap:16px}.card-field-label{display:block;color:#d1d5db;font-size:.875rem;font-weight:500;margin-bottom:8px}.card-element-container{background:#fff!important;border:1px solid #4b5563;border-radius:8px;padding:16px;transition:border-color .2s ease;min-height:48px;position:relative;z-index:1;overflow:visible!important}.card-element-container:before,.card-element-container:after{display:none!important}.card-element-container>*{position:relative;z-index:10;opacity:1!important}.card-element-container:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.card-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card-field-group{display:flex;flex-direction:column}.card-brand-indicator{display:flex;justify-content:center;margin-top:8px}.card-brand-badge{display:inline-block;padding:4px 12px;background:#3b82f6;color:#fff;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.StripeElement{height:48px;display:flex;align-items:center;position:relative;z-index:2}.StripeElement iframe{background:#fff!important;z-index:2;position:relative;pointer-events:auto!important}.StripeElement iframe body,.StripeElement iframe body input{color:#111827!important;background:#fff!important;-webkit-text-fill-color:#111827!important}.StripeElement--focus{outline:none}.add-card-error{background:#1f2937;border:1px solid #ef4444;border-radius:8px;padding:12px 16px;color:#fca5a5;font-size:.9rem;display:flex;align-items:center;gap:8px}.add-card-error:before{content:"⚠";font-size:1rem}.add-card-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}.add-card-cancel-btn,.add-card-save-btn{padding:12px 24px;border-radius:8px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;border:none;min-width:100px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.add-card-cancel-btn{background:#4b5563;color:#f9fafb}.add-card-cancel-btn:hover:not(:disabled){background:#6b7280}.add-card-save-btn{background:#3b82f6;color:#fff}.add-card-save-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.add-card-cancel-btn:disabled,.add-card-save-btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 640px){.add-card-modal-overlay{padding:0;align-items:flex-end}.add-card-modal{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0;margin:0;display:flex;flex-direction:column}.add-card-modal-header{padding:16px 16px 0;flex-shrink:0}.add-card-modal-header h2{font-size:1.25rem}.add-card-modal-content{padding:0 16px 16px;flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.add-card-modal-description{font-size:.875rem;margin-bottom:20px}.add-card-form{gap:16px}.card-element-container{padding:12px}.add-card-modal-actions{flex-direction:column-reverse;gap:12px;margin-top:8px}.add-card-cancel-btn,.add-card-save-btn{width:100%;padding:14px 24px;font-size:1rem}.add-card-error{font-size:.875rem;padding:10px 14px}}@media (max-width: 375px){.add-card-modal{max-height:100vh;border-radius:0}.add-card-modal-header{padding:12px 12px 0}.add-card-modal-header h2{font-size:1.125rem}.add-card-modal-content{padding:0 12px 12px}.add-card-modal-close{width:28px;height:28px;font-size:20px}}@media (min-width: 641px) and (max-width: 768px){.add-card-modal-overlay{padding:24px}.add-card-modal{max-width:90%}}.add-card-modal:focus{outline:none}.add-card-modal-close:focus,.add-card-cancel-btn:focus,.add-card-save-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}.forgot-password-page{min-height:100vh;background:linear-gradient(135deg,#232526,#414345);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.forgot-password-container{width:100%;max-width:450px}.forgot-password-form-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;text-align:center;color:#333}.forgot-password-form-container h1{color:#333!important;font-size:2rem;font-weight:700;margin-bottom:10px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.forgot-password-form{display:flex;flex-direction:column;gap:20px}.forgot-password-page .form-group label{display:block;color:#000!important;font-weight:600;font-size:.9rem;margin-bottom:8px}.form-group input,.form-group input[type=text],.form-group input[type=email]{background:#fff!important;background-color:#fff!important;color:#333!important}.button-group{display:flex;flex-direction:column;gap:12px;margin-top:10px}.magic-link-button{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b98133;width:100%}.magic-link-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-1px);box-shadow:0 6px 16px #10b9814d}.magic-link-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.magic-link-button:focus{outline:none;box-shadow:0 0 0 3px #10b9814d}.password-reset-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f633;width:100%}.password-reset-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f64d}.password-reset-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.password-reset-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.success-message h2{color:#059669!important;font-size:1.5rem;font-weight:700;margin-bottom:15px}.success-message p{color:#666!important;margin-bottom:20px;line-height:1.5}.back-button{background:#f3f4f6;color:#374151;border:1px solid #d1d5db;border-radius:8px;padding:10px 20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.back-button:hover{background:#e5e7eb;border-color:#9ca3af}.back-to-login{margin-top:25px;color:#666!important;font-size:.9rem}.back-to-login a{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .3s ease}@media (max-width: 768px){.forgot-password-form-container{padding:30px 20px}.forgot-password-form-container h1{font-size:1.75rem}.logo{height:32px}}@media (max-width: 480px){.forgot-password-page{padding:10px}.forgot-password-form-container{padding:25px 15px}.forgot-password-form-container h1{font-size:1.5rem}}.forgot-password-form-container{animation:slideUp .5s ease-out}.magic-link-button:disabled,.password-reset-button:disabled{position:relative}.magic-link-button:disabled:after,.password-reset-button:disabled:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.reset-password-page{min-height:100vh;background:linear-gradient(135deg,#232526,#414345);display:flex;align-items:center;justify-content:center;padding:20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.reset-password-container{width:100%;max-width:450px}.logo-link{position:fixed;top:20px;left:20px;z-index:1000}.logo{height:40px;width:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.reset-password-form-container{background:#fff;border-radius:16px;box-shadow:0 20px 40px #0000001a;padding:40px;text-align:center;color:#333}.reset-password-form-container h1{color:#333!important;font-size:2rem;font-weight:700;margin-bottom:10px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.subtitle{color:#666!important;font-size:1rem;margin-bottom:30px;line-height:1.5}.reset-password-form{display:flex;flex-direction:column;gap:20px}.form-group{text-align:left}.reset-password-page .form-group label{display:block;color:#000!important;font-weight:600;font-size:.9rem;margin-bottom:8px}.form-group input{width:100%;padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:all .3s ease;background:#fff!important;color:#333!important;box-sizing:border-box;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.form-group input,.form-group input[type=password]{background:#fff!important;background-color:#fff!important;color:#333!important}.form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff!important;background-color:#fff!important;pointer-events:auto!important;user-select:text!important;-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important}.form-group input::placeholder{color:#9ca3af!important}.form-group input:disabled{background:#f8f9fa!important;cursor:not-allowed}.reset-button{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:8px;padding:14px 24px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #3b82f633;width:100%;margin-top:10px}.reset-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-1px);box-shadow:0 6px 16px #3b82f64d}.reset-button:disabled{background:#9ca3af;cursor:not-allowed;transform:none;box-shadow:none}.reset-button:focus{outline:none;box-shadow:0 0 0 3px #3b82f64d}.error-message{color:#ef4444;background:#fee2e2;border:1px solid #ef4444;padding:12px 16px;border-radius:8px;font-weight:500;text-align:center;margin-bottom:10px}.success-message{text-align:center;padding:20px 0}.success-message h1{color:#059669!important;font-size:2rem;font-weight:700;margin-bottom:15px}.success-message p{color:#666!important;margin-bottom:10px;line-height:1.5;font-size:1rem}.loading-spinner{width:40px;height:40px;border:3px solid #f3f3f3;border-top:3px solid #3B82F6;border-radius:50%;animation:spin 1s linear infinite;margin:20px auto 0}.back-to-login{margin-top:25px;text-align:center}.back-to-login a{color:#3b82f6;text-decoration:none;font-size:.9rem;font-weight:500;transition:color .3s ease}.back-to-login a:hover{color:#2563eb;text-decoration:underline}@media (max-width: 768px){.reset-password-form-container{padding:30px 20px}.reset-password-form-container h1{font-size:1.75rem}.logo{height:32px}}@media (max-width: 480px){.reset-password-page{padding:10px}.reset-password-form-container{padding:25px 15px}.reset-password-form-container h1{font-size:1.5rem}}.reset-password-form-container{animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reset-button:disabled{position:relative}.reset-button:disabled:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-filters{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-label{font-weight:600;color:var(--color-text, #ffffff);font-size:.95rem}[data-theme=light] .filter-label{color:var(--color-text, #111827)}.filter-input,.filter-select{padding:10px 14px;background:var(--color-bg-secondary, rgba(255, 255, 255, .05));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:8px;color:var(--color-text, #ffffff);font-size:.95rem;font-family:inherit;transition:all .2s ease}[data-theme=light] .filter-input,[data-theme=light] .filter-select{background:var(--color-bg-secondary, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .1));color:var(--color-text, #111827)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.admin-reports-list{display:flex;flex-direction:column;gap:16px}.admin-report-card{background:var(--color-card, rgba(255, 255, 255, .04));border:1px solid var(--color-border, rgba(255, 255, 255, .08));border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease}[data-theme=light] .admin-report-card{background:var(--color-card, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .1))}.admin-report-card:hover{border-color:var(--color-primary, #3b82f6);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}[data-theme=light] .admin-report-card:hover{box-shadow:0 4px 12px #0000001a}.admin-report-card:focus{outline:2px solid var(--color-primary, #3b82f6);outline-offset:2px}.report-card-header{margin-bottom:16px}.report-card-meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.report-reason-badge{display:inline-block;padding:4px 12px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#fca5a5;font-size:.85rem;font-weight:600}[data-theme=light] .report-reason-badge{background:#ef44441a;border-color:#ef444433;color:#dc2626}.report-date{color:var(--color-text-secondary, rgba(255, 255, 255, .6));font-size:.85rem}[data-theme=light] .report-date{color:var(--color-text-secondary, #6b7280)}.report-card-body{display:flex;flex-direction:column;gap:12px}.report-card-row{display:flex;gap:12px}.report-card-label{font-weight:600;color:var(--color-text-secondary, rgba(255, 255, 255, .7));font-size:.9rem;min-width:140px;flex-shrink:0}[data-theme=light] .report-card-label{color:var(--color-text-secondary, #6b7280)}.report-card-value{color:var(--color-text, #ffffff);font-size:.9rem;flex:1}[data-theme=light] .report-card-value{color:var(--color-text, #111827)}.report-uid{color:var(--color-text-muted, rgba(255, 255, 255, .4));font-family:Monaco,Menlo,Courier New,monospace;font-size:.8rem}[data-theme=light] .report-uid{color:var(--color-text-muted, #9ca3af)}.report-description{line-height:1.5}.admin-empty{text-align:center;padding:60px 20px;color:var(--color-text-secondary, rgba(255, 255, 255, .6))}[data-theme=light] .admin-empty{color:var(--color-text-secondary, #6b7280)}.report-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:flex-end;justify-content:center}[data-theme=light] .report-drawer-overlay{background:#00000080}.report-drawer{background:var(--color-card, rgba(255, 255, 255, .04));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:16px 16px 0 0;width:100%;max-width:800px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 -8px 32px #00000080;animation:drawerSlideUp .3s ease-out}[data-theme=light] .report-drawer{background:var(--color-card, #ffffff);border:1px solid var(--color-border, rgba(0, 0, 0, .1));box-shadow:0 -8px 32px #00000026}@keyframes drawerSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.report-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--color-border, rgba(255, 255, 255, .1))}[data-theme=light] .report-drawer-header{border-bottom:1px solid var(--color-border, rgba(0, 0, 0, .1))}.report-drawer-header h2{margin:0;color:var(--color-text, #ffffff);font-size:1.5rem;font-weight:600}[data-theme=light] .report-drawer-header h2{color:var(--color-text, #111827)}.report-drawer-close{background:transparent;border:none;color:var(--color-text, #ffffff);font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:background .2s ease}[data-theme=light] .report-drawer-close{color:var(--color-text, #111827)}.report-drawer-close:hover{background:var(--color-bg-tertiary, rgba(255, 255, 255, .1))}[data-theme=light] .report-drawer-close:hover{background:var(--color-bg-tertiary, #f3f4f6)}.report-drawer-body{padding:24px;overflow-y:auto;flex:1}.report-detail-row{margin-bottom:20px}.report-detail-row.report-detail-description{margin-bottom:0}.report-detail-label{font-weight:600;color:var(--color-text-secondary, rgba(255, 255, 255, .7));font-size:.9rem;margin-bottom:6px}[data-theme=light] .report-detail-label{color:var(--color-text-secondary, #6b7280)}.report-detail-value{color:var(--color-text, #ffffff);font-size:.95rem;line-height:1.6}[data-theme=light] .report-detail-value{color:var(--color-text, #111827)}.report-description-full{padding:16px;background:var(--color-bg-secondary, rgba(255, 255, 255, .05));border:1px solid var(--color-border, rgba(255, 255, 255, .1));border-radius:8px;white-space:pre-wrap;word-wrap:break-word}[data-theme=light] .report-description-full{background:var(--color-bg-secondary, #f3f4f6);border:1px solid var(--color-border, rgba(0, 0, 0, .1))}@media (max-width: 768px){.admin-filters{grid-template-columns:1fr}.report-card-row{flex-direction:column;gap:4px}.report-card-label{min-width:auto}.report-drawer{max-height:95vh}}.admin-back-btn{background:transparent;border:1px solid rgba(148,163,184,.3);color:#e2e8f0e6;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;margin-bottom:16px;transition:all .2s ease;outline:none}.admin-back-btn:hover,.admin-back-btn:focus{background:#94a3b81a;border-color:#94a3b880;transform:translate(-2px)}.admin-user-info-card{background:linear-gradient(145deg,#1e293b9e,#0f172acc);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:clamp(20px,3svh,28px);box-shadow:0 22px 48px #080f2373}.admin-user-info-header{display:flex;gap:20px;align-items:center;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(148,163,184,.1)}.admin-user-detail-avatar,.admin-user-detail-avatar-placeholder{width:80px;height:80px;border-radius:50%;object-fit:cover}.admin-user-detail-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e54d,#2563eb33);color:#f8fafc;font-weight:600;font-size:32px}.admin-user-info-header h3{margin:0 0 8px;font-size:24px;font-weight:600;color:#f8fafc}.admin-user-info-header p{margin:0;color:#e2e8f0b3;font-size:16px}.admin-user-info-details{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:24px}.admin-info-label{font-size:14px;font-weight:600;color:#94a3b8cc;margin-right:8px;text-transform:uppercase;letter-spacing:.5px}.admin-role-change{display:flex;align-items:center;gap:16px;padding-top:24px;border-top:1px solid rgba(148,163,184,.1)}.admin-role-change label{font-size:14px;font-weight:600;color:#e2e8f0e6}.admin-role-select{padding:8px 16px;background:#0f172a99;border:1px solid rgba(148,163,184,.3);border-radius:8px;color:#f8fafc;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.admin-role-select:focus{border-color:#818cf880;box-shadow:0 0 0 3px #818cf81a}.admin-role-select:disabled{opacity:.6;cursor:not-allowed}.admin-updating{font-size:14px;color:#94a3b8b3;font-style:italic}.admin-empty-state{padding:40px;text-align:center;color:#94a3b8b3;background:#1e293b66;border:1px solid rgba(148,163,184,.12);border-radius:16px}.admin-reviews-list{display:flex;flex-direction:column;gap:16px}.admin-review-card{background:linear-gradient(145deg,#1e293b9e,#0f172acc);border:1px solid rgba(148,163,184,.12);border-radius:12px;padding:20px;box-shadow:0 8px 24px #080f234d}.admin-review-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-review-rating{color:#fbbf24;font-size:18px;margin-right:12px}.admin-review-date{font-size:14px;color:#94a3b8b3}.admin-review-text{margin:12px 0 0;color:#e2e8f0e6;line-height:1.6}.admin-status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;background:#94a3b833;color:#e2e8f0e6;border:1px solid rgba(148,163,184,.3)}.admin-status-completed,.admin-status-completed_paid,.admin-status-finished{background:#16a34a33;color:#4ade80;border-color:#16a34a4d}.admin-status-pending,.admin-status-confirmed{background:#fbbf2433;color:#fbbf24;border-color:#fbbf244d}.admin-status-canceled,.admin-status-client_canceled,.admin-status-artist_canceled{background:#dc262633;color:#fca5a5;border-color:#dc26264d}[data-theme=light] .admin-user-info-card{background:linear-gradient(145deg,#ffffffe6,#f8fafcf2);border:1px solid rgba(148,163,184,.2)}[data-theme=light] .admin-user-info-header h3{color:#0f172a}[data-theme=light] .admin-user-info-header p{color:#0f172ab3}[data-theme=light] .admin-role-change label{color:#0f172ae6}[data-theme=light] .admin-role-select{background:#ffffffe6;border:1px solid rgba(148,163,184,.3);color:#0f172a}[data-theme=light] .admin-review-card{background:linear-gradient(145deg,#ffffffe6,#f8fafcf2);border:1px solid rgba(148,163,184,.2)}[data-theme=light] .admin-review-text{color:#0f172ae6}@media (max-width: 768px){.admin-user-info-header{flex-direction:column;text-align:center}.admin-user-info-details{flex-direction:column;gap:16px}.admin-role-change{flex-direction:column;align-items:flex-start}}.admin-filters{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding:20px;background:#1e293b66;border:1px solid rgba(148,163,184,.12);border-radius:16px}.admin-filter-group{flex:1;min-width:200px;display:flex;flex-direction:column;gap:8px}.admin-filter-group label{font-size:14px;font-weight:600;color:#e2e8f0e6}.admin-filter-input,.admin-filter-select{padding:12px 16px;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:8px;color:#f8fafc;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease;outline:none}.admin-filter-input:focus,.admin-filter-select:focus{border-color:#818cf880;box-shadow:0 0 0 3px #818cf81a}.admin-filter-input::placeholder{color:#94a3b899}.admin-table-container{overflow-x:auto;background:#1e293b66;border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:20px}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{border-bottom:2px solid rgba(148,163,184,.2)}.admin-table th{text-align:left;padding:16px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#e2e8f0cc}.admin-table td{padding:16px;border-bottom:1px solid rgba(148,163,184,.1);color:#e2e8f0e6}.admin-table-row{transition:background-color .2s ease;cursor:pointer}.admin-table-row:hover,.admin-table-row:focus{background:#818cf81a;outline:none}.admin-table-empty{text-align:center;padding:40px!important;color:#94a3b8b3}.admin-user-avatar,.admin-user-avatar-placeholder{width:40px;height:40px;border-radius:50%;object-fit:cover}.admin-user-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4f46e54d,#2563eb33);color:#f8fafc;font-weight:600;font-size:16px}.admin-role-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize}.admin-role-badge-client{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.admin-role-badge-artist{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.admin-role-badge-admin{background:#ec489933;color:#f472b6;border:1px solid rgba(236,72,153,.3)}.admin-btn{padding:8px 16px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;outline:none}.admin-btn-primary{background:linear-gradient(135deg,#4f46e5cc,#2563ebcc);color:#f8fafc;border:1px solid rgba(129,140,248,.4)}.admin-btn-primary:hover,.admin-btn-primary:focus{background:linear-gradient(135deg,#4f46e5,#2563eb);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.admin-btn-secondary{background:#94a3b833;color:#f8fafc;border:1px solid rgba(148,163,184,.3)}.admin-btn-secondary:hover,.admin-btn-secondary:focus{background:#94a3b84d;box-shadow:0 4px 12px #94a3b833}.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}[data-theme=light] .admin-filters{background:#fff9;border:1px solid rgba(148,163,184,.2)}[data-theme=light] .admin-filter-group label{color:#0f172acc}[data-theme=light] .admin-filter-input,[data-theme=light] .admin-filter-select{background:#ffffffe6;border:1px solid rgba(148,163,184,.3);color:#0f172a}[data-theme=light] .admin-table-container{background:#fff9;border:1px solid rgba(148,163,184,.2)}[data-theme=light] .admin-table th{color:#0f172ab3}[data-theme=light] .admin-table td{color:#0f172ae6}[data-theme=light] .admin-table-row:hover,[data-theme=light] .admin-table-row:focus{background:#3b82f61a}@media (max-width: 768px){.admin-filters{flex-direction:column}.admin-filter-group{min-width:100%}.admin-table-container{padding:12px}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:12px 8px}}.admin-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.admin-table-info{padding:12px 16px;background:#0f172a66;border-bottom:1px solid rgba(148,163,184,.12);font-size:14px;color:#e2e8f0cc;border-radius:8px 8px 0 0}.admin-user-cell{display:flex;align-items:center;gap:12px}.admin-user-avatar-small{width:32px;height:32px;border-radius:50%;object-fit:cover}[data-theme=light] .admin-table-info{background:#fff6;color:#0f172acc}@media (max-width: 768px){.admin-filters-grid{grid-template-columns:1fr}}.pricing-controls-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.pricing-controls-content{background:linear-gradient(145deg,#1e293bf2,#0f172afa);border:1px solid rgba(148,163,184,.2);border-radius:20px;width:min(900px,100%);max-height:90vh;overflow-y:auto;box-shadow:0 28px 60px #00000080;display:flex;flex-direction:column}.pricing-controls-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid rgba(148,163,184,.1)}.pricing-controls-header h2{margin:0;font-size:24px;font-weight:600;color:#f8fafc}.pricing-controls-close{background:transparent;border:none;color:#e2e8f0cc;font-size:32px;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s ease;outline:none}.pricing-controls-close:hover,.pricing-controls-close:focus{background:#94a3b81a;color:#f8fafc}.pricing-controls-body{padding:28px;display:flex;flex-direction:column;gap:32px}.pricing-section{display:flex;flex-direction:column;gap:20px}.pricing-section h3{margin:0;font-size:18px;font-weight:600;color:#f8fafc;padding-bottom:12px;border-bottom:1px solid rgba(148,163,184,.1)}.pricing-form-group{display:flex;flex-direction:column;gap:8px}.pricing-form-group label{font-size:14px;font-weight:600;color:#e2e8f0e6;display:flex;align-items:center;gap:8px}.pricing-hint{font-size:12px;font-weight:400;color:#94a3b8b3;font-style:italic}.pricing-input-group{display:flex;align-items:center;gap:8px;background:#0f172a99;border:1px solid rgba(148,163,184,.2);border-radius:8px;padding:0 12px;transition:border-color .2s ease,box-shadow .2s ease}.pricing-input-group:focus-within{border-color:#818cf880;box-shadow:0 0 0 3px #818cf81a}.pricing-currency{color:#e2e8f0cc;font-weight:600}.pricing-input{flex:1;background:transparent;border:none;color:#f8fafc;font-size:16px;padding:12px 0;outline:none;width:100%}.pricing-input::placeholder{color:#94a3b880}.pricing-unit{color:#94a3b8b3;font-size:14px;font-weight:600}.pricing-range{display:flex;gap:16px;font-size:12px;color:#94a3b8b3;margin-top:4px}.pricing-form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.pricing-error{margin:0 28px;padding:12px 16px;background:#dc26261a;border:1px solid rgba(220,38,38,.3);border-radius:8px;color:#fca5a5;font-size:14px}.pricing-success{margin:0 28px;padding:12px 16px;background:#16a34a1a;border:1px solid rgba(22,163,74,.3);border-radius:8px;color:#4ade80;font-size:14px}.pricing-loading{padding:40px;text-align:center;color:#e2e8f0cc}.pricing-controls-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid rgba(148,163,184,.1);margin-top:8px}[data-theme=light] .pricing-controls-content{background:linear-gradient(145deg,#fffffff2,#f8fafcfa);border:1px solid rgba(148,163,184,.3)}[data-theme=light] .pricing-controls-header h2{color:#0f172a}[data-theme=light] .pricing-controls-close{color:#0f172ab3}[data-theme=light] .pricing-section h3{color:#0f172a}[data-theme=light] .pricing-form-group label{color:#0f172ae6}[data-theme=light] .pricing-input-group{background:#fffc;border:1px solid rgba(148,163,184,.3)}[data-theme=light] .pricing-input{color:#0f172a}@media (max-width: 768px){.pricing-controls-modal{padding:0;align-items:flex-start}.pricing-controls-content{width:100%;max-height:100vh;border-radius:0}.pricing-form-row{grid-template-columns:1fr}.pricing-controls-body{padding:20px}}.admin-page{min-height:100svh;width:100%;padding:clamp(24px,5svh,56px) clamp(24px,6vw,64px) clamp(64px,8svh,96px);display:flex;flex-direction:column;align-items:center;gap:clamp(24px,4svh,40px);background:linear-gradient(135deg,#0f141a,#1a1f2e,#0f141a);color:#f8fafc;box-sizing:border-box}.admin-inner{width:min(1200px,100%);display:flex;flex-direction:column;gap:clamp(32px,5svh,64px);padding-top:clamp(12px,2vh,20px)}.admin-sticky-header{position:relative;top:0;z-index:1;background:#0f1119db;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(148,163,184,.12);border-radius:20px;padding:clamp(20px,3svh,28px);margin-bottom:clamp(28px,5svh,44px);box-shadow:0 18px 44px #02091b6b;display:flex;flex-direction:column;gap:clamp(12px,2.4svh,18px)}.admin-sticky-header h1{font-size:clamp(28px,4.5vw,3.2rem);font-weight:700;margin:0;color:#f8fafc}.admin-sticky-header p{margin:0;color:#e2e8f0d9;font-size:clamp(15px,2.3vw,18px);max-width:60ch}.admin-section{display:flex;flex-direction:column;gap:clamp(18px,2.8svh,24px);min-height:min(80svh,640px)}.section-header{display:flex;flex-direction:column;gap:8px}.section-header h2{margin:0;font-size:clamp(22px,3.4vw,28px);font-weight:600;letter-spacing:.4px;color:#f8fafc}.section-header p{margin:0;color:#cbd5e1d9;font-size:15px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:clamp(20px,3svh,32px);width:100%}.admin-stat-card{background:linear-gradient(145deg,#1e293b9e,#0f172acc);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:clamp(18px,3svh,26px);display:flex;flex-direction:column;gap:16px;box-shadow:0 22px 48px #080f2373;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;outline:none;position:relative}.admin-stat-card:hover,.admin-stat-card:focus-visible{transform:translateY(-3px);border-color:#818cf859;box-shadow:0 28px 60px #3b82f638}.admin-stat-card-highlight{background:linear-gradient(145deg,#4f46e552,#2563eb38);border-color:#818cf866}.admin-stat-label{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:#94a3b8cc;font-weight:600}.admin-stat-label:after{content:"";display:block;width:24px;height:2px;background:#94a3b840;margin-top:4px;border-radius:1px}.admin-stat-value{font-size:clamp(22px,3.3vw,30px);font-weight:700;color:#f8fafc}.admin-loading,.admin-error{padding:clamp(24px,4svh,40px);text-align:center;background:#1e293b66;border:1px solid rgba(148,163,184,.12);border-radius:16px;color:#e2e8f0e6;font-size:16px}.admin-error{color:#fca5a5;border-color:#dc26264d;background:#dc26261a}[data-theme=light] .admin-page{background:linear-gradient(135deg,#f8fafc,#f1f5f9,#e2e8f0);color:#0f172a}[data-theme=light] .admin-sticky-header{background:#ffffffe6;border:1px solid rgba(148,163,184,.2);box-shadow:0 18px 44px #00000014}[data-theme=light] .admin-sticky-header h1{color:#0f172a}[data-theme=light] .admin-sticky-header p{color:#0f172ab3}[data-theme=light] .section-header h2{color:#0f172a}[data-theme=light] .section-header p{color:#0f172ab3}[data-theme=light] .admin-stat-card{background:linear-gradient(145deg,#ffffffe6,#f8fafcf2);border:1px solid rgba(148,163,184,.2);box-shadow:0 22px 48px #00000014}[data-theme=light] .admin-stat-card:hover,[data-theme=light] .admin-stat-card:focus-visible{border-color:#3b82f666;box-shadow:0 28px 60px #3b82f626}[data-theme=light] .admin-stat-label{color:#0f172a99}[data-theme=light] .admin-stat-label:after{background:#0f172a33}[data-theme=light] .admin-stat-value{color:#0f172a}@media (max-width: 768px){.admin-page{padding:clamp(16px,4svh,32px) clamp(16px,4vw,24px) clamp(32px,6svh,48px)}.admin-stats-grid{grid-template-columns:1fr}}.admin-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(20px,3svh,32px);width:100%}.admin-settings-card{background:linear-gradient(145deg,#1e293b9e,#0f172acc);border:1px solid rgba(148,163,184,.12);border-radius:16px;padding:clamp(20px,3svh,28px);display:flex;flex-direction:column;gap:16px;box-shadow:0 22px 48px #080f2373;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;outline:none}.admin-settings-card:hover,.admin-settings-card:focus-visible{transform:translateY(-3px);border-color:#818cf859;box-shadow:0 28px 60px #3b82f638}.admin-settings-card h3{margin:0;font-size:clamp(18px,2.5vw,22px);font-weight:600;color:#f8fafc}.admin-settings-card p{margin:0;color:#cbd5e1d9;font-size:14px;line-height:1.6}.admin-settings-placeholder{padding:40px 20px;text-align:center;background:#0f172a66;border:1px dashed rgba(148,163,184,.3);border-radius:12px;margin-top:8px}.admin-settings-placeholder span{font-size:14px;font-weight:600;color:#94a3b8b3;text-transform:uppercase;letter-spacing:1px}.admin-settings-card-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.admin-settings-card-clickable:hover,.admin-settings-card-clickable:focus{transform:translateY(-4px);box-shadow:0 32px 64px #3b82f640}.admin-settings-action{margin-top:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.1);font-size:14px;font-weight:600;color:#818cf8e6;text-align:center}[data-theme=light] .admin-settings-action{color:#3b82f6e6}[data-theme=light] .admin-settings-card{background:linear-gradient(145deg,#ffffffe6,#f8fafcf2);border:1px solid rgba(148,163,184,.2);box-shadow:0 22px 48px #00000014}[data-theme=light] .admin-settings-card:hover,[data-theme=light] .admin-settings-card:focus-visible{border-color:#3b82f666;box-shadow:0 28px 60px #3b82f626}[data-theme=light] .admin-settings-card h3{color:#0f172a}[data-theme=light] .admin-settings-card p{color:#0f172ab3}[data-theme=light] .admin-settings-placeholder{background:#f8fafc99;border-color:#94a3b84d}[data-theme=light] .admin-settings-placeholder span{color:#0f172a99}@media (max-width: 768px){.admin-settings-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%}body{font-family:-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;background-color:var(--color-bg);color:var(--color-text);transition:background-color .3s ease,color .3s ease}body[data-theme=light]{background-color:var(--color-bg);color:var(--color-text);transition:background .3s ease,color .3s ease}.App{min-height:100vh;width:100%;overflow-x:hidden}:root,[data-theme=dark]{--color-bg: #0f0f0f;--color-bg-secondary: #1a1a1a;--color-bg-tertiary: #2d2d2d;--color-card: #1a1a1a;--color-card-hover: #2d2d2d;--color-text: #ffffff;--color-text-secondary: rgba(255, 255, 255, .7);--color-text-muted: rgba(255, 255, 255, .5);--color-primary: #3B82F6;--color-primary-hover: #2563eb;--color-primary-light: rgba(59, 130, 246, .1);--color-border: rgba(255, 255, 255, .1);--color-border-hover: rgba(255, 255, 255, .2);--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #06b6d4}[data-theme=light]{--color-bg: #f8f9fb;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f3f4f6;--color-card: #ffffff;--color-card-hover: #f8f9fa;--color-text: #111827;--color-text-secondary: #4b5563;--color-text-muted: #6b7280;--color-primary: #2563EB;--color-primary-hover: #1d4ed8;--color-primary-light: rgba(37, 99, 235, .1);--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .12);--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--color-info: #06b6d4;--color-sidebar-bg: #f3f4f6;--color-sidebar-active: #e5e7eb;--color-topbar-bg: #ffffff;--color-shadow: rgba(0, 0, 0, .06)}[data-theme=light]{--gradient-primary: linear-gradient(135deg, #2563EB 0%, #1d4ed8 100%);--gradient-secondary: linear-gradient(135deg, #f6f7f9 0%, #ffffff 100%);--gradient-card: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);--gradient-dashboard: linear-gradient(135deg, #f6f7f9 0%, #ffffff 100%)}:root{--z-modal: 99999;--z-modal-content: 100000;--z-dashboard: 10;--z-subscription: 5;--z-content: 1;--gradient-primary: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);--gradient-secondary: linear-gradient(135deg, #181a20 0%, #232526 100%);--gradient-card: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);--gradient-dashboard: linear-gradient(135deg, #232526 0%, #414345 100%);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}button{background:none;border:none;padding:0;margin:0;font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}input,textarea,select{font:inherit;color:inherit}table{border-collapse:collapse;border-spacing:0}img{max-width:100%;height:auto}ul,ol{list-style:none}[data-theme=light] h1,[data-theme=light] h2,[data-theme=light] h3,[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6,[data-theme=light] .page-title,[data-theme=light] .settings-title,[data-theme=light] .section-title,[data-theme=light] .tab-heading{text-shadow:none!important;color:var(--color-text)}.card{background:var(--color-card);border:1px solid var(--color-border);box-shadow:0 1px 4px var(--color-shadow);border-radius:12px}[data-theme=light] .sidebar{background:var(--color-sidebar-bg);color:var(--color-text);border-right:1px solid var(--color-border)}[data-theme=light] .sidebar .sidebar-title{color:#000!important;border-bottom:1px solid var(--color-border)}[data-theme=light] .sidebar .sidebar-btn{color:var(--color-text)}[data-theme=light] .sidebar .sidebar-btn:hover{background:var(--color-sidebar-active);color:var(--color-primary)}[data-theme=light] .sidebar .sidebar-btn.active{background:var(--color-primary);color:#fff}.sidebar-logo{padding:20px 8px;text-align:center;border-top:1px solid var(--color-border, rgba(255,255,255,.08));margin-top:auto;flex-shrink:0;margin-bottom:16px}.sidebar-logo-img{max-width:40%;height:auto;display:block;margin:0 auto}@media (min-width: 768px) and (max-width: 1024px){.sidebar-logo{padding:12px 8px;margin-bottom:24px}.sidebar-logo-img{max-width:35%}}.sidebar-logo-img--dark{display:block}.sidebar-logo-img--light,[data-theme=light] .sidebar-logo-img--dark{display:none}[data-theme=light] .sidebar-logo-img--light{display:block}[data-theme=light] .sidebar-logo{border-top:1px solid var(--color-border)}[data-theme=light] .dashboard-header,[data-theme=light] .topbar{background:var(--color-topbar-bg);color:var(--color-text);border-bottom:1px solid var(--color-border);box-shadow:0 1px 4px var(--color-shadow)}[data-theme=light] .portal-text,[data-theme=light] .portal-content,[data-theme=light] .mobile-menu-toggle,[data-theme=light] .hamburger-icon,[data-theme=light] .close-icon{color:#000!important}[data-theme=light] .mobile-menu-toggle,[data-theme=light] .dashboard-header .mobile-menu-toggle{color:#000!important;background:none!important}[data-theme=light] .mobile-menu-toggle:hover,[data-theme=light] .dashboard-header .mobile-menu-toggle:hover{background:#2563eb1a!important;color:#000!important}[data-theme=light] .mobile-menu-btn,[data-theme=light] .dashboard-header .mobile-menu-btn{color:#000!important;background:none!important}[data-theme=light] .mobile-menu-btn:hover,[data-theme=light] .dashboard-header .mobile-menu-btn:hover{background:#2563eb1a!important;color:#000!important}[data-theme=light] .mobile-menu-btn .hamburger span,[data-theme=light] .dashboard-header .mobile-menu-btn .hamburger span{background:#000!important}[data-theme=light] .mobile-menu-btn .hamburger:before,[data-theme=light] .mobile-menu-btn .hamburger:after,[data-theme=light] .dashboard-header .mobile-menu-btn .hamburger:before,[data-theme=light] .dashboard-header .mobile-menu-btn .hamburger:after{background:#000!important}[data-theme=light] .hamburger,[data-theme=light] .hamburger span,[data-theme=light] .hamburger:before,[data-theme=light] .hamburger:after{color:#000!important;background:#000!important}[data-theme=light] .sidebar.mobile-open,[data-theme=light] .client-sidebar.mobile-open,[data-theme=light] .artist-sidebar.mobile-open,[data-theme=light] .guest-sidebar.mobile-open{background:var(--color-sidebar-bg, #f3f4f6)!important}@media (max-width: 1024px){[data-theme=light] .mobile-menu-btn{background:#2563eb0d!important;border:1px solid rgba(37,99,235,.15)!important}[data-theme=light] .mobile-menu-btn:hover{background:#2563eb1a!important}[data-theme=light] .mobile-menu-btn .hamburger,[data-theme=light] .mobile-menu-btn .hamburger:before,[data-theme=light] .mobile-menu-btn .hamburger:after{background:var(--color-text, #111827)!important}}[data-theme=light] .user-menu-btn,[data-theme=light] .user-menu-btn span{color:#000!important}[data-theme=light] .user-menu-btn:hover{background:#2563eb1a!important;color:#000!important}[data-theme=light] button,[data-theme=light] .btn{background:var(--color-primary);color:#fff;border:none;border-radius:8px;transition:all .2s ease}[data-theme=light] button:hover,[data-theme=light] .btn:hover{opacity:.9}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text)}[data-theme=light] .danger-zone{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}[data-theme=light] .dashboard-layout{background:var(--gradient-dashboard, linear-gradient(145deg, #f5f6f8 0%, #ffffff 100%));color:var(--color-text)}[data-theme=light] .dashboard-layout.light{background:linear-gradient(145deg,#f5f6f8,#fff);color:#111827}[data-theme=light] .dashboard-content,[data-theme=light] .dashboard-content.light{background:transparent;color:var(--color-text)}[data-theme=light] .dashboard-content h1,[data-theme=light] .dashboard-content h2,[data-theme=light] .dashboard-content h3{color:var(--color-text);text-shadow:none}[data-theme=light] .dashboard-content p{color:var(--color-text-muted)}[data-theme=light] .dashboard-card,[data-theme=light] .dashboard-cards .dashboard-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--color-border, rgba(0,0,0,.08));box-shadow:0 6px 16px var(--color-shadow, rgba(0,0,0,.06));color:var(--color-text);transition:transform .2s ease,box-shadow .3s ease}[data-theme=light] .dashboard-card:hover,[data-theme=light] .dashboard-cards .dashboard-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px var(--color-shadow, rgba(0,0,0,.12))}[data-theme=light] .dashboard-card h3,[data-theme=light] .dashboard-card h4{color:var(--color-text);text-shadow:none}[data-theme=light] .dashboard-card p{color:var(--color-text-muted)}[data-theme=light] .profile-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--color-border, rgba(0,0,0,.08));box-shadow:0 6px 16px var(--color-shadow, rgba(0,0,0,.06))}[data-theme=light] .profile-card .card-header{border-bottom:1px solid var(--color-border, rgba(0,0,0,.08))}[data-theme=light] .profile-card .profile-info{color:var(--color-text)}[data-theme=light] .profile-card .status-dot{background:var(--color-success, #10b981)}[data-theme=light] .profile-card .status-text{color:var(--color-text-muted)}[data-theme=light] .sidebar.light{background:var(--color-sidebar-bg, #f3f4f6);color:var(--color-text);border-right:1px solid var(--color-border, rgba(0,0,0,.08))}[data-theme=light] .sidebar.light .sidebar-title{color:var(--color-text);border-bottom:1px solid var(--color-border, rgba(0,0,0,.08))}[data-theme=light] .sidebar.light .sidebar-btn{color:var(--color-text-secondary)}[data-theme=light] .sidebar.light .sidebar-btn:hover{background:var(--color-sidebar-active, #e5e7eb);color:var(--color-primary)}[data-theme=light] .sidebar.light .sidebar-btn.active{background:var(--color-primary);color:#fff}[data-theme=light] .dashboard-header.light{background:var(--color-topbar-bg, #ffffff);color:var(--color-text);border-bottom:1px solid var(--color-border, rgba(0,0,0,.08));box-shadow:0 1px 4px var(--color-shadow, rgba(0,0,0,.06))}[data-theme=light] .find-artist-page{background:var(--gradient-dashboard, linear-gradient(145deg, #f5f6f8 0%, #ffffff 100%));color:var(--color-text)}[data-theme=light] .find-artist-page .search-section{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--color-border, rgba(0,0,0,.08));box-shadow:0 4px 12px var(--color-shadow, rgba(0,0,0,.06))}[data-theme=light] .find-artist-page .search-input{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--color-border, rgba(0,0,0,.08));color:var(--color-text)}[data-theme=light] .find-artist-page .search-input::placeholder{color:var(--color-text-muted)}[data-theme=light] .find-artist-page .search-button{background:var(--color-primary);color:#fff;border:none}[data-theme=light] .find-artist-page .search-button:hover{opacity:.9}[data-theme=light] .artist-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--color-border, rgba(0,0,0,.08));box-shadow:0 4px 12px var(--color-shadow, rgba(0,0,0,.06));color:var(--color-text)}[data-theme=light] .artist-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--color-shadow, rgba(0,0,0,.12))}[data-theme=light] .artist-card h3{color:var(--color-text);text-shadow:none}[data-theme=light] .artist-card p{color:var(--color-text-muted)}[data-theme=light] .messaging-page{background:var(--gradient-dashboard, linear-gradient(145deg, #f5f6f8 0%, #ffffff 100%));color:var(--color-text)}[data-theme=light] .conversation-list{background:linear-gradient(135deg,#fff,#f8f9fa);border-right:1px solid var(--color-border, rgba(0,0,0,.08))}[data-theme=light] .conversation-item{background:transparent;border-bottom:1px solid var(--color-border, rgba(0,0,0,.08));color:var(--color-text)}[data-theme=light] .conversation-item:hover{background:var(--color-sidebar-active, #e5e7eb)}[data-theme=light] .conversation-item.active{background:var(--color-primary-light, rgba(37, 99, 235, .1));color:var(--color-primary)}[data-theme=light] .thread-view{background:linear-gradient(135deg,#fff,#f8f9fa);color:var(--color-text)}[data-theme=light] .message-input{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--color-border, rgba(0,0,0,.08));color:var(--color-text)}[data-theme=light] .message-input::placeholder{color:var(--color-text-muted)}[data-theme=light] .appointments-page{background:var(--gradient-dashboard, linear-gradient(145deg, #f5f6f8 0%, #ffffff 100%));color:var(--color-text)}[data-theme=light] .appointment-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--color-border, rgba(0,0,0,.08));box-shadow:0 4px 12px var(--color-shadow, rgba(0,0,0,.06));color:var(--color-text)}[data-theme=light] .appointment-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--color-shadow, rgba(0,0,0,.12))}[data-theme=light] .settings-page{background:var(--gradient-dashboard, linear-gradient(145deg, #f5f6f8 0%, #ffffff 100%));color:var(--color-text)}[data-theme=light] .settings-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--color-border, rgba(0,0,0,.08));box-shadow:0 4px 12px var(--color-shadow, rgba(0,0,0,.06));color:var(--color-text)}[data-theme=light] .settings-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--color-shadow, rgba(0,0,0,.12))}[data-theme=light] .settings-card h3{color:var(--color-text);text-shadow:none}[data-theme=light] .settings-card p{color:var(--color-text-muted)}[data-theme=light] .inkspiration-page{background:var(--gradient-dashboard, linear-gradient(145deg, #f5f6f8 0%, #ffffff 100%));color:var(--color-text)}[data-theme=light] .inkspiration-card{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--color-border, rgba(0,0,0,.08));box-shadow:0 4px 12px var(--color-shadow, rgba(0,0,0,.06));color:var(--color-text)}[data-theme=light] .inkspiration-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px var(--color-shadow, rgba(0,0,0,.12))}[data-theme=light] .loading-container{background:linear-gradient(135deg,#fff,#f8f9fa);color:var(--color-text)}[data-theme=light] .loading-spinner{border:3px solid var(--color-border, rgba(0,0,0,.08));border-top:3px solid var(--color-primary)}[data-theme=light] .error-state{background:linear-gradient(135deg,#fff,#f8f9fa);color:var(--color-text);border:1px solid var(--color-border, rgba(0,0,0,.08))}[data-theme=light] .error-state h3{color:var(--color-danger);text-shadow:none}[data-theme=light] .error-state p{color:var(--color-text-muted)}[data-theme=light] .btn-primary{background:#f5f5f5;color:#000;border:1px solid var(--color-border)}[data-theme=light] .btn-primary:hover{background:#e8e8e8;color:#000;opacity:1}[data-theme=light] .btn-secondary{background:linear-gradient(135deg,#fff,#f8f9fa);color:var(--color-text);border:1px solid var(--color-border, rgba(0,0,0,.08))}[data-theme=light] .btn-secondary:hover{background:var(--color-sidebar-active, #e5e7eb)}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--color-border, rgba(0,0,0,.08));color:var(--color-text)}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--color-text-muted)}[data-theme=light] input:focus,[data-theme=light] textarea:focus,[data-theme=light] select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light, rgba(37, 99, 235, .1))}[data-theme=light] .modal{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid var(--color-border, rgba(0,0,0,.08));box-shadow:0 20px 40px var(--color-shadow, rgba(0,0,0,.15))}[data-theme=light] .modal-header{border-bottom:1px solid var(--color-border, rgba(0,0,0,.08))}[data-theme=light] .modal-title{color:var(--color-text);text-shadow:none}[data-theme=light] .modal-body{color:var(--color-text)}[data-theme=light] .modal-footer{border-top:1px solid var(--color-border, rgba(0,0,0,.08))}.dashboard-content,.dashboard-main-content,.dashboard-layout{position:relative;z-index:var(--z-dashboard)}.subscription-status,.plan-info,.token-balance,.status-badge,.membership-info,.billing-info{position:relative;z-index:var(--z-subscription)}.content,.main-content,.page-content{position:relative;z-index:var(--z-content)}.lightbox-overlay,.portfolio-modal,.image-popup,.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:var(--z-modal)}.lightbox-container,.portfolio-modal-content,.modal-content{position:relative;z-index:var(--z-modal-content)}body.modal-open{overflow:hidden}@media (max-width: 767px){.sidebar,.client-sidebar,.artist-sidebar,.guest-sidebar,.sidebar.mobile-open,.client-sidebar.mobile-open,.artist-sidebar.mobile-open,.guest-sidebar.mobile-open{z-index:9999!important}}