.app-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);display:flex;align-items:center;justify-content:center;padding:1rem;font-family:Inter,sans-serif;transition:background-color .3s}.dark .app-container{background:linear-gradient(135deg,#111827,#1f2937)}.card{background-color:#fff;border-radius:1.5rem;box-shadow:0 25px 50px -12px #0000001a;padding:2rem;width:100%;transition:all .3s}.card:hover{box-shadow:0 25px 50px -12px #4f46e533}.dark .card{background-color:#1f2937}.dark .card:hover{box-shadow:0 25px 50px -12px #4338ca33}.decorative-circle-top{position:absolute;top:-1rem;right:1rem;width:4rem;height:4rem;background-color:#6366f1;border-radius:9999px;opacity:.2;filter:blur(20px)}.decorative-circle-bottom{position:absolute;bottom:-1rem;left:-1rem;width:5rem;height:5rem;background-color:#ec4899;border-radius:9999px;opacity:.2;filter:blur(20px)}.header-icon{width:5rem;height:5rem;background-color:#e0e7ff;border-radius:1.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.dark .header-icon{background-color:#1e1b4b}.header-icon svg{width:2.5rem;height:2.5rem}.header-title{font-size:2.5rem;line-height:1.2;font-weight:800;color:#111827;text-align:center;margin-bottom:.5rem}.dark .header-title{color:#fff}.header-subtitle{color:#4f46e5;font-size:1.25rem;font-weight:600;margin-top:.5rem;text-align:center}.dark .header-subtitle{color:#818cf8}.description{color:#4b5563;text-align:center;margin-bottom:2rem;font-size:1.1rem;font-weight:500;line-height:1.5}.dark .description{color:#9ca3af}.date-input-container{margin-bottom:2rem;position:relative}.date-label{font-size:1.25rem;font-weight:600;color:#374151;margin-bottom:.75rem;display:block;text-align:center}.dark .date-label{color:#d1d5db}.date-input-wrapper{position:relative}.date-input{width:50%;padding:1rem;border-radius:.75rem;border:1px solid #d1d5db;background-color:#f9fafb;color:#111827;transition:all .2s;font-size:25px;font-weight:500;display:block;margin:0 auto}.date-input:focus{outline:none;border-color:transparent;box-shadow:0 0 0 2px #6366f1}.dark .date-input{background-color:#374151;border-color:#4b5563;color:#fff}.date-icon{position:absolute;right:1rem;top:1rem;width:1.5rem;height:1.5rem;color:#9ca3af;pointer-events:none}.date-hint{font-size:18px;color:#6b7280;margin-top:.5rem;font-weight:500;text-align:center}.dark .date-hint{color:#9ca3af}.results-container{text-align:center;background-color:#f9fafb;border-radius:.75rem;padding:1.5rem;transition:all .3s}.dark .results-container{background-color:#37415180}.days-remaining{font-size:1.1rem;font-weight:700;color:#4f46e5;margin-bottom:.5rem}.dark .days-remaining{color:#818cf8}.booking-title{font-size:1.5rem;font-weight:700;color:#111827;margin-bottom:.5rem}.dark .booking-title{color:#fff}.booking-date{font-size:1.75rem;line-height:1.3;font-weight:800;color:#4f46e5;margin:1rem 0}.dark .booking-date{color:#818cf8}.additional-info{margin-top:1.5rem;padding-top:1rem;border-top:1px solid #e5e7eb}.dark .additional-info{border-top-color:#4b5563}.info-row{display:flex;justify-content:space-between;font-size:1rem;color:#4b5563;font-weight:600;margin-bottom:.5rem}.dark .info-row{color:#d1d5db}.info-value{font-weight:600}.reminder-button{padding:.75rem 1.5rem;background-color:#e0e7ff;color:#4f46e5;border-radius:.75rem;font-size:1rem;font-weight:600;transition:all .2s;border:none;cursor:pointer;margin-top:1.5rem;width:80%}.reminder-button:hover{background-color:#c7d2fe;transform:translateY(-2px)}.dark .reminder-button{background-color:#312e8180;color:#a5b4fc}.dark .reminder-button:hover{background-color:#4338ca80}.empty-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.empty-icon{width:4rem;height:4rem;color:#9ca3af}.empty-text{font-size:1.25rem;color:#6b7280;font-weight:500}.dark .empty-text{color:#9ca3af}.footer{margin-top:2rem;text-align:center;font-size:.875rem;color:#6b7280;font-weight:500}.dark .footer{color:#9ca3af}.footer p{margin-bottom:.5rem}@keyframes confetti{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(360deg);opacity:0}}.animate-confetti{position:absolute;width:.5rem;height:.5rem;background-color:#f59e0b;border-radius:9999px;animation:confetti 3s linear forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease-out}.loading-skeleton{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem}.skeleton-line{height:2rem;background-color:#e5e7eb;border-radius:.5rem;width:80%}.dark .skeleton-line{background-color:#4b5563}.skeleton-line-sm{height:1.5rem;width:60%}.spinner{animation:spin 1s linear infinite;width:3rem;height:3rem;color:#6366f1;margin:1rem 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}:root{--primary: #FF6B6B;--primary-dark: #E05D5D;--secondary: #4ECDC4;--dark: #292F36;--light: #F7FFF7;--gray: #6B7280;--light-gray: #F3F4F6}.salonavbar{width:99%;background:#ffffff80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:0 4px 20px #0000000d;position:sticky;top:0;z-index:1000;font-family:Inter,sans-serif;padding:.5rem}.dark .salonavbar{background:#1f293780;box-shadow:0 4px 20px #0003}.salonavbar-container{max-width:100%;margin:0 auto;padding:0rem .5rem;display:flex;justify-content:space-between;align-items:center;position:relative;font-size:1.8rem}.navbar-left,.navbar-right{display:flex;align-items:center;gap:1rem}.navbarlogoname{font-size:1.8rem;text-decoration:none;display:flex;align-items:center;gap:.25rem;background:#fff3;padding:.5rem 1rem;border-radius:12px;box-shadow:0 8px 32px #00000026;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.25);transition:all .3s ease}.dark .navbarlogoname{background:#2d374833;border:1px solid rgba(45,55,72,.25)}.navbarlogoname:hover{box-shadow:0 10px 40px #0003;transform:scale(1.02)}.logo-halfpartmain,.logo-lastpartaccent{font-size:2rem;font-weight:700;background:#000;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.navbar-links{display:flex;align-items:center;gap:1.5rem;transition:all .3s ease}.nav-link{text-decoration:none;font-size:20px;font-weight:500;display:flex;align-items:center;gap:.5rem;position:relative;padding:.5rem 1.25rem;border-radius:8px;box-shadow:0 4px 12px #ff6a6b66;transition:all .3s ease}.nav-link:hover{color:var(--primary)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--primary);transition:width .3s ease}.nav-link:hover:after{width:100%}.nav-icon{font-size:1.1rem}.highlight{padding:.5rem 1.25rem;border-radius:8px;box-shadow:0 4px 12px #ff6a6666;transition:all .3s ease}.highlight:hover{transform:translateY(-2px);box-shadow:0 6px 16px #ff6b6b4d}.highlight:after{display:none}.mobile-menu-button{display:none;background:none;border:none;color:var(--dark);cursor:pointer;z-index:1001}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;display:none}.theme-toggle-button{background:#c9d2e5;border:none;cursor:pointer;padding:.5rem;border-radius:50%;transition:background-color .2s ease,transform .1s ease;color:#38f9d7}.dark .theme-toggle-button{color:#f0c345}.theme-toggle-button:hover{background-color:#0000000d}.dark .theme-toggle-button:hover{background-color:#ffffff0d}@media (max-width: 768px){.mobile-menu-overlay{display:block}.navbar-links{z-index:1000}.navbar-right{display:flex}}.footer-container{background-color:#f9fafb;color:#4b5563;padding:2rem 0;width:100%;margin-top:auto}.dark .footer-container{background-color:#1f2937;color:#d1d5db}.footer-content{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-top{display:flex;flex-direction:column;gap:2rem;padding-bottom:1.5rem}@media (min-width: 768px){.footer-top{flex-direction:row;justify-content:space-between}}.footer-info h3{font-size:1.25rem;font-weight:700;color:#4f46e5;margin-bottom:.5rem}.dark .footer-info h3{color:#818cf8}.footer-info p{font-size:.875rem;line-height:1.5;max-width:400px}.footer-links{display:flex;flex-direction:column;gap:1rem}.link-item{display:flex;align-items:center;gap:.5rem}.link-item svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:#4f46e5}.dark .link-item svg{color:#818cf8}.link-item span{font-size:.875rem}.footer-bottom{border-top:1px solid #e5e7eb;padding-top:1.5rem;display:flex;flex-direction:column;gap:1rem}.dark .footer-bottom{border-top-color:#374151}@media (min-width: 768px){.footer-bottom{flex-direction:row;justify-content:space-between;align-items:center}}.footer-bottom p{font-size:.875rem}.footer-nav{display:flex;gap:1rem}.footer-nav a{font-size:.875rem;color:#4b5563;transition:color .2s ease}.dark .footer-nav a{color:#d1d5db}.footer-nav a:hover{color:#4f46e5}.dark .footer-nav a:hover{color:#818cf8}