@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700;900&family=Pretendard:wght@400;500;600;700;900&display=swap);:root{--error-light:#f87171;--error-dark:#dc2626;--warning-light:#fbbf24;--warning-dark:#d97706;--info-light:#60a5fa;--info-dark:#2563eb;--shadow-brand:0 8px 32px #667eea33;--border-radius-sm:4px;--border-radius-xl:20px;--border-radius-full:9999px;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--font-family-sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-family-mono:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:9998;--z-loading:9999}*,:after,:before{box-sizing:border-box}body{font-family:var(--font-family-sans)}#root,body{height:100%}a{color:#667eea;color:var(--primary-color);text-decoration:none;transition:color .3s ease;transition:color var(--transition-normal)}a:hover{color:#5a6fd8;color:var(--primary-dark)}button{background:none;border:none;cursor:pointer;margin:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}input,select,textarea{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--border-radius);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:border-color .3s ease;transition:border-color var(--transition-normal)}input:focus,select:focus,textarea:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a;outline:none}input::placeholder,textarea::placeholder{color:#9ca3af;color:var(--gray-400)}ol,ul{list-style:none}img{height:auto;max-width:100%}table{border-collapse:collapse;border-spacing:0}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.hidden{display:none!important}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-primary{color:#667eea;color:var(--primary-color)}.text-gray-500{color:#6b7280;color:var(--gray-500)}.text-gray-600{color:#4b5563;color:var(--gray-600)}.text-gray-700{color:#374151;color:var(--gray-700)}.bg-white{background-color:#fff}.bg-gray-50{background-color:#f9fafb;background-color:var(--gray-50)}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fadeIn{animation:fadeIn .3s ease}.animate-bounce{animation:bounce 1s ease-out}@media (max-width:768px){body{font-size:14px}:root{--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.jesamo-error-boundary{--primary-color:#0ea5e9;--primary-hover:#0284c7;--primary-light:#38bdf8;--primary-dark:#0369a1;--success-color:#10b981;--warning-color:#f59e0b;--error-color:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:all 0.3s ease-in-out;align-items:center;background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 25%,#0ea5e90d 75%,#38bdf81a 100%);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.error-container{max-width:600px}.error-card{animation:errorCardSlideIn .6s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}@keyframes errorCardSlideIn{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-header{background:linear-gradient(135deg,#0ea5e90d,#38bdf81a);border-bottom:1px solid var(--gray-200);padding:2.5rem 2rem 2rem;position:relative}.error-header:before{animation:headerWave 3s linear infinite;background:linear-gradient(90deg,var(--primary-color) 0,var(--primary-light) 50%,var(--primary-color) 100%);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes headerWave{0%{background-position:0 50%}to{background-position:200% 50%}}.error-icon{display:inline-block;position:relative}.icon-emoji{animation:iconBounce 2s ease-in-out infinite;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:4rem}@keyframes iconBounce{0%,to{transform:translateY(0) rotate(0deg)}25%{transform:translateY(-5px) rotate(2deg)}50%{transform:translateY(0) rotate(0deg)}75%{transform:translateY(-3px) rotate(-1deg)}}.icon-decoration{animation:iconRing 3s ease-in-out infinite;border:2px solid var(--primary-light);border-radius:50%;height:80px;left:50%;opacity:.3;position:absolute;top:50%;transform:translate(-50%,-50%);width:80px}@keyframes iconRing{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.1;transform:translate(-50%,-50%) scale(1.2)}}.error-title h1{color:var(--gray-900);font-size:1.75rem;font-weight:800;line-height:1.2;margin:0 0 1rem;text-shadow:0 1px 2px #0000001a}.error-title p{color:var(--gray-600);font-size:1rem;font-weight:500;line-height:1.5;margin:0}.error-details{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius);margin:1.5rem 2rem;overflow:hidden}.error-details summary{background:var(--gray-100);border-bottom:1px solid var(--gray-200);color:var(--gray-700);cursor:pointer;font-size:.875rem;font-weight:600;padding:1rem;transition:var(--transition);-webkit-user-select:none;user-select:none}.error-details summary:hover{background:var(--gray-200);color:var(--gray-900)}.error-details[open] summary{background:var(--warning-color);border-bottom-color:#f59e0b4d;color:#fff}.error-debug{background:var(--gray-50);max-height:300px;overflow-y:auto;padding:1.5rem}.debug-section h4{color:var(--gray-800);font-size:.875rem;letter-spacing:.5px;margin:0 0 .5rem;text-transform:uppercase}.debug-section code{background:var(--gray-800);color:#10b981;font-size:.8125rem}.debug-section code,.debug-section pre{border-radius:var(--border-radius);display:block;font-family:Monaco,Menlo,Ubuntu Mono,monospace;line-height:1.4;overflow-x:auto;padding:.75rem}.debug-section pre{background:var(--gray-900);color:#f87171;font-size:.75rem;margin:0;max-height:150px;overflow-y:auto}.error-actions{grid-gap:1rem;background:#f9fafb80;border-top:1px solid var(--gray-200);display:grid;grid-template-columns:repeat(2,1fr);padding:2rem}.error-actions button{align-items:center;border:none;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.75rem;justify-content:center;min-height:52px;overflow:hidden;padding:1rem 1.5rem;position:relative;text-decoration:none;transition:var(--transition)}.error-actions button:before{background:#fff3;content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.error-actions button:hover:before{left:0}.error-actions button:active{transform:scale(.98)}.btn-retry.primary{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);color:#fff;grid-column:1/-1}.btn-retry.primary:hover{background:linear-gradient(135deg,var(--primary-hover) 0,var(--primary-dark) 100%);box-shadow:0 8px 25px #0ea5e94d;transform:translateY(-2px)}.btn-home.secondary,.btn-refresh.secondary{background:linear-gradient(135deg,var(--gray-100) 0,var(--gray-200) 100%);border:1px solid var(--gray-300);color:var(--gray-700)}.btn-home.secondary:hover,.btn-refresh.secondary:hover{background:linear-gradient(135deg,var(--gray-200) 0,var(--gray-300) 100%);box-shadow:var(--shadow-md);color:var(--gray-900);transform:translateY(-1px)}.btn-support.tertiary{background:linear-gradient(135deg,var(--warning-color) 0,#f59e0b 100%);color:#fff;grid-column:1/-1}.btn-support.tertiary:hover{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 8px 25px #f59e0b4d;transform:translateY(-2px)}.btn-icon{font-size:1.2rem}.btn-text{font-weight:700;position:relative;z-index:1}.error-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:2rem}.footer-info{margin-bottom:2rem}.footer-info p{align-items:center;color:var(--gray-700);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.info-icon{color:var(--warning-color);font-size:1.2rem}.footer-info ul{color:var(--gray-600);margin:0;padding-left:1.5rem}.footer-info li{font-size:.8125rem;line-height:1.4;margin-bottom:.5rem}.error-brand{background:#0ea5e90d;border:1px solid #0ea5e91a;border-radius:var(--border-radius-lg);padding:1.5rem;text-align:center}.brand-logo{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.75rem}.brand-icon{animation:brandFloat 4s ease-in-out infinite;font-size:1.5rem}@keyframes brandFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-2px) rotate(1deg)}66%{transform:translateY(1px) rotate(-1deg)}}.brand-name{color:var(--primary-color);font-size:1.25rem;font-weight:800;text-shadow:0 1px 2px #0ea5e91a}.brand-message{color:var(--gray-600);font-size:.875rem;font-weight:500;margin:0}.error-decoration{bottom:0;overflow:hidden;pointer-events:none;z-index:0}.decoration-wave,.error-decoration{left:0;position:absolute;right:0;top:0}.decoration-wave{animation:decorationWave 5s linear infinite;background:linear-gradient(90deg,var(--primary-light) 0,var(--primary-color) 25%,var(--primary-hover) 50%,var(--primary-color) 75%,var(--primary-light) 100%);background-size:300% 100%;height:4px}@keyframes decorationWave{0%{background-position:0 50%}to{background-position:300% 50%}}.decoration-bubbles{bottom:0;left:0;position:absolute;right:0;top:0}.bubble{animation:bubbleFloat 6s ease-in-out infinite;background:radial-gradient(circle,#0ea5e91a 0,#38bdf80d 50%,#0000 100%);border-radius:50%;position:absolute}.bubble-1{animation-delay:0s;height:60px;left:10%;top:10%;width:60px}.bubble-2{animation-delay:1.5s;height:80px;right:15%;top:70%;width:80px}.bubble-3{animation-delay:3s;height:40px;right:25%;top:30%;width:40px}.bubble-4{animation-delay:4.5s;bottom:20%;height:100px;left:5%;width:100px}.bubble-5{animation-delay:2s;height:50px;left:50%;top:50%;width:50px}@keyframes bubbleFloat{0%,to{opacity:.1;transform:translateY(0) scale(1)}50%{opacity:.2;transform:translateY(-20px) scale(1.1)}}@media (max-width:768px){.jesamo-error-boundary{padding:1.5rem}.error-header{padding:2rem 1.5rem 1.5rem}.error-title h1{font-size:1.5rem}.error-actions{gap:.75rem;grid-template-columns:1fr;padding:1.5rem}.btn-retry.primary,.btn-support.tertiary{grid-column:1}.error-details{margin:1rem}.error-footer{padding:1.5rem}.icon-emoji{font-size:3rem}.icon-decoration{height:60px;width:60px}}@media (max-width:480px){.jesamo-error-boundary{min-height:calc(100vh - 2rem);padding:1rem}.error-header{padding:1.5rem 1rem}.error-title h1{font-size:1.25rem}.error-title p{font-size:.875rem}.error-actions{gap:.5rem;padding:1rem}.error-actions button{font-size:.8125rem;min-height:48px;padding:.875rem 1rem}.error-footer{padding:1rem}.footer-info li{font-size:.75rem}.brand-name{font-size:1.125rem}.brand-message{font-size:.8125rem}.icon-emoji{font-size:2.5rem}.icon-decoration{height:50px;width:50px}.error-debug{max-height:200px;padding:1rem}.debug-section code,.debug-section pre{font-size:.75rem;padding:.5rem}.bubble-1,.bubble-2,.bubble-3,.bubble-4,.bubble-5{height:30px;width:30px}}@media (prefers-reduced-motion:reduce){.brand-icon,.bubble,.decoration-wave,.error-actions button,.error-card,.icon-decoration,.icon-emoji{animation:none!important}.error-actions button:hover{transform:none!important}}@media (prefers-contrast:high){.error-card{border:2px solid var(--gray-900)}.error-header:before{height:6px}.error-actions button{border:2px solid}.btn-retry.primary{background:var(--primary-dark)}.btn-support.tertiary{background:var(--warning-color)}}@media (prefers-color-scheme:dark){.jesamo-error-boundary{background:linear-gradient(135deg,var(--gray-900) 0,var(--gray-800) 25%,#0ea5e91a 75%,#38bdf826 100%)}.error-card{background:#1f2937f2;border-color:#ffffff1a}.error-header{background:#0ea5e91a;border-bottom-color:var(--gray-700)}.error-title h1{color:var(--gray-100)}.error-title p{color:var(--gray-300)}.error-details{background:var(--gray-800);border-color:var(--gray-700)}.error-details summary{background:var(--gray-700);color:var(--gray-200)}.error-debug{background:var(--gray-800)}.error-actions{background:#1f293780;border-top-color:var(--gray-700)}.btn-home.secondary,.btn-refresh.secondary{background:var(--gray-700);border-color:var(--gray-600);color:var(--gray-200)}.error-footer{background:var(--gray-800);border-top-color:var(--gray-700)}.footer-info li,.footer-info p{color:var(--gray-300)}.error-brand{background:#0ea5e91a;border-color:#0ea5e933}.brand-message{color:var(--gray-400)}}.error-actions button:focus,.error-details summary:focus{outline:3px solid var(--warning-color);outline-offset:2px}@media (hover:none) and (pointer:coarse){.error-actions button{min-height:52px;padding:1rem 1.5rem}.error-details summary{align-items:center;display:flex;min-height:52px}}.error-debug::-webkit-scrollbar{width:8px}.error-debug::-webkit-scrollbar-track{background:var(--gray-100);border-radius:4px}.error-debug::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:4px}.error-debug::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}.error-title h1,.error-title p{overflow-wrap:break-word;word-break:keep-all}.debug-section code,.debug-section pre{white-space:pre-wrap;word-break:break-all}:root{--primary:#4f46e5;--primary-dark:#4338ca;--success:#10b981;--success-dark:#059669;--error:#ef4444;--warning:#f59e0b;--white:#fff;--radius:12px;--shadow:0 1px 3px 0 #0000001a;--shadow-lg:0 4px 6px -1px #0000001a;--shadow-xl:0 10px 25px -3px #0000001a}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.booking-page-mobile,body{background:#f9fafb;background:var(--gray-50)}.booking-page-mobile{margin:0;min-height:100vh;padding:0 0 2rem}.booking-container-mobile{background:#fff;background:var(--white);margin:0 auto 2rem;max-width:100%;min-height:100vh;padding-bottom:0}.booking-layout-stack{display:flex;flex-direction:column;gap:0}.property-header-mobile{background:linear-gradient(135deg,#4f46e5,#4338ca);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;color:var(--white);padding:2rem 1.5rem;text-align:center}.property-header-mobile h1{font-size:1.5rem;font-weight:800;line-height:1.3;margin-bottom:.75rem}.property-header-mobile p{font-size:.95rem;line-height:1.5;margin:0;opacity:.9}.booking-error-mobile,.booking-loading-mobile{align-items:center;background:#f9fafb;background:var(--gray-50);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 1.5rem;text-align:center}.loading-spinner-mobile{margin-bottom:1.5rem}.spinner{border-top:4px solid #4f46e5;border-top-color:var(--primary)}.booking-loading-mobile h3{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.booking-loading-mobile p{color:#4b5563;color:var(--gray-600);font-size:.95rem}.error-icon{font-size:3rem}.booking-error-mobile h2{color:#1f2937;color:var(--gray-800);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.booking-error-mobile p{color:#4b5563;color:var(--gray-600);font-size:.95rem;margin-bottom:1.5rem}.error-actions-mobile{display:flex;flex-direction:column;gap:.75rem;max-width:280px;width:100%}.home-btn-mobile,.retry-btn-mobile{border:none;border-radius:12px;border-radius:var(--radius);cursor:pointer;font-size:.95rem;font-weight:600;padding:.875rem 1.5rem;transition:all .2s ease;width:100%}.retry-btn-mobile{background:#4f46e5;background:var(--primary);color:#fff;color:var(--white)}.retry-btn-mobile:hover{background:#4338ca;background:var(--primary-dark)}.home-btn-mobile{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.home-btn-mobile:hover{background:#e5e7eb;background:var(--gray-200)}.success-modal-overlay-mobile{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c}.recent-booking-modal-overlay,.success-modal-overlay-mobile{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.recent-booking-modal-overlay{animation:fadeIn .3s ease;background:#0009}.recent-booking-modal{animation:slideUp .3s ease;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:1.5rem;width:100%}.recent-booking-header{margin-bottom:1.5rem;text-align:center}.recent-booking-icon{font-size:3rem;margin-bottom:.5rem}.recent-booking-header h2{color:#333;font-size:1.25rem;margin:0}.recent-booking-content{background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;padding:1rem}.booking-info-item{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:.5rem 0}.booking-info-item:last-child{border-bottom:none}.booking-info-label{color:#6c757d;font-size:.875rem}.booking-info-value{color:#212529;font-size:.875rem;font-weight:600}.booking-id-highlight{color:#007bff;font-family:monospace}.recent-booking-actions{display:flex;gap:.75rem}.btn-check-booking{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.75rem;transition:all .2s}.btn-check-booking:hover{background:#218838;transform:translateY(-1px)}.btn-close-modal{background:#fff;border:1px solid #dee2e6;border-radius:8px;color:#6c757d;cursor:pointer;flex:1 1;font-size:.875rem;font-weight:600;padding:.75rem;transition:all .2s}.btn-close-modal:hover{background:#f8f9fa}.verify-btn-mobile.checking{background:#ffc107;color:#212529;cursor:wait}.verify-btn-mobile.checking:disabled{opacity:1}.success-modal-mobile{animation:slideUp .4s ease-out;background:#fff;background:var(--white);border-radius:16px;box-shadow:0 10px 25px -3px #0000001a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:400px;overflow-y:auto;width:100%}.success-header-mobile{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success) 0,var(--success-dark) 100%);border-radius:16px 16px 0 0;color:#fff;color:var(--white);padding:2rem 1.5rem 1.5rem;position:relative;text-align:center}.success-icon-mobile{animation:bounce 1s ease-in-out;font-size:3rem;margin-bottom:1rem}.success-header-mobile h2{font-size:1.25rem;font-weight:800;margin:0}.modal-close-mobile{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.25rem;height:32px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:32px}.modal-close-mobile:hover{background:#ffffff4d}.success-content-mobile{padding:1.5rem}.booking-id-display{background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius);margin-bottom:1.5rem;padding:1rem;text-align:center}.booking-id-display .label{color:#4b5563;color:var(--gray-600);display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.booking-id-display .booking-id{background:#fff;background:var(--white);border:2px solid #4f46e5;border:2px solid var(--primary);border-radius:8px;color:#4f46e5;color:var(--primary);display:block;font-family:Courier New,monospace;font-size:1rem;font-weight:700;padding:.5rem 1rem}.next-steps-mobile{margin-bottom:1.5rem}.step-item-mobile{align-items:flex-start;background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius);display:flex;gap:.75rem;margin-bottom:1rem;padding:.75rem}.step-number{background:#4f46e5;background:var(--primary);color:var(--white);height:24px;width:24px}.step-text{color:#374151;color:var(--gray-700);font-size:.9rem;font-weight:500;line-height:1.4}.contact-host-btn-mobile{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success) 0,var(--success-dark) 100%);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);cursor:pointer;font-size:1rem;font-weight:700;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.contact-host-btn-mobile:hover{box-shadow:0 10px 25px -3px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-1px)}.test-notice-mobile{align-items:center;background:#f59e0b;background:var(--warning);color:#fff;color:var(--white);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem}.booking-form-mobile{background:#fff;background:var(--white);padding:1.5rem}.form-section-mobile{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);margin-bottom:2rem;padding-bottom:1.5rem}.form-section-mobile:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-section-mobile h3{border-bottom:2px solid #4f46e5;border-bottom:2px solid var(--primary);color:#1f2937;color:var(--gray-800);display:inline-block;font-size:1.1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.form-group-mobile{margin-bottom:1.25rem}.form-group-mobile label{color:#374151;color:var(--gray-700);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group-mobile input,.form-group-mobile select,.form-group-mobile textarea{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);font-family:inherit;font-size:16px;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-group-mobile input:focus,.form-group-mobile select:focus,.form-group-mobile textarea:focus{border-color:#4f46e5;border-color:var(--primary);box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-group-mobile input::placeholder,.form-group-mobile textarea::placeholder{color:#9ca3af;color:var(--gray-400)}.form-group-mobile select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:1rem;padding-right:2.5rem}.form-group-mobile textarea{min-height:80px;resize:vertical}.date-grid-mobile,.guest-grid-mobile{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.nights-display-mobile{align-items:center;background:#f9fafb;background:var(--gray-50);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding:.875rem 1rem}.nights-label{color:#374151;color:var(--gray-700);font-size:.9rem;font-weight:600}.nights-value{color:#4f46e5;color:var(--primary);font-size:1.1rem;font-weight:800}.agreement-section-mobile{background:#f9fafb;background:var(--gray-50);margin:0;padding:1.5rem}.agreement-section-mobile h3{border-bottom:2px solid #4f46e5;border-bottom:2px solid var(--primary);color:#1f2937;color:var(--gray-800);display:inline-block;font-size:1.1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.agreement-item-mobile{margin-bottom:1rem}.agreement-item-mobile label{background:#fff;background:var(--white);border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);gap:.75rem;padding:1rem;transition:all .2s ease}.agreement-item-mobile label:hover{background:#f9fafb;background:var(--gray-50);border-color:#4f46e5;border-color:var(--primary)}.agreement-item-mobile input[type=checkbox]{display:none}.checkmark-mobile{background:#fff;background:var(--white);border:2px solid var(--gray-300);margin-top:1px;min-height:20px;min-width:20px;transition:all .2s ease}.agreement-item-mobile input[type=checkbox]:checked+.checkmark-mobile{background:#4f46e5;background:var(--primary);border-color:#4f46e5;border-color:var(--primary)}.agreement-item-mobile input[type=checkbox]:checked+.checkmark-mobile:after{color:#fff;color:var(--white);content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.agreement-text-mobile{color:#374151;color:var(--gray-700);flex:1 1;font-size:.9rem;font-weight:500;line-height:1.4}.required{color:var(--error);margin-right:.25rem}.optional{color:#6b7280;color:var(--gray-500);font-weight:700;margin-right:.25rem}.submit-section-mobile{background:#fff;background:var(--white);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);bottom:0;padding:1.5rem;position:-webkit-sticky;position:sticky;z-index:100}.submit-btn-mobile{align-items:center;background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error) 0,#dc2626 100%);border:none;border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-lg);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;justify-content:center;min-height:56px;padding:1rem 1.5rem;transition:all .3s ease;width:100%}.submit-btn-mobile:hover{box-shadow:0 10px 25px -3px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.submit-btn-mobile:disabled{cursor:not-allowed;opacity:.6;transform:none}.spinner-mobile{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:2px solid var(--white);height:20px;width:20px}.booking-complete-mobile{background:#fff;background:var(--white);padding:0}.complete-header-mobile{background:linear-gradient(135deg,#f97316,#ea580c);border-radius:0;color:#fff;color:var(--white);margin:0 0 2rem;padding:2rem 1.5rem;text-align:center}.complete-icon-mobile{animation:bounce 1s ease-in-out;font-size:3.5rem;margin-bottom:1rem}.complete-header-mobile h2{font-size:1.4rem;font-weight:800;margin-bottom:.5rem}.complete-header-mobile p{font-size:.95rem;margin:0;opacity:.9}.booking-summary-mobile{background:#fff;background:var(--white);border:none;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);border-radius:0;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);box-shadow:none;margin-bottom:0;overflow:hidden}.booking-summary-mobile h3{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success) 0,var(--success-dark) 100%);border-bottom:none;color:#fff;color:var(--white);display:block;font-size:1.1rem;font-weight:700;margin:0;padding:1.25rem 1.5rem}.summary-list-mobile{background:#f9fafb;background:var(--gray-50);border-radius:0;border-radius:12px;border-radius:var(--radius);margin:0;padding:1.5rem;padding:1rem}.summary-row-mobile{align-items:flex-start;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;gap:1rem;justify-content:flex-start;padding:.75rem 0}.summary-row-mobile:last-child{border-bottom:none;padding-bottom:0}.summary-row-mobile .label{color:#4b5563;color:var(--gray-600);flex-shrink:0;font-size:.9rem;font-weight:500;min-width:120px}.summary-row-mobile .value{color:#1f2937;color:var(--gray-800);flex:1 1;font-size:.9rem;font-weight:600;line-height:1.4;text-align:left;word-break:break-word}.summary-row-mobile .value a,.summary-row-mobile .value button{border:none!important;border-radius:6px!important;cursor:pointer;display:inline-block!important;flex:none!important;font-size:.875rem!important;font-weight:700!important;margin:0!important;max-width:none!important;padding:.375rem .75rem!important;text-decoration:none!important;transition:all .2s ease;white-space:nowrap;width:auto!important}.summary-row-mobile .value a[target=_blank]{background:#4f46e5!important;background:var(--primary)!important;color:#fff!important;color:var(--white)!important}.summary-row-mobile .value a[target=_blank]:hover{background:#4338ca!important;background:var(--primary-dark)!important;transform:translateY(-1px)}.summary-row-mobile .value a[href*=instagram]{background:#e4405f!important;color:#fff!important;color:var(--white)!important}.summary-row-mobile .value a[href*=instagram]:hover{background:#d12c4a!important;transform:translateY(-1px)}.summary-row-mobile .value a[target=_blank]:not([href*=instagram]){background:#10b981!important;background:var(--success)!important;color:#fff!important;color:var(--white)!important}.summary-row-mobile .value a[target=_blank]:not([href*=instagram]):hover{background:#059669!important;background:var(--success-dark)!important;transform:translateY(-1px)}.summary-row-mobile .value a[href^="tel:"]{background:#10b981!important;background:var(--success)!important;color:#fff!important;color:var(--white)!important}.summary-row-mobile .value a[href^="tel:"]:hover{background:#059669!important;background:var(--success-dark)!important;transform:translateY(-1px)}.summary-row-mobile .value a[target=_blank][style*=primary]{background:#4f46e5!important;background:var(--primary)!important;color:#fff!important;color:var(--white)!important}.summary-row-mobile .value a[target=_blank][style*=primary]:hover{background:#4338ca!important;background:var(--primary-dark)!important;transform:translateY(-1px)}.summary-row-mobile .value a[target=_blank][style*="#E4405F"]{background:#e4405f!important;color:#fff!important;color:var(--white)!important}.summary-row-mobile .value a[target=_blank][style*="#E4405F"]:hover{background:#d12c4a!important;transform:translateY(-1px)}.summary-row-mobile .booking-id{background:#4f46e5;background:var(--primary);border-radius:4px;color:#fff;color:var(--white);font-family:Courier New,monospace;font-size:.8rem;font-weight:700;padding:.25rem .5rem}.next-action-mobile{background:linear-gradient(135deg,#fef3c7,#fde68a);border:2px solid #f59e0b;border:2px solid var(--warning);border-radius:12px;border-radius:var(--radius);margin-bottom:2rem;padding:1.5rem;text-align:center}.action-icon-mobile{font-size:2.5rem;margin-bottom:1rem}.next-action-mobile h3{color:#92400e;font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.next-action-mobile p{color:#92400e;font-size:.95rem;font-weight:500;line-height:1.5;margin:0}.host-contact-section-mobile{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:0}.contact-revealed-mobile{background:#fff;background:var(--white);border:none;border-radius:0;box-shadow:none;margin:0;overflow:hidden;padding:0}.contact-header-mobile{background:linear-gradient(135deg,#4f46e5,#4338ca);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);color:#fff;color:var(--white);margin:0;padding:1.25rem 1.5rem;text-align:center}.contact-revealed-mobile .booking-summary-mobile{background:#fff;background:var(--white);border:none;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);border-radius:0;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);box-shadow:none;margin-bottom:0;margin-top:2rem;overflow:visible}.booking-summary-mobile h3,.booking-summary-mobile:last-child h3,.contact-revealed-mobile .booking-summary-mobile h3{background:linear-gradient(135deg,#1e40af,#1d4ed8)!important;border-bottom:none!important;color:#fff!important;color:var(--white)!important;display:block!important;font-size:1.1rem!important;font-weight:700!important;margin:0!important;padding:1.25rem 1.5rem!important}.contact-revealed-mobile .summary-list-mobile{background:#f9fafb!important;background:var(--gray-50)!important;border-radius:0;margin:0;padding:1.5rem}.info-section-mobile{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:1.5rem}.info-section-mobile:last-child{border-bottom:none}.section-title-mobile{border-bottom:2px solid #4f46e5;border-bottom:2px solid var(--primary);color:#1f2937;color:var(--gray-800);display:inline-block;font-size:1rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem}.section-content-mobile{color:#374151;color:var(--gray-700)}.property-name-display{background:linear-gradient(135deg,#f9fafb,#f0f9ff);background:linear-gradient(135deg,var(--gray-50) 0,#f0f9ff 100%);border:2px solid #4f46e5;border:2px solid var(--primary);border-radius:12px;border-radius:var(--radius);color:#4f46e5;color:var(--primary);font-size:1.2rem;font-weight:800;padding:1rem;text-align:center}.contact-item-mobile{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius);display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem}.contact-item-mobile:last-child{margin-bottom:0}.contact-label-mobile{color:#4b5563;color:var(--gray-600);font-size:.9rem;font-weight:600}.contact-value-mobile{color:#1f2937;color:var(--gray-800);font-size:.9rem;max-width:60%;text-align:right;word-break:break-word}.contact-value-mobile,.phone-link{font-weight:700;text-decoration:none}.phone-link{background:#10b981;background:var(--success);border-radius:8px;color:#10b981!important;color:var(--success)!important;color:#fff!important;color:var(--white)!important;padding:.5rem 1rem}.phone-link:hover{background:#059669;background:var(--success-dark)}.address-display{background:#f9fafb;background:var(--gray-50);border-left:4px solid #4f46e5;border-left:4px solid var(--primary);border-radius:12px;border-radius:var(--radius);padding:1rem}.address-main{color:#1f2937;color:var(--gray-800);font-size:1rem;font-weight:600;margin-bottom:.5rem}.address-detail{color:#4b5563;color:var(--gray-600);font-size:.9rem;font-weight:500}.website-item{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius);display:flex;justify-content:space-between;margin-bottom:.75rem;padding:1rem}.website-item:last-child{margin-bottom:0}.website-label{color:#4b5563;color:var(--gray-600);font-size:.9rem;font-weight:600}.website-link{background:#4f46e5;background:var(--primary);border-radius:8px;color:#fff;color:var(--white);font-size:.875rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.website-link:hover{background:#4338ca;background:var(--primary-dark);transform:translateY(-1px)}.description-text{background:#f9fafb;background:var(--gray-50);border-left:4px solid #10b981;border-left:4px solid var(--success);border-radius:12px;border-radius:var(--radius);color:#374151;color:var(--gray-700);font-size:.95rem;line-height:1.6;padding:1.25rem}.basic-info-grid{grid-gap:.75rem;gap:.75rem}.basic-info-item{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius);display:flex;justify-content:space-between;padding:1rem}.basic-info-label{color:#4b5563;color:var(--gray-600);font-size:.9rem;font-weight:600}.basic-info-value{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:6px;color:#1f2937;color:var(--gray-800);font-size:.9rem;font-weight:700;padding:.375rem .75rem}.amenities-grid{grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.amenity-item-mobile{align-items:center;background:#4f46e5;background:var(--primary);border-radius:12px;border-radius:var(--radius);color:#fff;color:var(--white);display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem}.amenity-icon{font-size:1rem}.amenity-name{flex:1 1}.rules-list{background:#f9fafb;background:var(--gray-50);border-left:4px solid #f59e0b;border-left:4px solid var(--warning);border-radius:12px;border-radius:var(--radius);padding:1.25rem}.rule-item{font-size:.9rem;gap:.75rem;line-height:1.5;margin-bottom:.75rem}.rule-bullet{color:#f59e0b;color:var(--warning);font-size:1.1rem;font-weight:700;margin-top:-.1rem}.rule-text{color:#374151;color:var(--gray-700)}.action-buttons-mobile{background:#fff;background:var(--white);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:1.5rem;text-align:center}.home-btn-mobile{background:#10b981;background:var(--success);border:none}.home-btn-mobile:hover{background:#059669;background:var(--success-dark)}.home-btn-mobile.naver-booking-btn{background:linear-gradient(135deg,#00c73c,#00a92f);border:2px solid #00c73c;box-shadow:0 4px 20px #00c73c4d;font-size:1.1rem;font-weight:800;overflow:hidden;padding:1rem 2rem;position:relative}.home-btn-mobile.naver-booking-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.home-btn-mobile.naver-booking-btn:hover:before{left:100%}.home-btn-mobile.naver-booking-btn:hover{background:linear-gradient(135deg,#00a92f,#008c26);border-color:#00a92f;box-shadow:0 8px 30px #00c73c66;transform:translateY(-2px)}.home-btn-mobile.naver-booking-btn:active{box-shadow:0 4px 15px #00c73c4d;transform:translateY(0)}.contact-locked-mobile{background:#fff;background:var(--white);border-radius:0;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);box-shadow:none;margin:0;padding:2rem 1.5rem;text-align:center}.lock-icon-mobile{font-size:3rem;margin-bottom:1rem;opacity:.6}.contact-locked-mobile h3{color:#1f2937;color:var(--gray-800);font-size:1.1rem;font-weight:700;margin-bottom:.75rem}.contact-locked-mobile p{color:#4b5563;color:var(--gray-600);font-size:.95rem;line-height:1.5;margin-bottom:1.5rem}.preview-info-mobile{background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius);padding:1rem}.preview-item-mobile{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 0}@media (min-width:768px){.booking-container-mobile{border-radius:12px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-lg);margin:2rem auto;max-width:600px;overflow:hidden}.property-header-mobile{padding:2.5rem 2rem}.property-header-mobile h1{font-size:1.75rem}.booking-form-mobile{padding:2rem}.date-grid-mobile,.guest-grid-mobile{gap:1.5rem}.agreement-section-mobile,.host-contact-section-mobile,.submit-section-mobile{padding:2rem}.success-modal-mobile{max-width:500px}.home-btn-mobile{font-size:1.2rem;min-height:70px;padding:2rem 3rem}.property-header-mobile{padding:3rem 2.5rem}.property-header-mobile h1{font-size:2rem}.agreement-section-mobile,.booking-form-mobile,.host-contact-section-mobile,.submit-section-mobile{padding:2.5rem}}.error-alert-mobile{background:#fef2f2;border:2px solid #ef4444;border:2px solid var(--error);border-radius:12px;border-radius:var(--radius);color:#ef4444;color:var(--error);font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:1rem;text-align:center}input[type=date],input[type=email],input[type=tel],input[type=text],select,textarea{font-size:16px!important}button,input[type=date],input[type=email],input[type=tel],input[type=text],select,textarea{-webkit-appearance:none;appearance:none}.agreement-item-mobile label,.contact-value-mobile,button{min-height:44px;min-width:44px}.booking-page-mobile{-webkit-overflow-scrolling:touch}.booking-page-mobile[data-debug=true]{border:2px dashed #f59e0b;border:2px dashed var(--warning)}.booking-page-mobile[data-debug=true]:before{background:#f59e0b;background:var(--warning);color:#fff;color:var(--white);content:"🔧 개발자 모드";font-size:.8rem;font-weight:700;left:0;padding:.5rem 1rem;position:fixed;top:0;z-index:10001}.naver-booking-banner-mobile{margin:2rem 0}.naver-banner-header{padding:1.5rem}.naver-booking-banner-mobile{background:linear-gradient(135deg,#00c73c,#00a92f);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);border-radius:0;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);color:#fff;color:var(--white);cursor:pointer;margin:0;overflow:hidden;position:relative;transition:all .3s ease}.naver-booking-banner-mobile:hover{background:linear-gradient(135deg,#00a92f,#008c26);box-shadow:0 8px 30px #00c73c4d;transform:translateY(-2px)}.naver-booking-banner-mobile:active{transform:translateY(0)}.naver-banner-header{border-bottom:1px solid #fff3;padding:1.5rem 1.5rem 1rem;text-align:center}.naver-banner-icon{animation:bounce 2s infinite;font-size:2.5rem;margin-bottom:.75rem}.naver-banner-header h3{font-size:1.25rem;font-weight:800;margin:0;text-shadow:0 1px 2px #0000001a}.naver-banner-content{line-height:1.5;padding:1rem 1.5rem;text-align:center}.naver-banner-content p{font-size:.9rem;font-weight:500;margin:0 0 .75rem;opacity:.95}.naver-banner-content p:last-child{font-size:.85rem;margin-bottom:0;opacity:.8}.naver-banner-button{background:#fff3;border-top:1px solid #fff3;font-size:1rem;font-weight:700;padding:1rem 1.5rem;text-align:center;transition:all .2s ease}.naver-booking-banner-mobile:hover .naver-banner-button{background:#ffffff4d}.naver-booking-banner-mobile:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.naver-booking-banner-mobile:hover:before{left:100%}.home-btn-mobile{align-items:center;background:linear-gradient(135deg,#4f46e5,#4338ca);background:linear-gradient(135deg,var(--primary) 0,var(--primary-dark) 100%);border:2px solid #4f46e5;border:2px solid var(--primary);border-radius:12px;border-radius:var(--radius);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--shadow);color:#fff;color:var(--white);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin:0 auto;max-width:320px;padding:.875rem 2rem;transition:all .2s ease;width:100%}.home-btn-mobile:hover{background:linear-gradient(135deg,#4338ca,#3730a3);background:linear-gradient(135deg,var(--primary-dark) 0,#3730a3 100%);border-color:#4338ca;border-color:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-1px)}@media (min-width:768px){.naver-banner-header{padding:2rem 2rem 1.5rem}.naver-banner-content{padding:1.5rem 2rem}.naver-banner-button{font-size:1.1rem;padding:1.25rem 2rem}.naver-banner-header h3{font-size:1.4rem}.naver-banner-content p{font-size:1rem}}.booking-id,.summary-row-mobile .booking-id,.summary-row-mobile .value a[href*=http]:not([href*=tel]):not([href*=instagram]),.summary-row-mobile .value a[target=_blank]:not([href*=instagram]),.value .booking-id{background:#10b981!important;color:#fff!important}.summary-row-mobile .value a[href*=http]:not([href*=tel]):not([href*=instagram]):hover,.summary-row-mobile .value a[target=_blank]:not([href*=instagram]):hover{background:#059669!important;color:#fff!important}.input-with-button-mobile{align-items:stretch;display:flex;gap:.5rem}.input-with-button-mobile .form-input-mobile{flex:1 1}.input-with-button-mobile input{border-radius:12px 0 0 12px;border-radius:var(--radius) 0 0 var(--radius);flex:1 1}.verify-btn-mobile{align-items:center;background:#4f46e5;background:var(--primary);border:none;border-radius:0 12px 12px 0;border-radius:0 var(--radius) var(--radius) 0;color:#fff;color:var(--white);cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;justify-content:center;min-width:80px;padding:.875rem 1rem;transition:all .2s ease;white-space:nowrap}.verify-btn-mobile:hover{background:#4338ca;background:var(--primary-dark);transform:translateY(-1px)}.verify-btn-mobile:disabled{cursor:not-allowed;opacity:.6;transform:none}.verify-btn-mobile:disabled:hover{background:#4f46e5;background:var(--primary);transform:none}.verify-btn-mobile.verified{background:#10b981;background:var(--success);color:#fff;color:var(--white)}.verify-btn-mobile.verified:hover{background:#059669;background:var(--success-dark)}.timer-display-mobile{background:#f59e0b1a;border:1px solid #f59e0b;border:1px solid var(--warning);border-radius:12px;border-radius:var(--radius);color:#f59e0b;color:var(--warning);font-size:.875rem;font-weight:600;margin-top:.5rem;padding:.5rem;text-align:center}.field-help-mobile{background:#f9fafb;background:var(--gray-50);border-left:3px solid #4f46e5;border-left:3px solid var(--primary);border-radius:12px;border-radius:var(--radius);color:#4b5563;color:var(--gray-600);font-size:.75rem;line-height:1.4;margin-top:.5rem;padding:.5rem}.verified-badge{background:#10b981;background:var(--success);border-radius:4px;color:#fff;color:var(--white);font-size:.75rem;font-weight:600;padding:.25rem .5rem;vertical-align:middle}.phone-verified-icon,.verified-badge{display:inline-block;margin-left:.5rem}.phone-verified-icon{color:#10b981;color:var(--success);font-size:.875rem;font-weight:700}.form-input-mobile.error{background:#ef44440d;border-color:#ef4444;border-color:var(--error)}.form-input-mobile.error:focus{border-color:#ef4444;border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}.verify-btn-mobile .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;border-top:2px solid var(--white);height:16px;margin-right:.5rem;width:16px}@keyframes verifySuccess{0%{background:#10b981;background:var(--success);transform:scale(1)}50%{background:#059669;background:var(--success-dark);transform:scale(1.05)}to{background:#10b981;background:var(--success);transform:scale(1)}}.verify-btn-mobile.verified{animation:verifySuccess .6s ease-in-out}@media (max-width:480px){.input-with-button-mobile{flex-direction:column;gap:.75rem}.input-with-button-mobile input,.verify-btn-mobile{border-radius:12px;border-radius:var(--radius)}.verify-btn-mobile{font-size:1rem;min-width:100%;padding:1rem}.timer-display-mobile{font-size:1rem;padding:.75rem;text-align:center}}@media (min-width:481px) and (max-width:768px){.verify-btn-mobile{min-width:100px;padding:.875rem 1.25rem}}@media (min-width:769px){.verify-btn-mobile{font-size:.9rem;min-width:120px;padding:.875rem 1.5rem}.input-with-button-mobile{gap:.75rem}}.verify-btn-mobile:focus{box-shadow:0 0 0 3px #4f46e54d;outline:none}.verify-btn-mobile.verified:focus{box-shadow:0 0 0 3px #10b9814d}.sms-verification-status{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius);display:flex;font-size:.875rem;gap:.5rem;margin-top:.5rem;padding:.5rem}.sms-verification-status.pending{border-left:3px solid #f59e0b;border-left:3px solid var(--warning);color:#f59e0b;color:var(--warning)}.sms-verification-status.verified{border-left:3px solid #10b981;border-left:3px solid var(--success);color:#10b981;color:var(--success)}.sms-verification-status.error{border-left:3px solid #ef4444;border-left:3px solid var(--error);color:#ef4444;color:var(--error)}.verification-steps{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius);display:flex;justify-content:space-between;margin:1rem 0;padding:.75rem}.verification-step{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.verification-step-number{align-items:center;background:#d1d5db;background:var(--gray-300);border-radius:50%;color:#4b5563;color:var(--gray-600);display:flex;font-size:.875rem;font-weight:600;height:24px;justify-content:center;margin-bottom:.5rem;width:24px}.verification-step.active .verification-step-number{background:#4f46e5;background:var(--primary);color:#fff;color:var(--white)}.verification-step.completed .verification-step-number{background:#10b981;background:var(--success);color:#fff;color:var(--white)}.verification-step-text{color:#4b5563;color:var(--gray-600);font-size:.75rem;font-weight:500}.verification-step.active .verification-step-text{color:#4f46e5;color:var(--primary);font-weight:600}.verification-step.completed .verification-step-text{color:#10b981;color:var(--success);font-weight:600}.form-input-mobile:disabled{background:#f3f4f6;background:var(--gray-100);border-color:#e5e7eb;border-color:var(--gray-200);color:#4b5563;color:var(--gray-600);cursor:not-allowed}.form-input-mobile.verified{background:#10b9810d;border-color:#10b981;border-color:var(--success);color:#1f2937;color:var(--gray-800)}.verify-btn-mobile.retry{background:#f59e0b;background:var(--warning);color:#fff;color:var(--white)}.verify-btn-mobile.retry:hover{background:#d97706}.verification-field-group{margin-bottom:1.5rem;position:relative}.verification-field-group:after{background:#e5e7eb;background:var(--gray-200);bottom:-.75rem;content:"";height:1px;left:0;position:absolute;right:0}.verification-field-group:last-child:after{display:none}@media (prefers-color-scheme:dark){.timer-display-mobile{background:#f59e0b33;color:#fbbf24}.field-help-mobile{background:#4b55634d;color:#d1d5db}.verify-btn-mobile{box-shadow:0 1px 3px #0000004d}}.property-tagline{color:#fff;font-size:1.1rem;font-weight:500;margin:.5rem 0}.property-type-badge{background:#f0f0f0;border-radius:20px;color:#fff;display:inline-block;font-size:.9rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}@media (max-width:480px){.recent-booking-modal{margin:1rem;padding:1.25rem}.recent-booking-icon{font-size:2.5rem}.recent-booking-header h2{font-size:1.125rem}.recent-booking-actions{flex-direction:column}.btn-check-booking,.btn-close-modal{width:100%}}.terms-modal-overlay{align-items:center;animation:fadeIn .3s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.terms-modal-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;height:80vh;max-height:600px;max-width:800px;width:90%}.terms-modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:24px}.terms-modal-title{align-items:center;display:flex;gap:12px}.terms-modal-icon{font-size:1.5rem}.terms-modal-title h2{color:#1f2937;font-size:1.5rem;margin:0}.terms-modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:40px;justify-content:center;padding:8px;transition:all .2s;width:40px}.terms-modal-close:hover{background:#f3f4f6;color:#1f2937}.terms-modal-description{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;flex-shrink:0;font-size:.9rem;padding:16px 24px}.terms-modal-content{background:#fff;flex:1 1;overflow:hidden;position:relative}.terms-modal-loading{color:#6b7280;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.loading-spinner{border:4px solid #f3f4f6;border-top-color:#667eea;margin:0 auto 16px}.terms-iframe{background:#fff;border:none;height:100%;width:100%}.terms-modal-footer{align-items:center;background:#fff;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.terms-full-link{align-items:center;color:#667eea;display:flex;font-size:.9rem;gap:4px;text-decoration:none;transition:color .2s}.terms-full-link:hover{color:#764ba2;text-decoration:underline}.terms-confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 32px;transition:transform .2s,box-shadow .2s}.terms-confirm-btn:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.terms-confirm-btn:active{transform:translateY(0)}@media (max-width:768px){.terms-modal-overlay{align-items:flex-end;padding:0}.terms-modal-container{border-radius:16px 16px 0 0;height:90vh;margin:0;max-height:none;width:100%}.terms-modal-header{padding:20px}.terms-modal-title h2{font-size:1.2rem}.terms-modal-description{font-size:.85rem;padding:12px 20px}.terms-modal-footer{flex-direction:column-reverse;gap:12px;padding:16px 20px}.terms-confirm-btn{padding:14px;width:100%}.terms-full-link{font-size:.85rem}}@media (max-width:480px){.terms-modal-container{height:95vh}.terms-modal-title{gap:8px}.terms-modal-icon{font-size:1.2rem}.terms-modal-title h2{font-size:1.1rem}}.terms-link-btn{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;font-weight:500;margin-left:4px;padding:0;text-decoration:underline;transition:color .2s}.terms-link-btn:hover{color:#764ba2;text-decoration:underline}.terms-link-btn:focus{border-radius:2px;outline:2px solid #667eea;outline-offset:2px}.agreement-item-mobile{margin-bottom:16px}.agreement-item-mobile label{align-items:flex-start;cursor:pointer;display:flex;position:relative}.agreement-text-mobile{align-items:center;display:flex;flex-wrap:wrap;line-height:1.5;padding-left:8px}.agreement-text-mobile .optional,.agreement-text-mobile .required{font-size:.9rem;font-weight:600;margin-right:4px}.agreement-text-mobile .required{color:#ef4444}.agreement-text-mobile .optional{color:#6b7280}.agreement-item-mobile input[type=checkbox]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark-mobile{background-color:#fff;border:2px solid #d1d5db;border-radius:4px;flex-shrink:0;height:20px;margin-top:2px;position:relative;transition:all .2s;width:20px}.agreement-item-mobile input[type=checkbox]:checked~.checkmark-mobile{background-color:#667eea;border-color:#667eea}.checkmark-mobile:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:10px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:5px}.agreement-item-mobile input[type=checkbox]:checked~.checkmark-mobile:after{display:block}.agreement-item-mobile:first-child{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:20px;padding:12px}.agreement-item-mobile:first-child .agreement-text-mobile strong{color:#1f2937;font-size:1rem}@media (max-width:768px){.agreement-item-mobile{margin-bottom:20px}.terms-link-btn{margin:-4px 0 -4px 4px;padding:4px}.checkmark-mobile{height:24px;width:24px}.checkmark-mobile:after{left:7px;top:3px}}.booking-complete-page{--primary-color:#0ea5e9;--primary-hover:#0284c7;--primary-light:#38bdf8;--success-color:#10b981;--success-light:#34d399;--warning-color:#f59e0b;--error-color:#ef4444;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--white:#fff;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:20px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:all 0.3s ease-in-out;--transition-fast:all 0.15s ease-in-out;background:linear-gradient(135deg,#0ea5e9,#0284c7 50%,#0369a1);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.booking-complete-page:before{animation:backgroundFloat 20s ease-in-out infinite;background:radial-gradient(circle at 20% 20%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0d 0,#0000 50%),radial-gradient(circle at 40% 60%,#ffffff08 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0}@keyframes backgroundFloat{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-.5deg)}}.booking-complete-container{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:800px;min-height:100vh;padding:20px;position:relative;z-index:1}.loading-container{min-height:80vh}.loading-spinner{margin-bottom:30px}.loading-spinner .spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top:4px solid var(--success-color);height:60px;width:60px}.loading-container h3{font-size:1.8rem;font-weight:600;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.loading-container p{font-size:1.1rem}.error-container{color:#fff;flex-direction:column;justify-content:center;min-height:80vh}.error-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);max-width:500px;padding:40px}.error-icon{margin-bottom:20px}.error-content h2{font-size:1.5rem;font-weight:600;margin:0 0 15px}.error-message{font-size:1rem;margin:0 0 30px;opacity:.9}.error-actions{gap:12px}.success-header{animation:successSlideUp .8s ease-out;color:#fff;margin-bottom:30px;text-align:center}@keyframes successSlideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.success-animation{margin-bottom:20px}.success-icon{animation:successBounce 1.2s ease-out;font-size:4.5rem;text-shadow:0 4px 8px #0000004d}@keyframes successBounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateY(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-20px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-10px)}90%{transform:translateY(-4px)}}.success-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#fff,#f0f9ff);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin:0 0 10px;text-shadow:0 2px 4px #0000004d}.success-subtitle{font-size:1.2rem;font-weight:400;margin:0 0 20px;opacity:.95;text-shadow:0 1px 2px #0003}.booking-id-badge{animation:idBadgePulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;display:inline-block;font-size:1rem;font-weight:600;padding:12px 24px}@keyframes idBadgePulse{0%,to{box-shadow:0 0 0 0 #fff6}50%{box-shadow:0 0 0 10px #fff0}}.card-base{animation:cardSlideUp .6s ease-out forwards;animation-delay:0s;animation-delay:calc(var(--animation-delay, 0)*.2s);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:var(--border-radius-xl);box-shadow:var(--shadow-xl);opacity:0;overflow:hidden;transform:translateY(30px)}@keyframes cardSlideUp{to{opacity:1;transform:translateY(0)}}.booking-summary-card{@extend .card-base;--animation-delay:1}.card-header{background:linear-gradient(135deg,var(--primary-color) 0,var(--primary-hover) 100%);color:#fff;overflow:hidden;padding:25px;position:relative}.card-header:before{animation:headerGlow 8s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes headerGlow{0%,to{transform:translateX(-25%) translateY(-25%) rotate(0deg)}50%{transform:translateX(-25%) translateY(-25%) rotate(180deg)}}.card-header h2{font-size:1.4rem;font-weight:600;margin:0 0 8px;position:relative;z-index:1}.booking-date{font-size:.95rem;margin:0;opacity:.9;position:relative;z-index:1}.booking-details{padding:25px}.detail-section{margin-bottom:25px}.detail-section:last-child{margin-bottom:0}.detail-section h3{color:var(--gray-800);font-size:1.1rem;font-weight:600;gap:8px;margin:0 0 15px}.detail-grid{grid-gap:12px;gap:12px}.detail-item{border-bottom:1px solid var(--gray-100);padding:10px 0}.label{color:var(--gray-600);font-weight:500}.label,.value{font-size:.95rem}.value{color:var(--gray-900);font-weight:600;text-align:right}.value.highlight{color:var(--primary-color);font-weight:700}.special-requests{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--border-radius);margin-top:15px;padding:20px}.special-requests h4{align-items:center;color:var(--gray-800);display:flex;font-size:1rem;font-weight:600;gap:6px;margin:0 0 10px}.requests-text{color:var(--gray-700);font-size:.95rem;font-style:italic;line-height:1.5;margin:0}.host-contact-section{--animation-delay:2}.contact-header{color:#fff;margin-bottom:20px;text-align:center}.contact-header h2{font-size:1.8rem;font-weight:700;margin:0 0 8px;text-shadow:0 2px 4px #0000004d}.contact-subtitle{align-items:center;display:flex;font-size:1.1rem;gap:8px;justify-content:center;margin:0;opacity:.9}.host-contact-card{@extend .card-base;border:2px solid var(--success-color);box-shadow:0 0 30px #10b9814d;overflow:hidden;position:relative}.host-contact-card:before{animation:successGlow 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#10b9811a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes successGlow{0%{left:-100%}50%{left:100%}to{left:100%}}.host-info{padding:25px}.host-basic-info{border-bottom:1px solid var(--gray-200);margin-bottom:25px;padding-bottom:20px;text-align:center}.host-basic-info h3{color:var(--gray-900);font-size:1.4rem;font-weight:700;margin:0 0 8px}.host-property{color:var(--primary-color);font-size:1.1rem;font-weight:600;margin:0 0 8px}.host-address{color:var(--gray-600);font-size:.95rem;margin:0}.contact-methods h4{color:var(--gray-800);font-size:1.1rem;font-weight:600;margin:0 0 15px;text-align:center}.contact-buttons{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.contact-btn{align-items:center;background:#fff;border:2px solid;border-radius:var(--border-radius-lg);display:flex;overflow:hidden;padding:16px 20px;position:relative;text-decoration:none;transition:var(--transition)}.contact-btn:before{content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .3s ease;width:100%}.contact-btn:hover:before{left:0}.call-btn{border-color:var(--success-color);color:var(--success-color)}.call-btn:before{background:var(--success-color)}.call-btn:hover{box-shadow:0 8px 25px #10b9814d;color:#fff}.sms-btn{border-color:var(--primary-color);color:var(--primary-color)}.sms-btn:before{background:var(--primary-color)}.sms-btn:hover{box-shadow:0 8px 25px #0ea5e94d;color:#fff}.btn-icon{font-size:1.3rem;margin-right:12px;z-index:1}.btn-content{z-index:1}.btn-title{font-size:1rem;font-weight:600}.btn-subtitle{font-size:.85rem;font-weight:400;opacity:.8}.additional-contact{align-items:center;display:flex;font-size:.9rem;gap:8px;margin:8px 0}.contact-label{color:var(--gray-700);font-weight:600}.contact-link{color:var(--primary-color);font-weight:500;text-decoration:none}.contact-link:hover{text-decoration:underline}.contact-tips{background:var(--gray-50);border-radius:var(--border-radius);margin-top:20px;padding:20px}.contact-tips h4{color:var(--gray-800);font-size:1rem;font-weight:600;margin:0 0 12px}.contact-tips ul{list-style-type:disc;margin:0;padding-left:20px}.contact-tips li{color:var(--gray-700);font-size:.9rem;line-height:1.5;margin:8px 0}.contact-tips strong{color:var(--primary-color);font-weight:600}.next-steps-section{--animation-delay:3;@extend .card-base;background:linear-gradient(135deg,#fef3c7,#fed7aa);padding:25px}.next-steps-section h3{color:#92400e;font-size:1.3rem;font-weight:600;margin:0 0 20px;text-align:center}.steps-timeline{display:flex;flex-direction:column;gap:20px}.step-item{align-items:flex-start;background:#fff9;border-radius:var(--border-radius);gap:15px;padding:15px;transition:var(--transition)}.step-item:hover{background:#fffc;transform:translateX(5px)}.step-number{background:#f59e0b;font-size:1rem}.step-content h4{color:#92400e;font-size:1rem;font-weight:600;margin:0 0 6px}.step-content p{color:#a16207;font-size:.9rem;line-height:1.4}.important-notices{--animation-delay:4;@extend .card-base;padding:25px}.important-notices h3{color:var(--gray-800);font-size:1.3rem;font-weight:600;margin:0 0 20px;text-align:center}.notice-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.notice-item{align-items:flex-start;border-radius:var(--border-radius);display:flex;gap:12px;padding:15px;transition:var(--transition)}.notice-item.payment{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.notice-item.confirmation{background:linear-gradient(135deg,#d1fae5,#a7f3d0)}.notice-item.cancellation{background:linear-gradient(135deg,#fef3c7,#fde68a)}.notice-item.checkin{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.notice-item:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.notice-icon{margin-top:2px}.notice-content strong{font-size:.95rem;margin-bottom:4px}.notice-content p{font-size:.85rem;opacity:.8}.notification-status{--animation-delay:5;@extend .card-base;background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:20px}.status-item{gap:12px;margin:10px 0}.status-item.success .status-icon{color:var(--success-color);font-size:1.2rem}.status-item.info .status-icon{color:var(--primary-color);font-size:1.2rem}.status-text{color:var(--gray-800);font-size:.95rem;font-weight:500}.bottom-actions{--animation-delay:6;@extend .card-base;padding:25px;text-align:center}.action-buttons{grid-gap:12px;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.action-btn{border:2px solid;border-radius:var(--border-radius-lg);padding:16px 20px;transition:var(--transition)}.action-btn:before{transition:left .3s ease}.action-btn:hover:before{left:0}.action-btn.secondary{border-color:var(--gray-300);color:var(--gray-700)}.action-btn.secondary:before{background:var(--gray-100)}.action-btn.secondary:hover{box-shadow:var(--shadow-md);color:var(--gray-900);transform:translateY(-2px)}.action-btn.primary{background:var(--primary-color);border-color:var(--primary-color)}.action-btn.primary:before{background:var(--primary-hover)}.action-btn.primary:hover{box-shadow:0 8px 25px #0ea5e94d}.bookmark-suggestion{background:var(--gray-50);border-radius:var(--border-radius);margin-top:15px;padding:15px}.bookmark-suggestion p{color:var(--gray-600);font-size:.9rem;line-height:1.5;margin:0}.feedback-section{--animation-delay:7;@extend .card-base;background:linear-gradient(135deg,#f3e8ff,#e9d5ff);padding:25px;text-align:center}.feedback-section h4{color:#7c3aed;font-size:1.2rem;font-weight:600;margin:0 0 10px}.feedback-section p{color:#6d28d9;font-size:.95rem;line-height:1.5;margin:0 0 20px}.feedback-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:var(--border-radius-lg);color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 24px;transition:var(--transition)}.feedback-btn:hover{box-shadow:0 8px 25px #8b5cf64d;transform:translateY(-2px)}@media (max-width:768px){.booking-complete-container{gap:15px;padding:15px}.success-header h1{font-size:2rem}.success-subtitle{font-size:1rem}.success-icon{font-size:3.5rem}.card-header{padding:20px}.card-header h2{font-size:1.2rem}.booking-details{padding:20px}.detail-item{align-items:flex-start;flex-direction:column;gap:4px;padding:8px 0}.value{font-size:.9rem;text-align:left}.host-info{padding:20px}.contact-buttons{gap:10px;grid-template-columns:1fr}.contact-btn{padding:14px 16px}.btn-title{font-size:.95rem}.btn-subtitle{font-size:.8rem}.notice-grid{gap:12px;grid-template-columns:1fr}.action-buttons{gap:10px;grid-template-columns:1fr}.steps-timeline{gap:15px}.step-item{padding:12px}.contact-header h2{font-size:1.5rem}.contact-subtitle{font-size:1rem}}@media (max-width:480px){.booking-complete-container{gap:12px;padding:10px}.success-header h1{font-size:1.75rem}.success-icon{font-size:3rem}.booking-details,.card-header,.host-info{padding:16px}.contact-btn{font-size:.9rem;padding:12px 14px}.btn-icon{font-size:1.1rem;margin-right:8px}.action-btn{font-size:.9rem;padding:14px 16px}.bottom-actions,.feedback-section,.important-notices,.next-steps-section,.notification-status{padding:16px}.booking-id-badge{font-size:.9rem;padding:10px 20px}.step-number{font-size:.9rem;height:32px;width:32px}.notice-item{padding:12px}}@media (prefers-color-scheme:dark){.booking-complete-page{background:linear-gradient(135deg,#1e3a8a,#1e40af 50%,#1d4ed8)}.card-base{background:#1f2937f2;border-color:#4b55634d;color:#f9fafb}.detail-section h3{color:#e5e7eb}.label{color:#9ca3af}.value{color:#f3f4f6}.special-requests{border-color:#4b5563}.contact-tips,.special-requests{background:#374151}.notice-item.payment{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.notice-item.confirmation{background:linear-gradient(135deg,#065f46,#047857)}.notice-item.cancellation{background:linear-gradient(135deg,#92400e,#b45309)}.notice-item.checkin{background:linear-gradient(135deg,#581c87,#6b21a8)}.notification-status{background:linear-gradient(135deg,#065f46,#047857)}.next-steps-section{background:linear-gradient(135deg,#92400e,#b45309)}.feedback-section{background:linear-gradient(135deg,#581c87,#6b21a8)}.bookmark-suggestion{background:#374151}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.booking-complete-page:before,.card-base,.success-icon{animation:none}.card-base{opacity:1;transform:translateY(0)}}.action-btn:focus,.contact-btn:focus,.feedback-btn:focus{outline:3px solid var(--warning-color);outline-offset:2px}@media (prefers-contrast:high){.card-base{border:2px solid #000}.detail-item{border-bottom-color:#000}.contact-btn{border-width:3px}}@media (hover:none) and (pointer:coarse){.action-btn,.contact-btn,.feedback-btn{min-height:48px}.feedback-btn{padding:14px 24px}.notice-item:hover,.step-item:hover{transform:none}}.host-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px 20px;text-align:center}.host-loading .loading-spinner{margin-bottom:20px}.host-loading .loading-spinner .spinner{animation:spin 1s linear infinite;border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:40px;width:40px}.host-loading p{color:var(--gray-600);font-size:.95rem;margin:0}.no-data-container{align-items:center;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:80vh;text-align:center}.no-data-content{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border:1px solid #fff3;border-radius:var(--border-radius-xl);max-width:400px;padding:40px}.no-data-icon{display:block;font-size:4rem;margin-bottom:20px}.no-data-content h2{font-size:1.5rem;font-weight:600;margin:0 0 15px}.no-data-content p{font-size:1rem;margin:0 0 25px;opacity:.9}.no-data-actions{display:flex;justify-content:center}.btn{border:2px solid;border-radius:var(--border-radius);font-size:.95rem}.btn.btn-primary{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.btn.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 8px 25px #0ea5e94d;transform:translateY(-2px)}.btn.btn-secondary{background:#fff;border-color:var(--gray-300);color:var(--gray-700)}.btn.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-400);transform:translateY(-2px)}@media print{.booking-complete-page{background:#fff!important;color:#000!important}.card-base{box-shadow:none!important;page-break-inside:avoid}.action-btn,.card-base,.contact-btn,.feedback-btn{background:#fff!important;border:1px solid #000!important}.action-btn,.contact-btn,.feedback-btn,.success-header{color:#000!important}.booking-complete-page:before{display:none!important}}:root{--primary-color:#06c;--primary-light:#4d94ff;--primary-dark:#049;--accent-color:#ff8c42;--accent-light:#ffb374}.booking-form{background:#fff;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);margin:0 auto;max-width:500px;overflow:hidden;width:100%}.booking-form-header{background:linear-gradient(135deg,#06c,#4d94ff);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;padding:2rem;text-align:center}.booking-form-header h2{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.booking-form-header p{font-size:.95rem;margin:0;opacity:.9}.booking-form-content{padding:2rem}.form-section{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);margin-bottom:2.5rem;padding-bottom:2rem}.form-section:last-child{border-bottom:none;padding-bottom:0}.form-section h3{color:#111827;color:var(--gray-900);font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1.5rem}.form-section h3:before{background:#06c;background:var(--primary-color);border-radius:2px;content:"";height:20px;width:4px}.form-group:last-child{margin-bottom:0}.form-group label{color:var(--gray-700);font-size:.9rem}.form-group label.required:after{color:#ef4444;color:var(--error-color);content:"*";font-weight:600;margin-left:4px}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid var(--gray-200);border-radius:var(--border-radius);transition:all .2s ease}.form-group textarea{line-height:1.5;min-height:80px}.form-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;cursor:pointer;padding-right:2.5rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#06c;border-color:var(--primary-color);box-shadow:0 0 0 3px #4d94ff1a}.form-group input.error,.form-group select.error,.form-group textarea.error{border-color:#ef4444;border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.form-group input.success,.form-group select.success,.form-group textarea.success{border-color:#10b981;border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.date-inputs{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.date-summary{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:8px;border-radius:var(--border-radius);display:flex;gap:1rem;margin-top:1rem;padding:1rem}.nights-count{background:#06c;background:var(--primary-color);border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.25rem .75rem;white-space:nowrap}.date-period{color:#374151;color:var(--gray-700);font-weight:500}.room-selection{display:flex;flex-direction:column;gap:.75rem}.room-option{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.room-option:hover{background:#f9fafb;background:var(--gray-50);border-color:#4d94ff;border-color:var(--primary-light);transform:translateY(-1px)}.room-option.selected{background:#4d94ff0d;border-color:#06c;border-color:var(--primary-color)}.room-option input[type=radio]{accent-color:#06c;accent-color:var(--primary-color);margin:0;transform:scale(1.2)}.room-info{flex:1 1}.room-name{color:#111827;color:var(--gray-900)}.room-capacity,.room-name{display:block;margin-bottom:.25rem}.room-capacity{color:var(--gray-600);font-size:.9rem}.room-description{color:#6b7280;color:var(--gray-500);display:block;font-size:.85rem;line-height:1.4}.room-price{color:#06c;color:var(--primary-color);font-size:1.1rem;font-weight:600;text-align:right}.guest-counters{display:flex;flex-direction:column;gap:1rem}.guest-counter{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--border-radius);display:flex;justify-content:space-between;padding:1rem}.guest-counter label{color:#374151;color:var(--gray-700);font-weight:500;margin:0}.counter-controls{gap:1rem}.counter-btn,.counter-controls{align-items:center;display:flex}.counter-btn{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:50%;color:#374151;color:var(--gray-700);cursor:pointer;font-size:1.2rem;font-weight:600;height:40px;justify-content:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;width:40px}.counter-btn:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#06c;border-color:var(--primary-color);color:#06c;color:var(--primary-color);transform:scale(1.05)}.counter-btn:disabled{cursor:not-allowed;opacity:.4;transform:none}.counter-value{color:#111827;color:var(--gray-900);font-size:1.1rem;font-weight:600;min-width:2rem;text-align:center}.room-capacity-info{background:#06c;background:var(--primary-color);border-radius:8px;border-radius:var(--border-radius);color:#fff;font-size:.9rem;margin-top:1rem;padding:.75rem;text-align:center}.guest-info-form{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden}.guest-info-header{background:linear-gradient(135deg,#06c,#4d94ff);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:#fff;padding:2rem;text-align:center}.guest-info-header h3{font-size:1.5rem;font-weight:600;margin:0 0 .5rem}.guest-info-header p{font-size:.95rem;margin:0;opacity:.9}.guest-info-content{padding:2rem}.personal-info-section{margin-bottom:2rem}.section-title{font-size:1.1rem;gap:.5rem;margin-bottom:1.5rem}.section-title:before{background:#06c;background:var(--primary-color);border-radius:2px;content:"";height:20px;width:4px}.form-grid{grid-gap:1rem;align-items:end;gap:1rem}.form-grid.two-columns{grid-template-columns:1fr 1fr}.form-grid.three-columns{grid-template-columns:1fr 1fr 1fr}.form-grid-item{display:flex;flex-direction:column}.form-grid-item.full-width{grid-column:1/-1}.input-group{display:flex;flex-direction:column;height:100%;margin-bottom:0;position:relative}.input-group label{color:#374151;color:var(--gray-700);display:block;flex-shrink:0;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.input-group label.required:after{color:#ef4444;color:var(--error-color);content:"*";font-weight:600;margin-left:4px}.input-group input,.input-group select,.input-group textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;border-radius:var(--border-radius);box-sizing:border-box;flex-grow:1;font-family:inherit;font-size:1rem;height:48px;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.input-group textarea{height:auto;line-height:1.5;min-height:100px;resize:vertical}.input-group select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;cursor:pointer;padding-right:2.5rem}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{border-color:#06c;border-color:var(--primary-color);box-shadow:0 0 0 3px #4d94ff1a;outline:none}.input-group.error input,.input-group.error select,.input-group.error textarea{border-color:#ef4444;border-color:var(--error-color);box-shadow:0 0 0 3px #ef44441a}.input-group.error label{color:#ef4444;color:var(--error-color)}.input-group.success input,.input-group.success select,.input-group.success textarea{border-color:#10b981;border-color:var(--success-color);box-shadow:0 0 0 3px #10b9811a}.phone-input-group{align-items:end;display:flex;gap:.5rem}.country-code-select{flex-shrink:0;width:120px}.phone-number-input{flex:1 1}.birthdate-inputs{grid-gap:.5rem;align-items:end;display:grid;gap:.5rem;grid-template-columns:2fr 1fr 1fr}.gender-selection{display:flex;gap:1rem;margin-top:.5rem}.gender-option{align-items:center;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:background-color .2s ease}.gender-option:hover{background:#f9fafb;background:var(--gray-50)}.gender-option input[type=radio]{accent-color:#06c;accent-color:var(--primary-color);margin:0;transform:scale(1.2)}.gender-label{color:#374151;color:var(--gray-700);font-size:.9rem;margin:0}.checkbox-group{display:flex;flex-direction:column;gap:1rem}.checkbox-label{align-items:flex-start;border-radius:8px;border-radius:var(--border-radius);gap:.75rem;padding:.75rem;transition:background-color .2s ease}.checkbox-label:hover{background:#f9fafb;background:var(--gray-50)}.checkbox-label input[type=checkbox]{accent-color:#06c;accent-color:var(--primary-color);flex-shrink:0;margin:2px 0 0;transform:scale(1.2)}.checkbox-label input[type=checkbox].error{accent-color:#ef4444;accent-color:var(--error-color)}.checkbox-text{color:#374151;color:var(--gray-700);font-size:.9rem;line-height:1.4}.agreement-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:2rem;padding-top:2rem}.agreement-list{display:flex;flex-direction:column;gap:1rem}.agreement-item{border:1px solid var(--gray-200);border-radius:var(--border-radius);gap:.75rem;transition:all .2s ease}.agreement-item:hover{background:var(--gray-50);border-color:#4d94ff;border-color:var(--primary-light)}.agreement-item.error{background:#ef44440d;border-color:#ef4444;border-color:var(--error-color)}.agreement-checkbox{accent-color:#06c;accent-color:var(--primary-color);flex-shrink:0;margin:2px 0 0;transform:scale(1.2)}.agreement-text{color:#374151;color:var(--gray-700);flex:1 1;font-size:.9rem;line-height:1.4}.agreement-required{color:#ef4444;color:var(--error-color);font-weight:500}.agreement-link{color:#06c;color:var(--primary-color);cursor:pointer;text-decoration:underline}.agreement-link:hover{color:#049;color:var(--primary-dark)}.char-count{color:#6b7280;color:var(--gray-500);margin-top:.5rem}.char-count.warning{color:#f59e0b;color:var(--warning-color)}.char-count.error{color:#ef4444;color:var(--error-color)}.error-message,.success-message{font-size:.8rem;line-height:1.3}.success-message{color:#10b981;color:var(--success-color);display:block;font-weight:500;margin-top:.25rem}.booking-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;border-radius:var(--border-radius);color:#ef4444;color:var(--error-color);display:flex;gap:.5rem;margin-top:1rem;padding:1rem}.input-helper{color:#6b7280;color:var(--gray-500);font-size:.8rem;line-height:1.3;margin-top:.5rem}.input-helper.error{color:#ef4444;color:var(--error-color);font-weight:500}.input-helper.success{color:#10b981;color:var(--success-color);font-weight:500}.form-info{background:#06c;background:var(--primary-color);border-radius:8px;border-radius:var(--border-radius);color:#fff;font-size:.9rem;line-height:1.4;margin-top:1rem;padding:.75rem;text-align:center}.form-info.warning{background:#f59e0b;background:var(--warning-color)}.form-info.success{background:#10b981;background:var(--success-color)}.form-info.error{background:#ef4444;background:var(--error-color)}.form-submit{margin-top:2rem;text-align:center}.form-submit-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:2rem;padding-top:2rem}.submit-btn,.submit-button{align-items:center;background:linear-gradient(135deg,#06c,#4d94ff);background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border:none;border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0066cc4d;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;min-height:56px;padding:1rem 2rem;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled),.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#049,#06c);background:linear-gradient(135deg,var(--primary-dark),var(--primary-color));box-shadow:0 6px 20px #06c6;transform:translateY(-2px)}.submit-btn:disabled,.submit-button:disabled{box-shadow:0 2px 4px #0000001a;cursor:not-allowed;opacity:.6;transform:none}.loading-spinner,.submit-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.submit-notice{background:#f9fafb;background:var(--gray-50);border-left:4px solid #06c;border-left:4px solid var(--primary-color);border-radius:8px;border-radius:var(--border-radius);margin-top:1.5rem;padding:1rem}.submit-notice p{color:var(--gray-600);font-size:.9rem;line-height:1.4;margin:.5rem 0}.submit-notice p:first-child{margin-top:0}.submit-notice p:last-child{margin-bottom:0}.validation-summary{background:#ef44440d;border:1px solid #ef4444;border:1px solid var(--error-color);border-radius:8px;border-radius:var(--border-radius);display:none;margin-bottom:1.5rem;padding:1rem}.validation-summary.show{display:block}.validation-title{color:#ef4444;color:var(--error-color);font-size:.9rem;font-weight:600;margin-bottom:.5rem}.validation-list{list-style:none;margin:0;padding:0}.validation-list li{color:#ef4444;color:var(--error-color);font-size:.8rem;line-height:1.3;margin-bottom:.25rem;padding-left:1rem;position:relative}.validation-list li:before{color:#ef4444;color:var(--error-color);content:"•";font-weight:600;left:0;position:absolute}@media (max-width:768px){.booking-form-content,.booking-form-header,.guest-info-content,.guest-info-header{padding:1.5rem}.booking-form-header h2,.guest-info-header h3{font-size:1.3rem}.date-inputs,.form-grid.three-columns,.form-grid.two-columns{gap:1rem;grid-template-columns:1fr}.phone-input-group{align-items:stretch;flex-direction:column}.country-code-select{width:100%}.birthdate-inputs{gap:.75rem;grid-template-columns:1fr}.gender-selection{flex-direction:column;gap:.5rem}.guest-counters{gap:.75rem}.guest-counter{padding:.75rem}.counter-btn{font-size:1rem;height:36px;width:36px}.form-section{margin-bottom:2rem;padding-bottom:1.5rem}.room-option{padding:.75rem}.date-summary{align-items:flex-start;flex-direction:column;gap:.5rem}.agreement-item{padding:.75rem}}@media (max-width:480px){.booking-form-content,.booking-form-header,.guest-info-content,.guest-info-header{padding:1rem}.booking-form-header h2,.guest-info-header h3{font-size:1.2rem}.counter-controls{gap:.75rem}.counter-btn{font-size:.9rem;height:32px;width:32px}.form-group input,.form-group select,.form-group textarea,.input-group input,.input-group select,.input-group textarea{font-size:16px}.submit-btn,.submit-button{font-size:1rem;min-height:48px;padding:.75rem 1.5rem}.section-title{font-size:1rem}.form-grid{gap:.75rem}.form-section{margin-bottom:1.5rem;padding-bottom:1rem}.agreement-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:.5rem}.agreement-checkbox{align-self:flex-start;margin-top:0}}@media (prefers-reduced-motion:reduce){.agreement-item,.checkbox-label,.counter-btn,.form-group input,.form-group select,.form-group textarea,.input-group input,.input-group select,.input-group textarea,.room-option,.submit-btn,.submit-button{transition:none}.loading-spinner,.submit-spinner{animation:none}.room-option:hover,.submit-btn:hover,.submit-button:hover{transform:none}}@media (prefers-contrast:high){.agreement-item,.form-group input,.form-group select,.form-group textarea,.input-group input,.input-group select,.input-group textarea,.room-option{border-width:2px}.submit-btn,.submit-button{border:2px solid #06c;border:2px solid var(--primary-color);font-weight:700}}@media (hover:none) and (pointer:coarse){.agreement-item,.checkbox-label,.counter-btn,.form-group input,.form-group select,.form-group textarea,.input-group input,.input-group select,.input-group textarea,.room-option,.submit-btn,.submit-button{min-height:44px;touch-action:manipulation}.counter-btn:hover,.room-option:hover,.submit-btn:hover,.submit-button:hover{transform:none}.guest-counter,.room-option{min-height:52px;padding:.75rem}}.loading-container{min-height:200px;padding:40px 20px}.loading-spinner-large{border:4px solid #667eea33;border-top-color:#667eea;height:40px;margin-bottom:16px;width:40px}.loading-text{color:#666;font-size:16px}.error-container{background:#fff5f5;border:1px solid #ffcdd2;margin:20px;padding:20px}.error-icon{color:#f44336;margin-bottom:16px}.error-title{color:#d32f2f;font-size:18px;font-weight:600;margin-bottom:8px}.error-message{color:#666;line-height:1.5}.error-retry-button{background:#f44336;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:background .2s ease}.error-retry-button:hover{background:#d32f2f}.success-container{background:#f1f8e9;border:1px solid #c8e6c9;border-radius:12px;margin:20px;padding:20px;text-align:center}.success-icon{color:#4caf50;font-size:48px;margin-bottom:16px}.success-title{color:#2e7d2e;font-size:18px;font-weight:600;margin-bottom:8px}.success-message{color:#666;font-size:14px;line-height:1.5}.toast-container{animation:slideInRight .3s ease;max-width:350px;position:fixed;right:20px;top:20px;z-index:1000}.toast{align-items:flex-start;background:#fff;border-left:4px solid #667eea;border-radius:8px;box-shadow:0 4px 20px #00000026;display:flex;gap:12px;margin-bottom:8px;padding:16px}.toast.success{border-left-color:#4caf50}.toast.error{border-left-color:#f44336}.toast.warning{border-left-color:#ff9800}.toast-icon{font-size:20px}.toast-title{color:#333;font-size:14px;font-weight:600;margin-bottom:4px}.toast-message{color:#666;font-size:13px;line-height:1.4}.toast-close{color:#999;font-size:18px;margin-left:8px}.toast-close:hover{color:#666}.btn{gap:8px;line-height:1;padding:12px 20px}.btn-primary{box-shadow:0 2px 8px #667eea4d}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66}.btn-secondary{background:#f5f5f5;border:1px solid #ddd;color:#666}.btn-secondary:hover:not(:disabled){background:#eee;color:#333}.btn-success{background:#4caf50;color:#fff}.btn-success:hover:not(:disabled){background:#45a049}.btn-danger{background:#f44336}.btn-danger:hover:not(:disabled){background:#d32f2f}.btn-outline{background:#0000;border:2px solid #667eea;color:#667eea}.btn-outline:hover:not(:disabled){background:#667eea;color:#fff}.btn-small{font-size:13px;padding:8px 16px}.btn-large{font-size:16px;padding:16px 24px}.card{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.card-header{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:20px}.card-title{color:#333;font-size:18px;font-weight:600;margin:0}.card-subtitle{color:#666;font-size:14px;margin:4px 0 0}.card-body{padding:20px}.card-footer{background:#f8f9fa;border-top:1px solid #e9ecef;padding:16px 20px}.badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.badge-primary{background:#e3f2fd;color:#1976d2}.badge-success{background:#e8f5e8;color:#2e7d2e}.badge-warning{background:#fff3e0;color:#f57c00}.badge-danger{background:#ffebee;color:#c62828}.badge-secondary{background:#f5f5f5;color:#666}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal{animation:scaleIn .2s ease;background:#fff;border-radius:12px;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{border-bottom:1px solid #e9ecef;padding:20px}.modal-title{color:#333;font-size:18px}.modal-close{border-radius:50%;color:#999;padding:0}.modal-close:hover{background:#f5f5f5;color:#666}.modal-body{padding:20px}.modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;gap:8px;padding:16px 20px}.status-indicator{display:inline-flex;font-size:14px;font-weight:500;gap:6px}.status-pending .status-dot{background:#ff9800}.status-confirmed .status-dot{background:#4caf50}.status-cancelled .status-dot{background:#f44336}.status-consulting .status-dot{background:#2196f3}.contact-button{align-items:center;background:#25d366;border-radius:8px;color:#fff;display:inline-flex;font-size:14px;font-weight:500;gap:8px;padding:12px 16px;text-decoration:none;transition:all .2s ease}.contact-button:hover{background:#128c7e;transform:translateY(-1px)}.contact-button.phone{background:#2196f3}.contact-button.phone:hover{background:#1976d2}.empty-state{color:#666;padding:60px 20px}.empty-icon{color:#e0e0e0;font-size:64px;margin-bottom:16px}.empty-title{color:#333;font-size:18px;font-weight:600;margin-bottom:8px}.empty-message{font-size:14px;line-height:1.5;margin-bottom:20px}@media (max-width:480px){.toast-container{left:10px;max-width:none;right:10px;top:10px}.modal{border-radius:12px 12px 0 0;margin:0;max-height:95vh}.modal-backdrop{align-items:flex-end;padding:0}.card-body,.card-footer,.card-header{padding:16px}.btn{font-size:14px;padding:12px 16px}.btn-large{font-size:16px;padding:16px 20px}}@media (prefers-color-scheme:dark){.card{background:#1e1e1e;border-color:#333;color:#fff}.card-footer,.card-header{background:#2a2a2a;border-color:#333}.modal{background:#1e1e1e;color:#fff}.modal-footer,.modal-header{border-color:#333}.modal-footer{background:#2a2a2a}}.payment-complete-info{margin:0 auto;max-width:600px;padding:20px}.info-card{border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;padding:24px}.info-card h2{color:#333;margin-bottom:20px}.info-details{gap:16px}.info-row{border-bottom:1px solid #f0f0f0;padding:12px 0}.info-label{color:#666}.info-value{color:#333}.info-value.success{color:#4caf50}.next-steps-card{background:#f8f9fa;border-radius:12px;padding:24px}.next-steps-card h3{color:#333;margin-bottom:16px}.next-steps-card ul{list-style:none;padding:0}.next-steps-card li{color:#666;padding:8px 0 8px 24px;position:relative}.next-steps-card li:before{color:#4caf50;content:"✓";left:0;position:absolute}.complete-page-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem;position:relative}.complete-page-container:before{animation:backgroundMove 20s linear infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;content:"";height:200%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:200%}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.complete-page-container.payment-complete{background:linear-gradient(135deg,#11998e,#38ef7d)}.complete-page-container.booking-complete{background:linear-gradient(135deg,#fc466b,#3f5efb)}.complete-header{animation:fadeInDown .6s ease;margin-bottom:3rem;position:relative;text-align:center;z-index:1}.success-icon-wrapper{align-items:center;background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:50%;box-shadow:0 20px 40px #0003;display:inline-flex;height:100px;justify-content:center;margin-bottom:1.5rem;position:relative;width:100px}.success-icon-wrapper:after{animation:rotate 3s linear infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;content:"";inset:-3px;position:absolute;z-index:-1}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.success-icon{animation:scaleIn .5s ease .2s both;font-size:3.5rem}.complete-header h1{color:#fff;font-size:2.5rem;font-weight:800;letter-spacing:-.5px;margin:0 0 1rem;text-shadow:0 4px 20px #0003}.complete-header p{color:#fffffff2;font-size:1.15rem;line-height:1.7;margin:0 auto;max-width:600px;text-shadow:0 2px 10px #0000001a}.complete-content{animation:fadeInUp .6s ease .3s both;margin-bottom:1.5rem;max-width:800px;position:relative;width:100%;z-index:1}.info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border:1px solid #fffc;border-radius:24px;box-shadow:0 20px 60px #00000026;padding:2rem;position:relative}.info-card:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:4px;left:0;position:absolute;right:0;top:0}.info-card h2{align-items:center;border-bottom:2px solid #f0f0f0;color:#1a1a2e;display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;margin:0 0 2rem;padding-bottom:1.5rem}.info-card h2:before{content:"📋";font-size:1.75rem}.info-details{display:flex;flex-direction:column;gap:1.25rem}.info-row{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #e9ecef;border-radius:12px;padding:1rem;transition:all .3s ease}.info-row:hover{border-color:#667eea;box-shadow:0 5px 15px #00000014;transform:translateX(5px)}.info-label{align-items:center;color:#6c757d;display:flex;font-size:1rem;font-weight:600;gap:.5rem}.info-value{color:#1a1a2e;font-size:1.15rem;font-weight:700;text-align:right}.info-value.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#11998e,#38ef7d);-webkit-background-clip:text;font-size:1.35rem;font-weight:800}.guide-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffff2,#f0f0fff2);border:2px solid #667eea4d;border-radius:24px;box-shadow:0 15px 40px #667eea26;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative}.guide-card:after{animation:backgroundMove 15s linear infinite reverse;background:radial-gradient(circle,#667eea0d 1px,#0000 0);background-size:20px 20px;content:"";height:200%;position:absolute;right:-50%;top:-50%;width:200%}.guide-card h3{align-items:center;color:#1a1a2e;display:flex;font-size:1.35rem;font-weight:700;gap:.75rem;margin:0 0 1.5rem}.guide-card h3,.guide-list{position:relative;z-index:1}.guide-list{list-style:none;margin:0;padding:0}.guide-list li{background:#fffc;border:1px solid #667eea33;border-radius:12px;color:#495057;font-size:1.05rem;line-height:1.7;margin-bottom:1rem;padding:1rem 1rem 1rem 3rem;position:relative;transition:all .3s ease}.guide-list li:hover{background:#fffffff2;box-shadow:0 5px 15px #667eea1a;transform:translateX(5px)}.guide-list li:last-child{margin-bottom:0}.guide-list li:before{content:"✨";font-size:1.25rem;left:1rem;position:absolute;top:1rem}.complete-actions{align-items:center;animation:fadeInUp .6s ease .4s both;display:flex;flex-direction:row;gap:1.5rem;justify-content:center;max-width:800px;position:relative;width:100%;z-index:1}.complete-actions.vertical{align-items:center;flex-direction:column;gap:1.25rem;justify-content:center;max-width:600px}.action-btn{border-radius:16px;font-size:1.15rem;font-weight:700;letter-spacing:.5px;min-height:65px;min-width:280px;padding:1.5rem 3rem;text-overflow:ellipsis;text-transform:none}.complete-actions.vertical .action-btn{flex:none;font-size:1.2rem;max-width:400px;min-height:70px;min-width:320px;padding:1.75rem 2.5rem;width:100%}.action-btn:before{background:#ffffff4d;border-radius:50%;height:0;left:50%;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.action-btn:hover:before{height:300px;width:300px}.action-btn.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 10px 30px #667eea66}.action-btn.primary:hover{box-shadow:0 15px 40px #667eea80;transform:translateY(-3px)}.action-btn.secondary{background:#fffffff2;border:2px solid #667eea;box-shadow:0 10px 30px #0000001a;color:#667eea}.action-btn.secondary:hover{background:#667eea;box-shadow:0 15px 40px #667eea4d;color:#fff;transform:translateY(-3px)}.complete-page-footer{animation:fadeIn .8s ease .6s both;margin-top:3rem;max-width:800px;width:100%}.footer-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:24px;padding:2rem}.next-steps-summary h3{color:#fff;font-size:1.35rem;margin-bottom:2rem;text-align:center;text-shadow:0 2px 10px #0003}.steps-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.step-item{background:#fffffff2;border-radius:16px;box-shadow:0 5px 20px #0000001a;padding:1.5rem;text-align:center}.step-item:hover{box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.step-icon{display:block;font-size:2rem;margin-bottom:1rem}.step-text strong{color:#1a1a2e;display:block;font-size:1.1rem;margin-bottom:.5rem}.step-text p{color:#6c757d;font-size:.95rem;line-height:1.5;margin:0}.important-reminders{background:#fffffff2;border-radius:16px;margin-top:1.5rem;padding:1.5rem}.important-reminders h4{align-items:center;color:#dc3545;display:flex;font-size:1.2rem;gap:.5rem;margin-bottom:1rem}.important-reminders ul{list-style:none;margin:0;padding:0}.important-reminders li{border-bottom:1px solid #f0f0f0;color:#495057;font-size:1rem;line-height:1.6;padding:.75rem 0}.important-reminders li:last-child{border-bottom:none}.important-reminders li strong{color:#1a1a2e;font-weight:700}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}@media (min-width:1024px){.complete-header h1{font-size:3rem}.guide-card,.info-card{padding:2.5rem}}@media (max-width:768px){.complete-page-container{padding:1.5rem}.complete-header h1{font-size:2rem}.complete-actions{flex-direction:column!important;max-width:100%}.action-btn{font-size:1.1rem;min-width:auto;padding:1.5rem;width:100%}.steps-grid{grid-template-columns:1fr}}@media (max-width:480px){.complete-header h1{font-size:1.75rem}.info-row{align-items:flex-start;flex-direction:column;gap:.5rem}.info-value{text-align:left}.action-btn{font-size:1rem;line-height:1.4;min-height:60px;padding:1.25rem 1rem;white-space:normal}}:root{--host-accent:#fbbf24;--host-gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--host-gradient-success:linear-gradient(135deg,#10b981,#059669);--host-gradient-warning:linear-gradient(135deg,#fbbf24,#f59e0b);--host-shadow-hover:0 8px 25px #0000001f;--host-transition:0.3s cubic-bezier(0.4,0,0.2,1)}.host-signup-page{-webkit-overflow-scrolling:touch;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--host-gradient-primary);min-height:100vh;overflow-x:hidden;overflow-y:auto;padding:2rem 1rem;position:relative}.host-signup-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.signup-container{margin:0 auto;max-width:800px;position:relative;z-index:1}.signup-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.back-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;color:#fff;display:inline-flex;font-size:1rem;font-weight:700;margin-bottom:1.5rem;transition:all var(--host-transition-bounce)}.back-btn:hover{background:#ffffff4d;box-shadow:0 8px 25px #fff3}.signup-header h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 1rem;text-shadow:0 4px 8px #0000004d}.signup-header p{font-size:1.25rem;font-weight:500;line-height:1.5;margin:0;opacity:.9}.progress-container{margin-bottom:2rem}.progress-steps{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:50px;gap:3rem;padding:1.5rem 3rem}.step-item{color:#fff9;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-transition)}.step-item.active{color:#fff}.step-number{background:#fff3;border:2px solid #ffffff4d;margin-bottom:.75rem;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--host-transition-bounce)}.step-item.active .step-number{background:#fff;border-color:#fff;box-shadow:0 8px 25px #ffffff4d;color:#667eea;color:var(--host-primary);transform:scale(1.1)}.step-label{font-size:1rem;font-weight:600;text-align:center}.step-connector{align-self:center;background:#fff3;border-radius:2px;height:3px;margin-top:-25px;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-transition);width:80px}.step-connector.active{background:#fffc;box-shadow:0 0 10px #ffffff4d}.form-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #fff3;border-radius:24px;box-shadow:0 4px 12px #00000014;box-shadow:var(--host-shadow-card);overflow:hidden}.error-container{align-items:center;animation:slideDown .3s ease-out;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-left:5px solid #ef4444;border-left:5px solid var(--host-error);color:#dc2626;display:flex;font-size:.9rem;font-weight:600;gap:1rem;margin:2rem;padding:1.25rem 1.5rem}.form-content{padding:3rem}.form-content h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--host-gradient-primary);-webkit-background-clip:text;background-clip:text;color:#667eea;color:var(--host-primary);font-size:2rem;font-weight:800;margin:0 0 1rem;text-align:center}.form-content p{color:#6b7280;font-size:1.1rem;font-weight:500;line-height:1.6;margin:0 0 3rem;text-align:center}.form-grid{grid-gap:2rem;gap:2rem;grid-template-columns:1fr 1fr}.form-grid-single{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:2rem}.form-label .required{color:var(--host-error);font-size:1.2rem}.form-input{box-shadow:0 1px 3px #0000000d;height:56px;outline:none;padding:0 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-transition)}.form-input:focus{box-shadow:0 0 0 4px #667eea1a}.form-input:hover:not(:focus){border-color:#7c7df5;border-color:var(--host-primary-light);box-shadow:0 2px 8px #00000014}.form-input::placeholder{font-size:.95rem}.form-input.error{background:#fef2f2;box-shadow:0 0 0 4px #ef44441a}.form-input:disabled{background:#f3f4f6}.input-with-button{align-items:stretch;display:flex;gap:.75rem}.input-with-button .form-input{flex:1 1}.address-search-btn,.verify-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--host-gradient-primary);border:none;border-radius:12px;box-shadow:0 8px 32px #667eea4d;box-shadow:var(--host-shadow-brand);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:.5rem;justify-content:center;min-width:120px;padding:0 1.5rem;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--host-transition-bounce);white-space:nowrap}.address-search-btn:hover:not(:disabled),.verify-btn:hover:not(:disabled){background:#5a6fd8;background:var(--host-primary-dark);box-shadow:0 12px 40px #667eea66;transform:translateY(-2px)}.verify-btn:disabled{box-shadow:0 4px 12px #00000014;box-shadow:var(--host-shadow-card);cursor:not-allowed;opacity:.6;transform:none}.verify-btn.verified{background:linear-gradient(135deg,#10b981,#059669);background:var(--host-gradient-success);box-shadow:0 8px 32px #10b9814d}.verify-btn.verified:hover{background:#059669}.error-message{animation:slideIn .3s ease-out;font-size:.85rem;gap:.5rem}.field-help{color:#6b7280;font-size:.85rem;font-weight:500;line-height:1.4}.timer-display{align-items:center;background:#fffbeb;border:1px solid #fed7aa;border-radius:8px;color:#f59e0b;color:var(--host-warning);display:flex;font-size:.9rem;font-weight:700;gap:.5rem;margin-top:.5rem;padding:.5rem 1rem}.form-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:16px;margin-bottom:3rem;overflow:hidden;padding:2rem;position:relative}.form-section:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--host-gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.form-section h3{align-items:center;color:#667eea;color:var(--host-primary);display:flex;font-size:1.5rem;font-weight:700;gap:.75rem;justify-content:center;margin:0 0 2rem;text-align:center}.radio-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:1rem}.radio-option{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;gap:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-transition)}.radio-option:hover{background:#f8fafc;border-color:#667eea;border-color:var(--host-primary);box-shadow:0 8px 25px #0000001f;box-shadow:var(--host-shadow-hover);transform:translateY(-2px)}.radio-option:has(input:checked){background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:#667eea;border-color:var(--host-primary);box-shadow:0 8px 32px #667eea4d;box-shadow:var(--host-shadow-brand)}.radio-option:has(input:checked):before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--host-gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.radio-option input[type=radio]{accent-color:#667eea;accent-color:var(--host-primary);flex-shrink:0;height:20px;margin-top:2px;width:20px}.radio-content{flex:1 1}.radio-icon{display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2rem;margin-bottom:.75rem}.radio-label{color:#374151;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.radio-desc{color:#6b7280;font-size:.9rem;font-weight:500;line-height:1.4}.address-search-container{display:flex;flex-direction:column;gap:1rem}.address-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;margin-top:1rem;padding:1.5rem}.address-item{align-items:center;display:flex;font-size:.95rem;gap:1rem;margin-bottom:.75rem}.address-item:last-child{margin-bottom:0}.address-label{color:#0c4a6e;flex-shrink:0;font-weight:700;min-width:80px}.address-item span:last-child{color:#374151;font-weight:500}.file-upload-area{background:linear-gradient(135deg,#f9fafb,#f3f4f6);overflow:hidden;padding:3rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-transition)}.file-upload-area:hover{background:linear-gradient(135deg,#667eea0d,#764ba20d);border-color:var(--host-primary)}.file-upload-area:has(input:focus){border-color:#667eea;border-color:var(--host-primary);box-shadow:0 0 0 4px #667eea1a}.file-input{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.file-upload-text{align-items:center;color:#6b7280;display:flex;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;pointer-events:none}.website-info-notice{align-items:flex-start;background:linear-gradient(135deg,#fffbeb,#fef3c7);border:2px solid #fed7aa;border-left:5px solid #f59e0b;border-left:5px solid var(--host-warning);border-radius:12px;display:flex;gap:1rem;margin-top:2rem;padding:1.5rem}.notice-icon{margin-top:.25rem}.notice-text{color:#92400e;flex:1 1;font-size:.95rem;line-height:1.6}.notice-text strong{color:#78350f;font-weight:700}.agreement-section{background:#fff;border:2px solid #e5e7eb;border-radius:16px;padding:2rem}.agreement-item{background:#f9fafb;border-radius:12px;padding:1.25rem}.agreement-item:hover{background:#fff}.agreement-item:has(input:checked){background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.agreement-item input[type=checkbox]{accent-color:#10b981;accent-color:var(--host-success);flex-shrink:0;height:18px;margin-top:2px;width:18px}.agreement-item span{flex:1 1;line-height:1.5}.view-link{background:#667eea1a;border-radius:6px;color:#667eea;color:var(--host-primary);font-size:.9rem;font-weight:700;margin-left:.75rem;padding:.25rem .75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-transition)}.view-link:hover{background:#667eea33;text-decoration:none}.cafe-guide-section{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px solid #67e8f9;border-radius:20px;margin:3rem 0;overflow:hidden;padding:2.5rem;position:relative}.cafe-guide-section:before{content:"🌴";font-size:3rem;opacity:.3;position:absolute;right:1.5rem;top:1.5rem}.cafe-guide-section h3{align-items:center;color:#0c4a6e;display:flex;font-size:1.75rem;font-weight:700;gap:.75rem;justify-content:center;margin:0 0 2rem}.cafe-guide-content{display:flex;flex-direction:column;gap:2rem}.cafe-guide-info{background:#fff;border-left:5px solid #0ea5e9;border-radius:16px;box-shadow:0 4px 12px #00000014;box-shadow:var(--host-shadow-card);padding:2rem}.cafe-guide-info p{color:#374151;font-size:1.05rem;font-weight:500;line-height:1.7;margin:0;text-align:left}.highlight{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--host-gradient-warning);border-radius:8px;box-shadow:0 2px 8px #fbbf244d;color:#fff;display:inline-block;font-weight:700;margin:0 .25rem;padding:.3rem .75rem}.cafe-benefits{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;box-shadow:var(--host-shadow-card);padding:2rem}.cafe-benefits h4{align-items:center;color:#059669;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.cafe-benefits ul{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding-left:0}.cafe-benefits li{align-items:center;background:#f0fdf4;border-left:3px solid #10b981;border-radius:8px;color:#374151;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:.75rem}.cafe-join-process{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 12px #00000014;box-shadow:var(--host-shadow-card);padding:2rem}.cafe-join-process h4{align-items:center;color:#7c2d12;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 1.5rem}.process-steps{flex-wrap:wrap}.process-step,.process-steps{align-items:center;display:flex;justify-content:center}.process-step{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border:1px solid #d1d5db;border-radius:12px;color:#374151;flex:1 1;font-weight:600;gap:.75rem;min-width:200px;padding:1rem 1.5rem;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-transition)}.process-step:hover{background:linear-gradient(135deg,#e5e7eb,#d1d5db);box-shadow:0 4px 12px #00000014;box-shadow:var(--host-shadow-card);transform:translateY(-2px)}.step-num{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--host-gradient-primary);border-radius:50%;box-shadow:0 8px 32px #667eea4d;box-shadow:var(--host-shadow-brand);color:#fff;flex-shrink:0;font-size:.9rem;font-weight:700;height:28px;justify-content:center;width:28px}.cafe-actions,.step-num{align-items:center;display:flex}.cafe-actions{flex-direction:column;gap:1.5rem;text-align:center}.cafe-join-btn{align-items:center;border:none;border-radius:16px;box-shadow:0 8px 32px #10b9814d;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-weight:700;gap:.75rem;justify-content:center;min-width:280px;padding:1.25rem 2.5rem;text-decoration:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--host-transition-bounce)}.cafe-join-btn,.cafe-join-btn:hover{background:linear-gradient(135deg,#10b981,#059669);background:var(--host-gradient-success)}.cafe-join-btn:hover{box-shadow:0 12px 40px #10b98166;filter:brightness(1.1);transform:translateY(-3px)}.cafe-note{background:#696a6b;border:1px solid #a2a2a5;border-radius:12px;max-width:400px;padding:1.25rem;text-align:center}.cafe-note small{color:#d5d9e0;font-size:.9rem;font-weight:600;line-height:1.4}.button-container{border-top:2px solid #f1f5f9;display:flex;gap:1.5rem;margin-top:3rem;padding-top:2rem}.prev-btn{align-items:center;background:#fff;border:2px solid #d1d5db;border-radius:12px;color:#6b7280;cursor:pointer;display:flex;flex:0 0 140px;font-size:1rem;font-weight:700;gap:.5rem;height:56px;justify-content:center;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--host-transition-bounce)}.prev-btn:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 4px 12px #00000014;box-shadow:var(--host-shadow-card);color:#374151;transform:translateY(-2px)}.next-btn,.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--host-gradient-primary);border:none;border-radius:16px;box-shadow:0 8px 32px #667eea4d;box-shadow:var(--host-shadow-brand);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:1.25rem;font-weight:700;gap:.75rem;height:60px;justify-content:center;letter-spacing:.5px;overflow:hidden;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--host-transition-bounce)}.next-btn:before,.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.next-btn:hover:before,.submit-btn:hover:before{left:100%}.next-btn:hover:not(:disabled),.submit-btn:hover:not(:disabled){background:#5a6fd8;background:var(--host-primary-dark);box-shadow:0 15px 45px #667eea66;transform:translateY(-3px)}.next-btn:disabled,.submit-btn:disabled{box-shadow:0 4px 12px #00000014;box-shadow:var(--host-shadow-card);cursor:not-allowed;opacity:.6;transform:none}.loading-spinner{height:24px;width:24px}.login-link{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:2px solid #f1f5f9;color:#6b7280;font-size:.95rem;font-weight:500;padding:2rem;text-align:center}.login-button{background:none;border:none;border-radius:4px;color:#667eea;color:var(--host-primary);cursor:pointer;font-size:.95rem;font-weight:700;padding:.25rem .5rem;text-decoration:underline;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-transition)}.login-button:hover{background:#667eea1a;text-decoration:none}@media (max-width:1024px){.form-grid{gap:1.5rem}.form-grid,.radio-grid{grid-template-columns:1fr}.process-steps{flex-direction:column;gap:1rem}.process-step{min-width:100%}}@media (max-width:768px){.host-signup-page{padding:1rem .5rem}.signup-container{max-width:100%}.signup-header{margin-bottom:1.5rem;padding:1.5rem}.signup-header h1{font-size:2rem}.signup-header p{font-size:1.1rem}.progress-steps{gap:2rem;padding:1rem 2rem}.step-number{font-size:1rem;height:40px;width:40px}.step-connector{margin-top:-20px;width:60px}.form-content{padding:2rem 1.5rem}.form-content h2{font-size:1.75rem}.form-section{margin-bottom:2rem;padding:1.5rem}.form-section h3{font-size:1.25rem;margin-bottom:1.5rem}.input-with-button{flex-direction:column;gap:1rem}.address-search-btn,.verify-btn{min-width:auto;width:100%}.button-container{flex-direction:column;gap:1rem}.prev-btn{flex:1 1;order:2}.next-btn,.submit-btn{order:1}.cafe-guide-section{margin:2rem 0;padding:2rem 1.5rem}.cafe-guide-section:before{font-size:2rem;right:1rem;top:1rem}.cafe-join-btn{font-size:1.1rem;min-width:auto;padding:1rem 2rem;width:100%}.agreement-item{font-size:.9rem;padding:1rem}.website-info-notice{flex-direction:column;gap:.75rem;text-align:center}.notice-icon{font-size:2rem;margin-top:0}.file-upload-area{padding:2rem 1rem}.file-upload-text{flex-direction:column;font-size:1rem;gap:.5rem}}@media (max-width:480px){.host-signup-page{padding:.5rem}.signup-header{padding:1rem}.signup-header h1{font-size:1.75rem}.signup-header p{font-size:1rem}.progress-steps{gap:1rem;padding:.75rem 1rem}.step-number{font-size:.9rem;height:35px;width:35px}.step-connector{width:40px}.form-content{padding:1.5rem 1rem}.form-content h2{font-size:1.5rem}.form-section{padding:1rem}.form-input{font-size:16px;height:52px}.next-btn,.submit-btn{font-size:1.1rem;height:56px}.cafe-guide-section{padding:1.5rem 1rem}.cafe-guide-section h3{font-size:1.5rem}.cafe-benefits,.cafe-guide-info,.cafe-join-process{padding:1.5rem}.radio-option{padding:1rem}.radio-icon{font-size:1.5rem}.radio-label{font-size:1rem}.radio-desc{font-size:.85rem}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.next-btn:before,.submit-btn:before{display:none}}.address-search-btn:focus,.cafe-join-btn:focus,.form-input:focus,.next-btn:focus,.prev-btn:focus,.submit-btn:focus,.verify-btn:focus{outline:3px solid #fbbf24;outline:3px solid var(--host-accent);outline-offset:2px}@media (prefers-contrast:high){.form-input{border-width:3px}.form-input:focus{border-width:4px}.cafe-guide-section,.error-container{border-width:3px}}@media print{.host-signup-page{background:#fff!important;padding:0}.signup-header{background:#fff!important;border:1px solid #ccc;color:#000!important}.form-card{border:1px solid #ccc;box-shadow:none!important}.address-search-btn,.back-btn,.cafe-join-btn,.next-btn,.prev-btn,.progress-container,.submit-btn,.verify-btn{display:none!important}.form-section{background:#fff!important;border:1px solid #ccc;break-inside:avoid;page-break-inside:avoid}}select.form-input{height:60px;line-height:1.6;padding:12px 1.25rem}select.form-input option{font-size:1rem;line-height:1.6;padding:8px}.agreement-section{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.all-agreement-container{border-bottom:2px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.all-agreement-item{align-items:center;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#374151;cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:1rem;padding:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-transition)}.all-agreement-item:hover{background:#fff;border-color:#667eea;border-color:var(--host-primary);box-shadow:0 4px 12px #00000014;box-shadow:var(--host-shadow-card);transform:translateY(-1px)}.all-agreement-item:has(input:checked){background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;border-color:var(--host-success);color:#166534}.all-agreement-checkbox{accent-color:#10b981;accent-color:var(--host-success);flex-shrink:0;height:20px;width:20px}.all-agreement-text{flex:1 1;line-height:1.5}.agreement-divider{background:#e5e7eb;height:1px;margin:1rem 0}.individual-agreements{display:flex;flex-direction:column;gap:1rem}.agreement-item{align-items:flex-start;background:#0000;border:1px solid #e5e7eb;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:1rem;padding:1rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-transition)}.agreement-item:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 4px 12px #00000014;box-shadow:var(--host-shadow-card);transform:translateY(-1px)}.agreement-item:has(input:checked){background:linear-gradient(135deg,#10b9810d,#10b9811a);border-color:#10b981;border-color:var(--host-success);color:#166534}.agreement-status{border-radius:8px;margin-top:1.5rem;padding:1rem;text-align:center}.status-message{font-size:.95rem;font-weight:600;line-height:1.5}.status-message.success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:8px;color:#166534;padding:1rem}.status-message.pending{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fed7aa;border-radius:8px;color:#92400e;padding:1rem}.marketing-notice{color:#6b7280;display:block;font-size:.85rem;font-weight:500;margin-top:.5rem}.host-login-page{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:linear-gradient(135deg,var(--host-gray-50) 0,var(--host-gray-100) 100%);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:2rem 1rem;position:relative}@media (max-width:768px){.host-login-page{align-items:flex-start;min-height:100vh;min-height:100dvh;overflow-y:auto;padding:2rem .75rem}}@supports (-webkit-touch-callout:none){.host-login-page{min-height:-webkit-fill-available}}.host-login-page:before{background:radial-gradient(circle at 20% 20%,#667eea1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#764ba21a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.login-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--host-gray-200);border-radius:12px;border-radius:var(--host-radius);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--host-shadow-lg);margin:auto;max-width:500px;padding:2.5rem;position:relative;width:100%;z-index:1}@media (max-width:768px){.login-container{box-sizing:border-box;margin:0 auto;max-width:100%;padding:2rem 1.5rem;width:100%}}@media (max-width:640px){.login-container{border-radius:8px;padding:1.5rem 1rem}}.login-header{margin-bottom:2rem;text-align:center}.login-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--host-primary) 0,var(--host-secondary) 100%);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--host-gray-900);font-size:2rem;font-weight:800;margin:0 0 .5rem}.login-header p{color:#4b5563;color:var(--host-gray-600);font-size:1rem;line-height:1.5;margin:0}@media (max-width:768px){.login-header{margin-bottom:1.5rem}.login-header h1{font-size:1.75rem}.login-header p{font-size:.9rem}}.success-alert{align-items:flex-start;background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #d1fae5;border-left:4px solid #10b981;border-left:4px solid var(--host-success);border-radius:8px;color:#10b981;color:var(--host-success);display:flex;gap:.75rem;margin-bottom:1.5rem;padding:1rem;position:relative}.success-alert.signup-success{background:linear-gradient(135deg,#fef3e2,#fde68a);border-color:#fbbf24 #fbbf24 #fbbf24 #f59e0b;border-left-color:var(--host-warning);color:#1f2937;color:var(--host-gray-800)}.success-icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.success-alert strong{display:block;font-weight:700;margin-bottom:.25rem}.success-alert p{font-size:.875rem;margin:0;opacity:.9}.close-btn{background:none;border:none;border-radius:4px;color:#9ca3af;color:var(--host-gray-400);cursor:pointer;font-size:1.25rem;line-height:1;padding:.25rem;position:absolute;right:.75rem;top:.5rem;transition:all .2s ease}.close-btn:hover{background:#0000000d;color:#4b5563;color:var(--host-gray-600)}.error-alert{border-left:4px solid #ef4444;border-left:4px solid var(--host-error);color:var(--host-error);font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.error-icon{font-size:1.25rem}@media (max-width:768px){.error-alert,.success-alert{font-size:.9rem;margin-bottom:1rem;padding:.875rem}}.login-content{margin-bottom:2rem}.login-form{width:100%}.step-header{margin-bottom:2rem;text-align:center}.step-header h2{color:#111827;color:var(--host-gray-900);font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.step-header p{color:#4b5563;color:var(--host-gray-600);font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.step-header{margin-bottom:1.5rem}.step-header h2{font-size:1.25rem}.step-header p{font-size:.85rem}.form-grid{gap:1.25rem}}.required{color:var(--host-error)}.form-input:focus{border-color:var(--host-primary)}.form-input.error{border-color:#ef4444;border-color:var(--host-error);box-shadow:0 0 0 3px #ef44441a}.error-message{color:var(--host-error);font-size:.8125rem;margin-top:.5rem}.login-options{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.login-options-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}@media (max-width:768px){.login-options-row{align-items:flex-start;flex-direction:column;gap:.75rem}}.checkbox-label{white-space:nowrap}@media (max-width:768px){.checkbox-label{font-size:.8125rem;white-space:normal}}.checkbox-label .checkmark{background:#fff;border:2px solid #d1d5db;border:2px solid var(--host-gray-300);border-radius:4px;box-sizing:border-box!important;display:block!important;flex-grow:0!important;flex-shrink:0!important;height:20px!important;margin-top:1px;max-height:20px!important;max-width:20px!important;min-height:20px!important;min-width:20px!important;position:relative;transition:all .2s ease;width:20px!important}.checkbox-label input[type=checkbox]:checked+.checkmark{background:#667eea!important;background:var(--host-primary)!important;border-color:#667eea!important;border-color:var(--host-primary)!important}.checkbox-label input[type=checkbox]:checked+.checkmark:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.forgot-password-link{background:none;border:none;color:#667eea;color:var(--host-primary);cursor:pointer;flex-shrink:0;font-size:.875rem;padding:0;text-decoration:underline;transition:color .2s ease;white-space:nowrap}.forgot-password-link:hover{color:#5a6fd8;color:var(--host-primary-dark)}.forgot-password-link:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.forgot-password-link{align-self:flex-end;font-size:.8125rem;margin-top:.5rem}}.auto-login-option{align-items:center!important;display:flex!important;gap:.5rem!important;margin-top:.75rem}.auto-login-text{display:inline!important;line-height:1.2!important;white-space:nowrap!important;word-break:keep-all!important}.auto-login-desc{color:#6b7280;color:var(--host-gray-500);display:inline!important;font-size:.75rem;font-weight:400;margin-left:.25rem}@media (max-width:768px){.login-options-row{align-items:flex-start;flex-direction:column;gap:.75rem}.checkbox-label{font-size:.8125rem}.auto-login-desc,.auto-login-text,.checkbox-label{white-space:nowrap!important}.auto-login-desc{font-size:.6875rem}}.step-actions{display:flex;gap:1rem;margin-top:2rem}@media (max-width:768px){.step-actions{flex-direction:column;gap:.75rem;margin-top:1.5rem}}.btn{border:2px solid #0000;box-sizing:border-box;display:flex;min-height:48px;padding:.875rem 1.5rem}@media (max-width:768px){.btn{font-size:1rem;min-height:50px;padding:1rem 1.5rem;width:100%}}.btn:disabled{opacity:.6}.btn-primary{background:linear-gradient(135deg,var(--host-primary) 0,var(--host-secondary) 100%);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--host-shadow)}.btn-primary:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--host-shadow-lg)}@media (max-width:768px){.btn-primary:hover:not(:disabled){transform:none}.btn-primary:active:not(:disabled){transform:scale(.98)}}.btn-secondary{border-color:#d1d5db;border-color:var(--host-gray-300);color:var(--host-gray-700)}.btn-secondary:hover:not(:disabled){background:var(--host-gray-50);border-color:var(--host-gray-400)}@media (max-width:768px){.btn-secondary:hover:not(:disabled){background:#f9fafb;background:var(--host-gray-50);transform:none}.btn-secondary:active:not(:disabled){transform:scale(.98)}}.btn-large{font-size:1rem;padding:1rem 1.5rem;width:100%}.login-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--host-gray-200);padding-top:2rem;text-align:center}@media (max-width:768px){.login-footer{padding-top:1.5rem}}.login-footer p{color:#4b5563;color:var(--host-gray-600);font-size:.875rem;margin:0 0 1rem}.signup-link{color:#667eea;color:var(--host-primary);font-weight:600;margin-left:.5rem;text-decoration:none}.signup-link:hover{text-decoration:underline}.help-links{margin-top:1rem}.help-link{align-items:center;color:#6b7280;color:var(--host-gray-500);display:inline-flex;font-size:.8125rem;gap:.25rem;transition:color .2s ease}.help-link:hover{color:#667eea;color:var(--host-primary)}@media (max-width:768px){.login-footer p{font-size:.8125rem}.help-link{font-size:.75rem}}.modal-overlay{animation:modalFadeIn .2s ease-out;overflow-y:auto}@keyframes modalFadeIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);opacity:0}to{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:1}}.auto-login-modal{animation:modalSlideIn .3s ease-out;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--host-gray-200);border-radius:12px;border-radius:var(--host-radius);box-shadow:0 20px 40px #00000026;margin:auto;max-height:90vh;max-width:480px;overflow-y:auto;width:100%}@media (max-width:768px){.modal-overlay{align-items:flex-start;padding:2rem .5rem .5rem}.auto-login-modal{max-height:calc(100vh - 4rem);max-width:calc(100vw - 1rem)}}.modal-header{border-bottom:1px solid var(--host-gray-200);padding:1.5rem 2rem 1rem}.modal-header h3{align-items:center;color:var(--host-gray-900);display:flex;gap:.5rem}@media (max-width:768px){.modal-header{padding:1.25rem 1.5rem .75rem}.modal-header h3{font-size:1.125rem}}.modal-content{padding:2rem}.modal-content>p{color:#1f2937;color:var(--host-gray-800);font-size:1rem;margin:0 0 1.5rem;text-align:center}@media (max-width:768px){.modal-content{padding:1.5rem}.modal-content>p{font-size:.9rem;margin-bottom:1.25rem}}.auto-login-info{margin:1.5rem 0}.info-item{align-items:flex-start;border-radius:8px;gap:1rem;margin-bottom:1rem;padding:1rem}.info-item.benefit{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border:1px solid #d1fae5}.info-item.warning{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fbbf24}@media (max-width:768px){.info-item{gap:.75rem;padding:.75rem}}.info-icon{flex-shrink:0;font-size:1.25rem;margin-top:.125rem}.info-item strong{color:#111827;color:var(--host-gray-900);display:block;font-size:.875rem;font-weight:700;margin-bottom:.25rem}.info-item p{color:#374151;color:var(--host-gray-700);font-size:.8125rem;line-height:1.4;margin:0}@media (max-width:768px){.info-item strong{font-size:.8125rem}.info-item p{font-size:.75rem}}.recommendation{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--host-primary) 0,var(--host-secondary) 100%);border-radius:8px;box-shadow:0 4px 12px #667eea4d;color:#fff;font-size:.875rem;margin-top:1rem;padding:1rem;text-align:center}@media (max-width:768px){.recommendation{font-size:.8125rem;padding:.875rem}}.modal-actions .btn{min-width:120px}@media (max-width:768px){.modal-actions{flex-direction:column;gap:.75rem;padding:1rem 1.5rem 1.5rem}.modal-actions .btn{min-width:auto;width:100%}}.btn:focus,.checkbox-label:focus-within,.forgot-password-link:focus,.form-input:focus{outline:2px solid #667eea;outline:2px solid var(--host-primary);outline-offset:2px}@media (prefers-contrast:high){.btn,.login-container{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.btn:hover{transform:none!important}}@supports (-webkit-touch-callout:none){.btn,.checkbox-label,.forgot-password-link{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.form-input{-webkit-appearance:none;border-radius:8px}}.btn:active{background-image:none}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.login-container{border-width:.5px}}@media (orientation:landscape) and (max-height:500px) and (max-width:768px){.host-login-page{padding:.5rem}.login-container{padding:1rem}.login-header{margin-bottom:1rem}.login-header h1{font-size:1.5rem}.step-header{margin-bottom:1rem}.form-grid{gap:1rem}.step-actions{margin-top:1rem}}@media (max-width:320px){.host-login-page{padding:.5rem}.login-container{padding:1rem .75rem}.login-header h1{font-size:1.5rem}.step-header h2{font-size:1.125rem}.form-input{padding:.625rem}.btn{font-size:.875rem;padding:.875rem 1rem}}:root{--primary-color:#3b82f6;--primary-dark:#2563eb;--secondary-color:#10b981;--shadow:0 4px 6px -1px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--radius:8px;--transition:all 0.2s ease}.token-purchase-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:9999}.token-purchase-modal{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;overflow:hidden;width:min(900px,calc(100vw - 2rem))}.modal-header h2{color:#111827;color:var(--gray-900)}.modal-close{border-radius:var(--radius);color:var(--gray-400);transition:var(--transition)}.modal-close:hover:not(:disabled){background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600)}.modal-close:disabled{cursor:not-allowed;opacity:.5}.modal-body{background:#fff}.token-purchase-content{padding:1.5rem}.current-status{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);margin-bottom:1.5rem;padding:1rem}.status-content{align-items:center;display:flex;justify-content:space-between}.status-label{color:#4b5563;color:var(--gray-600);font-weight:500}.status-value{align-items:baseline;display:flex;gap:.25rem}.status-value .token-count{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700}.status-value .token-unit{color:#4b5563;color:var(--gray-600);font-size:.875rem}.packages-container{margin-bottom:1.5rem}.packages-title{color:#111827;color:var(--gray-900);font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.packages-subtitle{color:#4b5563;color:var(--gray-600);font-size:.875rem;margin:0 0 1.5rem}.packages-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.package-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);cursor:pointer;padding:1.25rem;position:relative;transition:all .2s ease;transition:var(--transition)}.package-card:hover{border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow)}.package-card.popular{border-color:#10b981;border-color:var(--secondary-color)}.package-card.selected{background:#f9fafb;background:var(--gray-50);border-color:#3b82f6;border-color:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow)}.package-badge{background:#10b981;background:var(--secondary-color);border-radius:0 8px 0 8px;border-radius:0 var(--radius) 0 var(--radius);color:#fff;font-size:.75rem;font-weight:700;padding:.25rem .75rem;position:absolute;right:-1px;top:-1px}.package-header{margin-bottom:1rem}.package-name{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:700;margin:0 0 .25rem}.package-description{color:#6b7280;color:var(--gray-500);font-size:.75rem;margin:0}.package-tokens{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:8px;border-radius:var(--radius);display:flex;gap:.5rem;margin-bottom:1rem;padding:.75rem}.token-icon{font-size:1.25rem}.package-tokens .token-count{color:#111827;color:var(--gray-900);font-size:1.75rem;font-weight:800}.token-label{color:#4b5563;color:var(--gray-600);font-size:.875rem}.package-pricing{margin-bottom:1rem}.price-main{align-items:baseline;display:flex;margin-bottom:.25rem}.currency{color:#4b5563;color:var(--gray-600);font-size:.875rem;margin-right:.125rem}.amount{color:#111827;color:var(--gray-900);font-size:1.5rem;font-weight:700}.price-info{align-items:center;display:flex;gap:.5rem;margin-bottom:.25rem}.original-price{color:#9ca3af;color:var(--gray-400);font-size:.75rem;text-decoration:line-through}.discount-rate{background:#ef4444;background:var(--error-color);border-radius:4px;color:#fff;font-size:.75rem;font-weight:600;padding:.125rem .375rem}.unit-price{color:#6b7280;color:var(--gray-500);font-size:.75rem}.select-package-btn{background:#3b82f6;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem;transition:all .2s ease;transition:var(--transition);width:100%}.select-package-btn:hover{background:#2563eb;background:var(--primary-dark)}.package-card.selected .select-package-btn{background:#374151;background:var(--gray-700)}.payment-content{padding:1.5rem}.selected-package-summary{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);margin-bottom:1.5rem;padding:1.5rem}.summary-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.summary-header h3{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:700;margin:0}.back-btn{background:none;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius);color:#4b5563;color:var(--gray-600);font-weight:500;padding:.5rem 1rem;transition:all .2s ease;transition:var(--transition)}.back-btn:hover:not(:disabled){background:#f3f4f6;background:var(--gray-100);border-color:#9ca3af;border-color:var(--gray-400)}.order-info{display:flex;flex-direction:column;gap:.75rem}.order-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.item-label{color:#4b5563;color:var(--gray-600)}.item-value{color:#111827;color:var(--gray-900);font-weight:500}.order-item.discount .item-value{color:#ef4444;color:var(--error-color)}.order-total{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;margin-top:.75rem;padding-top:.75rem}.total-label{color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600}.total-value{color:#111827;color:var(--gray-900);font-size:1.25rem;font-weight:700}.purchase-progress{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);margin-bottom:1.5rem;padding:1.5rem}.progress-header{align-items:center;justify-content:space-between;margin-bottom:1rem}.progress-header h4{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:600;margin:0}.progress-step{color:#4b5563;color:var(--gray-600);font-size:.75rem}.progress-bar{margin-bottom:.75rem}.progress-fill{background:var(--primary-color);border-radius:4px;transition:width .5s ease}.progress-message{color:#374151;color:var(--gray-700)}.progress-complete{align-items:center;color:#10b981;color:var(--success-color);display:flex;font-weight:600;gap:.5rem;justify-content:center;margin-top:.75rem}.payment-methods{margin-bottom:1.5rem}.payment-title{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:700;margin:0 0 1rem}.payment-options{display:flex;flex-direction:column;gap:.75rem}.payment-option{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);cursor:pointer;display:flex;padding:1rem;transition:all .2s ease;transition:var(--transition)}.payment-option:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300)}.payment-option.selected{background:#f9fafb;background:var(--gray-50);border-color:#3b82f6;border-color:var(--primary-color)}.payment-option input[type=radio]{display:none}.option-content{align-items:center;display:flex;gap:.75rem;width:100%}.option-icon{flex-shrink:0;font-size:1.5rem}.option-name{color:#111827;color:var(--gray-900);display:block;font-size:.875rem;font-weight:600}.option-desc{color:#6b7280;color:var(--gray-500);display:block;font-size:.75rem;margin-top:.125rem}.payment-actions{text-align:center}.btn-purchase{align-items:center;background:#3b82f6;background:var(--primary-color);border:none;border-radius:8px;border-radius:var(--radius);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s ease;transition:var(--transition);width:100%}.btn-purchase:hover:not(:disabled){background:#2563eb;background:var(--primary-dark)}.btn-purchase:disabled{cursor:not-allowed;opacity:.6}.error-alert{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;border-radius:var(--radius);color:#ef4444;color:var(--error-color);display:flex;font-size:.875rem;gap:.5rem;margin:0 1.5rem 1rem;padding:.75rem 1rem}.error-icon{font-size:1rem}.purchase-notifications{padding:0 1.5rem}.notification{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin-bottom:.75rem;padding:1rem;position:relative}.notification.success{border-left:4px solid #10b981;border-left:4px solid var(--success-color)}.notification-content h5{color:#111827;color:var(--gray-900);font-size:.875rem;font-weight:600;margin:0 0 .25rem}.notification-content p{color:#4b5563;color:var(--gray-600);font-size:.875rem;margin:0 0 .25rem}.notification-close,.notification-time{color:#9ca3af;color:var(--gray-400)}.notification-close{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:flex;font-size:1.25rem;height:24px;justify-content:center;position:absolute;right:.5rem;top:.5rem;width:24px}.notification-close:hover{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600)}.sync-status-bar{background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:.75rem 1.5rem}.sync-indicator{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.75rem;gap:.5rem}.sync-dot{border-radius:50%;flex-shrink:0;height:6px;width:6px}.sync-dot.connected{animation:pulse 2s ease-in-out infinite}.sync-dot.connected,.sync-dot.synced{background:#10b981;background:var(--success-color)}.sync-dot.error{background:#ef4444;background:var(--error-color)}.sync-dot.disconnected{background:#9ca3af;background:var(--gray-400)}.test-mode-notice{align-items:center;background:#fffbeb;border:1px solid #fbbf24;border-radius:8px;border-radius:var(--radius);display:flex;gap:.75rem;margin-top:1rem;padding:1rem}.notice-icon{font-size:1.25rem}.notice-content strong{color:#92400e;display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.notice-content p{color:#92400e;font-size:.75rem}@media (max-width:768px){.payment-content,.token-purchase-content{padding:1rem}.modal-header h2{font-size:1.125rem}.packages-title{font-size:1rem}.packages-subtitle{font-size:.8rem}.packages-grid{gap:.75rem;grid-template-columns:1fr}.package-card{padding:1rem}.package-name{font-size:.9rem}.amount{font-size:1.25rem}.package-tokens .token-count{font-size:1.5rem}.selected-package-summary{padding:1rem}.summary-header{align-items:flex-start;flex-direction:column;gap:.5rem}.back-btn{justify-content:center;width:100%}.total-value{font-size:1.125rem}.payment-option{padding:.875rem}.option-icon{font-size:1.25rem}.option-name{font-size:.8rem}.option-desc{font-size:.7rem}.btn-purchase{font-size:.9rem;padding:.875rem}.error-alert{font-size:.8rem;margin:0 1rem .75rem;padding:.625rem .875rem}.notification{padding:.875rem}.notification-content h5,.notification-content p{font-size:.8rem}}@media (max-width:480px){.modal-header{padding:1rem}.current-status,.payment-content,.token-purchase-content{padding:.75rem}.status-value .token-count{font-size:1.25rem}.package-card{padding:.875rem}.amount{font-size:1.125rem}.package-tokens{padding:.625rem}.package-tokens .token-count{font-size:1.25rem}.selected-package-summary{padding:.875rem}.btn-purchase,.payment-option{padding:.75rem}.btn-purchase{font-size:.875rem}}@media (hover:none) and (pointer:coarse){.back-btn,.btn-purchase,.modal-close,.notification-close,.payment-option,.select-package-btn{min-height:44px}.package-card:hover{border-color:#e5e7eb;border-color:var(--gray-200);box-shadow:none}.package-card:active,.payment-option:active{transform:scale(.98);transition:transform .1s}.btn-purchase:active,.select-package-btn:active{transform:scale(.97)}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){.package-card,.payment-option,.selected-package-summary{border-width:3px}.btn-purchase{font-weight:800}}:root{--kakaopay-yellow:#fee500;--kakaopay-yellow-hover:#f5dc00;--kakaopay-yellow-active:#ead000;--kakaopay-brown:#3c1e1e;--kakaopay-black:#000;--kakaopay-shadow:#fee50040}.payment-option.kakaopay{background:linear-gradient(135deg,#fee500,#fff200);background:linear-gradient(135deg,var(--kakaopay-yellow) 0,#fff200 100%);border:2px solid #fee500;border:2px solid var(--kakaopay-yellow);overflow:hidden;padding:1.25rem;position:relative}.payment-option.kakaopay:hover{background:linear-gradient(135deg,#f5dc00,#f0e600);background:linear-gradient(135deg,var(--kakaopay-yellow-hover) 0,#f0e600 100%);border-color:#f5dc00;border-color:var(--kakaopay-yellow-hover);box-shadow:0 4px 12px #fee50040;box-shadow:0 4px 12px var(--kakaopay-shadow);transform:translateY(-1px)}.payment-option.kakaopay.selected{background:linear-gradient(135deg,#fee500,#fff200);background:linear-gradient(135deg,var(--kakaopay-yellow) 0,#fff200 100%);border-color:#3c1e1e;border-color:var(--kakaopay-brown);box-shadow:0 0 0 3px #fee5004d}.payment-option.kakaopay:active{background:#ead000;background:var(--kakaopay-yellow-active);transform:translateY(0)}.kakaopay-logo{flex-shrink:0;height:32px;position:relative;width:60px}.kakaopay-logo-img{height:100%;object-fit:contain;width:100%}.kakaopay-logo-fallback{align-items:center;background:#000;background:var(--kakaopay-black);border-radius:16px;display:none!important;display:flex!important;gap:4px;height:32px;justify-content:center;position:relative;width:60px}.logo-bubble{background:#fee500;background:var(--kakaopay-yellow);border-radius:50% 50% 50% 10%;height:10px;width:12px}.logo-text{color:#fee500;color:var(--kakaopay-yellow);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px}.kakaopay-button-container{width:100%}.btn-kakaopay-official{background:#0000;border:none;cursor:pointer;overflow:hidden;padding:0;position:relative;transition:all .2s ease;transition:var(--transition);width:100%}.btn-kakaopay-official:hover:not(:disabled){filter:brightness(1.05);transform:translateY(-2px)}.btn-kakaopay-official:active{transform:translateY(0)}.kakaopay-button-img{display:block;height:56px;object-fit:contain;width:100%}.kakaopay-button-fallback{align-items:center;background:#fee500;background:var(--kakaopay-yellow);border:2px solid #3c1e1e;border:2px solid var(--kakaopay-brown);border-radius:8px;border-radius:var(--radius);color:#000;color:var(--kakaopay-black);display:flex!important;font-size:1rem;font-weight:700;gap:12px;height:56px;justify-content:center;width:100%}.btn-kakaopay-logo{align-items:center;background:#000;background:var(--kakaopay-black);border-radius:10px;display:flex;gap:2px;height:20px;justify-content:center;width:32px}.btn-kakaopay-logo .logo-bubble{height:6px;width:8px}.btn-kakaopay-logo .logo-text{font-size:10px}.payment-option.kakaopay .kakaopay-badge{background:#ffffffe6;border:1px solid #3c1e1e33;border-radius:12px;box-shadow:0 2px 4px #0000001a;color:#3c1e1e;color:var(--kakaopay-brown);font-size:.75rem;font-weight:700;padding:.25rem .75rem}.payment-option.kakaopay .option-content{align-items:center;display:flex;gap:1rem;position:relative;width:100%;z-index:2}.payment-option.kakaopay .option-info{flex:1 1}.payment-option.kakaopay .option-name{color:#000;color:var(--kakaopay-black);display:block;font-size:.875rem;font-weight:700;margin-bottom:.125rem}.payment-option.kakaopay .option-desc{color:#3c1e1e;color:var(--kakaopay-brown);font-size:.75rem;font-weight:500}.kakaopay-promo{background:linear-gradient(135deg,#fee500,#fff200);background:linear-gradient(135deg,var(--kakaopay-yellow) 0,#fff200 100%);border:2px solid #3c1e1e;border:2px solid var(--kakaopay-brown);border-radius:12px;border-radius:var(--radius-lg);margin:1rem 0;overflow:hidden;padding:1rem;position:relative}.kakaopay-promo:before{animation:float 3s ease-in-out infinite;background:#ffffff1a;border-radius:50%;content:"";height:100px;position:absolute;right:-50%;top:-50%;width:100px}.kakaopay-promo-content{gap:1rem;z-index:2}.kakaopay-promo-content,.kakaopay-promo-icon{align-items:center;display:flex;position:relative}.kakaopay-promo-icon{background:#000;background:var(--kakaopay-black);border-radius:50%;flex-shrink:0;height:48px;justify-content:center;width:48px}.kakaopay-promo-icon:before{background:#fee500;background:var(--kakaopay-yellow);border-radius:50% 50% 50% 20%;content:"";height:18px;width:24px}.kakaopay-promo-text{flex:1 1}.kakaopay-promo-title{color:#000;color:var(--kakaopay-black);font-size:1rem;font-weight:700;margin:0 0 .25rem}.kakaopay-promo-desc{color:#3c1e1e;color:var(--kakaopay-brown);font-size:.875rem;font-weight:500;margin:0}.kakaopay-pulse{position:relative}.kakaopay-pulse:before{animation:kakaopay-pulse 2s ease-in-out infinite;border:2px solid #fee500;border:2px solid var(--kakaopay-yellow);border-radius:inherit;content:"";inset:-4px;opacity:0;position:absolute}@keyframes kakaopay-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.1)}}@media (max-width:768px){.payment-option.kakaopay{padding:1rem}.kakaopay-logo{height:28px;width:50px}.payment-option.kakaopay .option-name{font-size:.8rem}.payment-option.kakaopay .option-desc{font-size:.7rem}.kakaopay-button-img{height:48px}.kakaopay-button-fallback{font-size:.875rem;height:48px}.btn-kakaopay-logo{height:18px;width:28px}.kakaopay-promo{padding:.875rem}.kakaopay-promo-icon{height:40px;width:40px}.kakaopay-promo-title{font-size:.875rem}.kakaopay-promo-desc{font-size:.8rem}}.btn-kakaopay-official:focus,.payment-option.kakaopay:focus{outline:3px solid #3c1e1e;outline:3px solid var(--kakaopay-brown);outline-offset:2px}@media (prefers-contrast:high){.btn-kakaopay-official,.payment-option.kakaopay{border-width:3px}.payment-option.kakaopay .option-name{font-weight:800}}@media (prefers-reduced-motion:reduce){.kakaopay-promo:before,.kakaopay-pulse:before{animation:none}.btn-kakaopay-official:hover,.payment-option.kakaopay:hover{transform:none}}:root{--base-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}*,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-family:var(--base-font-family)!important}body{color:#1f2937;color:var(--gray-800);font-weight:400!important;line-height:1.5}.host-header-simple{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);margin-bottom:0;max-width:none;z-index:100}.host-header-container{margin:0 auto;max-width:var(--host-header-max-width,1200px);padding:0}.header-row-1{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);padding:1.5rem 2rem 1rem}.simple-title{color:#1f2937;color:var(--gray-800);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-family:var(--base-font-family)!important;font-size:1.5rem;font-weight:700!important;line-height:1.2;margin:0;transition:all .2s ease-out;transition:var(--transition)}.simple-title.clickable:hover,.simple-title:hover{color:#5a67d8;color:var(--primary-600)}.simple-title.clickable:hover{transform:translateY(-1px)}.header-row-2{align-items:center;display:flex;justify-content:flex-end;padding:1rem 2rem}.simple-menu-container{align-items:center;display:flex;gap:1rem}.simple-menu-item{background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-family:var(--base-font-family)!important;font-size:.95rem;font-weight:400!important;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease-out;transition:var(--transition)}.simple-menu-item:hover{background:#f9fafb;background:var(--gray-50);color:#1f2937;color:var(--gray-800)}.simple-menu-item.active{background:#f0f4ff;background:var(--primary-50);font-weight:400!important}.simple-menu-item.active,.simple-menu-item.active-link{color:#5a67d8;color:var(--primary-600)}.simple-menu-item.active-link:hover{background:#f0f4ff;background:var(--primary-50);color:#4c51bf;color:var(--primary-700)}.simple-menu-item.disabled-link{color:#9ca3af;color:var(--gray-400);cursor:not-allowed}.simple-menu-item.disabled-link:hover{background:none;color:#9ca3af;color:var(--gray-400)}.simple-menu-item.copied{animation:copyPulse .3s ease-out;background:var(--success-50);color:#059669;color:var(--success-600)}.simple-menu-item.logout{color:#ef4444;color:var(--error-500)}.simple-menu-item.logout:hover{background:var(--error-50);color:#dc2626;color:var(--error-600)}.menu-divider{color:#d1d5db;color:var(--gray-300);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-family:var(--base-font-family)!important;font-weight:300!important;-webkit-user-select:none;user-select:none}@keyframes copyPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.dropdown-menu-simple{animation:slideDown .2s ease-out;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-xl);min-width:280px;overflow:hidden;position:absolute;right:2rem;top:100%;z-index:200}.dropdown-menu-simple.mobile{left:1rem;max-width:none;min-width:auto;right:1rem}.menu-content{padding:1rem 0}.menu-item{align-items:center;background:none;border:none;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-family:var(--base-font-family)!important;font-size:.95rem;font-weight:400!important;gap:1rem;padding:1rem 1.5rem;text-align:left;transition:all .2s ease-out;transition:var(--transition);width:100%}.menu-item:hover{background:#f9fafb;background:var(--gray-50);color:#111827;color:var(--gray-900)}.menu-item.active{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);background:linear-gradient(135deg,var(--primary-50),var(--primary-100));color:#4c51bf;color:var(--primary-700);font-weight:400!important}.menu-item-icon{flex-shrink:0;font-size:1.25rem}.menu-item-label{flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-family:var(--base-font-family)!important}.popup-indicator{color:#8b5cf6;font-size:.7rem;font-weight:600}.current-indicator{animation:pulse 2s ease-in-out infinite;color:#667eea;color:var(--primary-500);font-size:.8rem}.menu-divider{background:#e5e7eb;background:var(--gray-200);height:1px;margin:1rem 0}.approval-status-menu{align-items:center;background:#f9fafb;background:var(--gray-50);border-radius:8px;border-radius:var(--radius-md);display:flex;gap:1rem;margin:0 1rem;padding:1rem 1.5rem}.status-icon{font-size:1.25rem}.status-text{color:#374151;color:var(--gray-700);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-family:var(--base-font-family)!important;font-weight:400!important;line-height:1.4}.menu-overlay{animation:fadeIn .2s ease-out;background:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:150}@media (max-width:1024px){.header-row-1{padding:1.25rem 1.5rem .875rem}.header-row-2{padding:.875rem 1.5rem 1.25rem}}@media (max-width:768px){.header-row-1{padding:1rem 1rem .75rem}.header-row-2{padding:.75rem 1rem 1rem}.simple-title{font-size:1.3rem}.simple-menu-container{gap:.75rem}.simple-menu-item{font-size:.9rem;padding:.4rem .6rem}.menu-divider{font-size:.8rem}.dropdown-menu-simple{left:1rem;right:1rem}}@media (max-width:480px){.header-row-1{padding:1rem .75rem .5rem}.header-row-2{padding:.5rem .75rem 1rem}.simple-title{font-size:1.2rem}.simple-menu-container{gap:.5rem}.simple-menu-item{font-size:.85rem;padding:.3rem .5rem}.menu-divider{font-size:.7rem}.dropdown-menu-simple{left:.75rem;right:.75rem}}.bookings-page,.bookings-page *,.company-info-page,.company-info-page *,.dashboard-page,.dashboard-page *,.settings-page,.settings-page *,button,div,h1,h2,h3,h4,h5,h6,input,p,select,span,textarea{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif!important;font-family:var(--base-font-family)!important}.menu-item:focus,.simple-menu-item:focus{outline:2px solid #667eea;outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast:high){.host-header-simple{border-width:2px}.menu-item,.simple-menu-item{border:2px solid #ffffff4d}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.menu-item:hover,.simple-menu-item:hover,.simple-title:hover{transform:none}}.onboarding-progress{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:1.5rem}.progress-container{align-items:center;display:flex;justify-content:center;margin:0 auto;max-width:600px}.progress-step{flex-direction:column;gap:.5rem}.step-circle{align-items:center;background:#f3f4f6;border:2px solid #e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:1rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.progress-step.completed .step-circle{background:#10b981;border-color:#10b981;color:#fff}.progress-step.active .step-circle{background:#3b82f6;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;color:#fff}.step-name{color:#6b7280;font-size:.875rem;font-weight:500;white-space:nowrap}.progress-step.completed .step-name{color:#10b981}.progress-step.active .step-name{color:#3b82f6;font-weight:600}.progress-line{align-self:center;background:#e5e7eb;height:2px;margin:0 1rem 2rem;transition:all .3s ease;width:100px}.progress-line.completed{background:#10b981}@media (max-width:768px){.progress-container{gap:.5rem}.progress-line{margin:0 .5rem;width:50px}.step-circle{font-size:.875rem;height:35px;width:35px}.step-name{font-size:.75rem}}:root{--host-primary-500:#667eea;--host-primary-600:#5a67d8;--host-primary-700:#4c51bf;--host-primary-50:#f0f4ff;--host-primary-100:#e0e7ff;--host-primary-200:#c7d2fe;--host-primary-300:#a5b4fc;--host-primary-400:#818cf8;--host-success-500:#10b981;--host-success-600:#059669;--host-success-100:#dcfce7;--host-success-50:#f0fdf4;--host-success-200:#bbf7d0;--host-warning-500:#f59e0b;--host-warning-600:#d97706;--host-warning-100:#fef3c7;--host-warning-50:#fffbeb;--host-warning-200:#fed7aa;--host-error-500:#ef4444;--host-error-600:#dc2626;--host-error-100:#fee2e2;--host-error-50:#fef2f2;--host-error-200:#fecaca;--host-info-500:#3b82f6;--host-info-600:#2563eb;--host-info-700:#1d4ed8;--host-info-100:#dbeafe;--host-info-50:#eff6ff;--host-info-200:#bfdbfe;--host-space-xs:0.25rem;--host-space-sm:0.5rem;--host-space-md:1rem;--host-space-lg:1.5rem;--host-space-xl:2rem;--host-space-2xl:3rem;--host-space-3xl:4rem;--host-header-top-margin:0;--host-header-bottom-margin:2rem;--host-header-max-width:1200px;--host-header-horizontal-padding:2rem;--host-page-top-padding:0;--host-content-top-spacing:0;--host-radius-sm:6px;--host-radius-md:8px;--host-radius-lg:12px;--host-radius-xl:16px;--host-radius-2xl:20px;--host-shadow-sm:0 2px 4px #0000000d;--host-shadow-md:0 4px 12px #0000001a;--host-shadow-lg:0 8px 25px #00000026;--host-shadow-xl:0 12px 35px #0003;--host-transition-fast:0.2s ease-out;--host-transition-normal:0.3s ease-out;--host-transition-slow:0.5s ease-out}.host-page{background:#f9fafb;background:var(--host-gray-50);min-height:100vh;padding:0 0 1.5rem;padding:var(--host-page-top-padding) 0 var(--host-space-lg) 0;position:relative}.host-container{margin:0 auto;padding:0 1.5rem;padding:0 var(--host-space-lg);z-index:1}.host-container,.host-header-container{max-width:1200px;max-width:var(--host-header-max-width);position:relative}.host-header-container{margin:0 auto 2rem;margin:var(--host-header-top-margin) auto var(--host-header-bottom-margin) auto;z-index:100}.host-content-wrapper,.host-header-container{padding:0 2rem;padding:0 var(--host-header-horizontal-padding)}.host-content-wrapper{margin:0 auto;margin:var(--host-content-top-spacing) auto 0 auto;max-width:1200px;max-width:var(--host-header-max-width);position:relative;z-index:1}.host-header-simple{position:relative;width:100%}.host-card{border:1px solid var(--host-gray-200);border-radius:12px;border-radius:var(--host-radius-lg);box-shadow:0 4px 12px #0000001a;box-shadow:var(--host-shadow-md);margin-bottom:2rem;margin-bottom:var(--host-space-xl)}.host-card-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--host-gray-200);padding:2rem;padding:var(--host-space-xl)}.host-card-header h2{align-items:center;color:#1f2937;color:var(--host-gray-800);display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;gap:var(--host-space-sm);margin:0 0 .5rem;margin:0 0 var(--host-space-sm) 0}.host-card-subtitle{color:#4b5563;color:var(--host-gray-600);font-size:.875rem;font-weight:500;margin:0}.host-card-content{padding:2rem;padding:var(--host-space-xl)}.host-form-section{margin-bottom:3rem;margin-bottom:var(--host-space-2xl)}.host-form-section h3{align-items:center;border-bottom:2px solid #f3f4f6;border-bottom:2px solid var(--host-gray-100);color:#1f2937;color:var(--host-gray-800);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;gap:var(--host-space-sm);margin:0 0 1.5rem;margin:0 0 var(--host-space-lg) 0;padding-bottom:1rem;padding-bottom:var(--host-space-md)}.host-form-group{margin-bottom:1.5rem;margin-bottom:var(--host-space-lg)}.host-form-label{align-items:center;color:#374151;color:var(--host-gray-700);display:flex;flex-wrap:wrap;font-size:.95rem;font-weight:600;gap:.5rem;gap:var(--host-space-sm);line-height:1.4;margin-bottom:.5rem;margin-bottom:var(--host-space-sm)}.host-form-input,.host-form-select,.host-form-textarea{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--host-gray-200);border-radius:12px;border-radius:var(--host-radius-lg);box-sizing:border-box;color:#1f2937;color:var(--host-gray-800);font-size:1rem;font-weight:500;padding:1rem;padding:var(--host-space-md);transition:.3s ease-out;transition:var(--host-transition-normal);width:100%}.host-form-input::placeholder,.host-form-textarea::placeholder{color:#9ca3af;color:var(--host-gray-400);font-weight:500}.host-form-input:focus,.host-form-select:focus,.host-form-textarea:focus{background:#f0f4ff;background:var(--host-primary-50);border-color:#667eea;border-color:var(--host-primary-500);box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.host-form-input:hover:not(:focus),.host-form-select:hover:not(:focus),.host-form-textarea:hover:not(:focus){border-color:#d1d5db;border-color:var(--host-gray-300)}.host-form-help{color:#6b7280;color:var(--host-gray-500);font-size:.875rem;font-weight:500;line-height:1.4;margin-top:.5rem;margin-top:var(--host-space-sm)}.host-form-grid-2col{grid-gap:1.5rem;grid-gap:var(--host-space-lg);align-items:start;display:grid;gap:1.5rem;gap:var(--host-space-lg);grid-template-columns:repeat(2,1fr)}.host-btn{align-items:center;border-radius:12px;border-radius:var(--host-radius-lg);display:flex;font-size:1rem;font-weight:700;gap:.5rem;gap:var(--host-space-sm);justify-content:center;min-height:52px;overflow:hidden;padding:1rem 2rem;padding:var(--host-space-md) var(--host-space-xl);position:relative;transition:.3s ease-out;transition:var(--host-transition-normal)}.host-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.host-btn-primary{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--host-primary-500) 0,var(--host-primary-600) 100%);box-shadow:0 2px 4px #0000000d;box-shadow:var(--host-shadow-sm)}.host-btn-primary:hover:not(:disabled){box-shadow:0 8px 25px #00000026;box-shadow:var(--host-shadow-lg);transform:translateY(-2px)}.host-btn-primary:active:not(:disabled){transform:translateY(-1px) scale(.98)}.host-btn-secondary{background:#f3f4f6;background:var(--host-gray-100);border:2px solid #e5e7eb;border:2px solid var(--host-gray-200);color:#374151;color:var(--host-gray-700)}.host-btn-secondary:hover:not(:disabled){background:#e5e7eb;background:var(--host-gray-200);transform:translateY(-1px)}.host-btn-secondary:hover:not(:disabled),.host-btn-success{box-shadow:0 2px 4px #0000000d;box-shadow:var(--host-shadow-sm)}.host-btn-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--host-success-500) 0,var(--host-success-600) 100%);color:#fff}.host-btn-success:hover:not(:disabled){box-shadow:0 8px 25px #00000026;box-shadow:var(--host-shadow-lg);transform:translateY(-2px)}.host-btn-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--host-warning-500) 0,var(--host-warning-600) 100%);box-shadow:0 2px 4px #0000000d;box-shadow:var(--host-shadow-sm);color:#fff}.host-btn-warning:hover:not(:disabled){box-shadow:0 8px 25px #00000026;box-shadow:var(--host-shadow-lg);transform:translateY(-2px)}.host-btn-info{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--host-info-500) 0,var(--host-info-600) 100%);box-shadow:0 2px 4px #0000000d;box-shadow:var(--host-shadow-sm);color:#fff}.host-btn-info:hover:not(:disabled){box-shadow:0 8px 25px #00000026;box-shadow:var(--host-shadow-lg);transform:translateY(-2px)}.host-btn-group{display:flex;gap:1rem;gap:var(--host-space-md);margin-top:2rem;margin-top:var(--host-space-xl)}.host-badge{align-items:center;border-radius:12px;border-radius:var(--host-radius-lg);box-shadow:0 2px 4px #0000000d;box-shadow:var(--host-shadow-sm);display:inline-flex;font-size:.75rem;font-weight:700;letter-spacing:.025em;padding:.25rem .5rem;padding:var(--host-space-xs) var(--host-space-sm);text-transform:uppercase;white-space:nowrap}.host-badge-success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--host-success-500),var(--host-success-600));color:#fff}.host-badge-warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--host-warning-500),var(--host-warning-600));color:#fff}.host-badge-error{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--host-error-500),var(--host-error-600));color:#fff}.host-badge-info{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--host-info-500),var(--host-info-600));color:#fff}.host-badge-gray{background:#e5e7eb;background:var(--host-gray-200);color:#374151;color:var(--host-gray-700)}.host-required{color:#ef4444;color:var(--host-error-500);font-size:1rem;font-weight:800;margin-left:0}.host-notice{align-items:flex-start;border-radius:12px;border-radius:var(--host-radius-lg);box-shadow:0 2px 4px #0000000d;box-shadow:var(--host-shadow-sm);gap:1rem;margin-bottom:1.5rem;margin-bottom:var(--host-space-lg);padding:1.5rem}.host-notice-info{background:#eff6ff;border:2px solid #bfdbfe;border:2px solid var(--host-info-200);color:#1d4ed8}.host-notice-success{background:#f0fdf4;background:var(--host-success-50);border:2px solid #bbf7d0;border:2px solid var(--host-success-200);color:var(--host-success-700)}.host-notice-warning{background:#fffbeb;background:var(--host-warning-50);border:2px solid #fed7aa;border:2px solid var(--host-warning-200);color:var(--host-warning-700)}.host-notice-error{background:#fef2f2;background:var(--host-error-50);border:2px solid #fecaca;border:2px solid var(--host-error-200);color:var(--host-error-700)}.host-notice-icon{font-size:1.25rem;margin-top:.125rem}.host-notice-content h4{font-size:1rem;font-weight:700;margin:0 0 .5rem;margin:0 0 var(--host-space-sm) 0}.host-notice-content p{font-size:.875rem;font-weight:500}@media (max-width:1024px){:root{--host-header-horizontal-padding:1.5rem}.host-form-grid-2col{gap:1rem;gap:var(--host-space-md);grid-template-columns:1fr}}@media (max-width:768px){:root{--host-header-horizontal-padding:1rem;--host-header-bottom-margin:1.5rem}.host-container,.host-content-wrapper,.host-header-container{padding-left:1rem;padding-left:var(--host-space-md);padding-right:1rem;padding-right:var(--host-space-md)}.host-card-content,.host-card-header{padding:1.5rem;padding:var(--host-space-lg)}.host-btn-group{flex-direction:column}.host-btn{width:100%}.host-form-grid-2col{grid-template-columns:1fr}}@media (max-width:480px){:root{--host-header-horizontal-padding:0.75rem;--host-header-bottom-margin:1rem}.host-container,.host-content-wrapper,.host-header-container{padding-left:.5rem;padding-left:var(--host-space-sm);padding-right:.5rem;padding-right:var(--host-space-sm)}.host-card-content,.host-card-header{padding:1rem;padding:var(--host-space-md)}.host-form-section h3{font-size:1.1rem}.host-form-section{margin-bottom:1.5rem;margin-bottom:var(--host-space-lg)}}@keyframes host-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes host-slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes host-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.host-animate-fadeInUp{animation:host-fadeInUp .6s ease-out}.host-animate-slideInLeft{animation:host-slideInLeft .5s ease-out}.host-animate-pulse{animation:host-pulse 2s ease-in-out infinite}.host-btn:focus,.host-form-input:focus,.host-form-select:focus,.host-form-textarea:focus{outline:2px solid #667eea;outline:2px solid var(--host-primary-500);outline-offset:2px}@media (prefers-contrast:high){.host-btn,.host-card{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.host-btn:hover{transform:none}}:root{--primary-200:#c7d2fe;--shadow-hover:0 12px 32px #0000001f}.dashboard-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;padding:2rem}.dashboard-container{display:flex;flex-direction:column;gap:2rem}.tab-navigation{border-bottom:1px solid #e2e8f0;gap:.5rem;margin-bottom:1.5rem!important}.tab-btn{border-bottom:2px solid #0000;font-weight:500;padding:.75rem 1.5rem}.tab-btn:hover{background:#f8fafc;color:#374151}.tab-btn.active{border-bottom-color:#2563eb;color:#2563eb}.expiration-management-section,.main-grid{margin-top:.5rem!important}@media (min-width:769px){.tab-navigation{margin-bottom:2rem!important}.expiration-management-section,.main-grid{margin-top:1rem!important}}.approval-notice-horizontal{align-items:center;background:linear-gradient(135deg,#fee2e2,#fecaca);border:2px solid #fca5a5;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1.5rem 2rem;transition:all .2s ease-out;transition:var(--transition)}.approval-notice-horizontal:hover{border-color:#f87171;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.approval-notice-content{flex:1 1}.notice-main-text{color:#dc2626;font-size:1.1rem;font-weight:700;margin-bottom:.5rem}.notice-sub-text{color:#991b1b;font-size:.9rem;line-height:1.5;margin-bottom:.75rem}.notice-action-text{align-items:center;color:#7c2d12;display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.notice-arrow{color:#dc2626;font-size:1.5rem;font-weight:700;transition:all .2s ease-out;transition:var(--transition)}.approval-notice-horizontal:hover .notice-arrow{transform:translateX(5px)}.sidebar{grid-template-rows:auto auto!important}.booking-status-section{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);margin-bottom:.5rem;padding:2rem;transition:all .2s ease-out;transition:var(--transition)}.booking-status-section:hover{box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.booking-status-section h2{color:#1f2937;color:var(--gray-800);font-size:1.3rem;font-weight:700;margin:0 0 1.5rem}.status-content-box{background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--radius-lg);padding:2rem;text-align:center}.status-content-box.empty{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:1px dashed #d1d5db;border:1px dashed var(--gray-300)}.status-content-box.new{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #c7d2fe;border:1px solid var(--primary-200)}.status-content-box.hot{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fbbf24}.status-main{align-items:center;display:flex;gap:1.5rem;margin-bottom:1.5rem;text-align:center}.status-icon{flex-shrink:0;font-size:3rem}.status-text{flex:1 1;text-align:center}.status-text h3{color:#1f2937;color:var(--gray-800);font-size:2.5rem;font-weight:800;line-height:1.2;margin:0 0 .5rem}.status-text .count{color:#5a67d8;color:var(--primary-600);font-size:3rem;font-weight:900}.status-content-box.empty .count{color:#9ca3af;color:var(--gray-400)}.status-content-box.hot .count{color:#f59e0b}.status-text p{color:#4b5563;color:var(--gray-600);font-size:1rem;line-height:1.5;margin:0}.status-action-btn{align-items:center;background:#fff;border:2px solid #667eea;border:2px solid var(--primary-500);border-radius:12px;border-radius:var(--radius-lg);color:#5a67d8;color:var(--primary-600);cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .2s ease-out;transition:var(--transition)}.status-action-btn:hover{background:#667eea;background:var(--primary-500);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.status-action-btn.primary{background:#5a67d8;background:var(--primary-600);color:#fff}.status-action-btn.primary:hover{background:#4c51bf;background:var(--primary-700)}.pending-alert{background:#fef3c7;background:var(--warning-100);border:1px solid #f59e0b;border:1px solid var(--warning-500);border-radius:8px;border-radius:var(--radius-md);color:#d97706;color:var(--warning-600);font-size:.9rem;font-weight:600;margin-top:1rem;padding:.75rem 1rem}@media (max-width:768px){.booking-status-section{margin-bottom:1.5rem;padding:1.5rem}.status-content-box{padding:1.5rem}.status-main{flex-direction:column}.status-main,.status-text{text-align:center}.status-icon{font-size:2.5rem}.status-text h3{font-size:1.8rem}.status-text .count{font-size:2.2rem}.sidebar{align-items:center;align-items:stretch!important;padding:0!important;width:100%!important}.sidebar .cafe-link,.sidebar .quick-actions,.sidebar .stats-card{border-radius:0!important;margin:0 0 1rem -1rem!important;max-width:none!important;padding:2rem!important;width:100vw!important}.booking-status-section{border-radius:0!important;margin:0 0 1rem!important;width:100%!important}}.stats-card{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--gray-200)!important;border-radius:20px!important;border-radius:var(--radius-2xl)!important;box-shadow:0 4px 12px #0000001a!important;box-shadow:var(--shadow-md)!important;grid-column:1!important;grid-row:1!important;padding:2rem!important;transition:all .2s ease-out!important;transition:var(--transition)!important}.stats-card:hover{box-shadow:0 12px 32px #0000001f!important;box-shadow:var(--shadow-hover)!important;transform:translateY(-2px)!important}.quick-actions{background:#fff!important;border:1px solid #e5e7eb!important;border:1px solid var(--gray-200)!important;border-radius:20px!important;border-radius:var(--radius-2xl)!important;box-shadow:0 4px 12px #0000001a!important;box-shadow:var(--shadow-md)!important;display:flex!important;flex-direction:column!important;grid-column:2!important;grid-row:1!important;height:100%!important;padding:2rem!important;transition:all .2s ease-out!important;transition:var(--transition)!important}.quick-actions:hover{box-shadow:0 12px 32px #0000001f!important;box-shadow:var(--shadow-hover)!important;transform:translateY(-2px)!important}.cafe-link{align-items:center!important;background:linear-gradient(135deg,#ff9a56,#ff6b35)!important;border-radius:20px!important;border-radius:var(--radius-2xl)!important;box-shadow:0 4px 12px #0000001a!important;box-shadow:var(--shadow-md)!important;cursor:pointer!important;display:flex!important;gap:1.5rem!important;grid-column:1/-1!important;grid-row:2!important;padding:2rem!important;text-align:center!important;transition:all .2s ease-out!important;transition:var(--transition)!important}.cafe-link,.cafe-link:hover{text-decoration:none!important}.cafe-link:hover{box-shadow:0 12px 35px #0003!important;box-shadow:var(--shadow-xl)!important;transform:translateY(-2px)!important}@media (max-width:768px){.sidebar{gap:1.5rem!important;grid-template-columns:1fr!important;grid-template-rows:auto auto auto!important}.stats-card{grid-row:1!important}.quick-actions,.stats-card{grid-column:1!important;padding:1.5rem!important}.quick-actions{grid-row:2!important;height:auto!important}.cafe-link{flex-direction:column!important;gap:1rem!important;grid-column:1!important;grid-row:3!important;padding:1.5rem!important}.cafe-content,.cafe-link{text-align:center!important}.host-content-wrapper{padding:0!important}.host-content-inner{max-width:100%!important;padding:0!important}.booking-status-section{border-radius:0;margin:0 0 1rem}.cafe-link,.quick-actions,.stats-card{border-radius:0;margin-left:0;margin-right:0;width:100%}.sidebar{gap:0;padding:0}.sidebar>*{margin-bottom:1rem}}.recent-bookings{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);min-width:0;overflow:hidden;padding:2rem;transition:all .2s ease-out;transition:var(--transition);width:100%}.recent-bookings:hover{box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.recent-bookings h2{color:#1f2937;color:var(--gray-800);font-size:1.3rem;font-weight:700;margin:0 0 1.5rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-booking-card.optimized .booking-card-content{grid-gap:16px!important;align-items:center!important;box-sizing:border-box!important;display:grid!important;gap:16px!important;grid-template-columns:160px 2fr 160px 140px 110px 140px!important;min-height:80px!important;overflow:visible!important;padding:1.25rem!important}.desktop-booking-card.optimized .guest-section{align-items:center!important;display:flex!important;gap:.75rem!important;max-width:160px!important;min-width:0!important;overflow:hidden!important}.desktop-booking-card.optimized .guest-avatar{align-items:center!important;background:#e0e7ff!important;border-radius:50%!important;display:flex!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;width:40px!important}.desktop-booking-card.optimized .guest-details{flex:1 1!important;min-width:0!important;overflow:hidden!important}.desktop-booking-card.optimized .guest-name{color:#1f2937!important;color:var(--gray-800)!important;font-size:.9rem!important;font-weight:600!important}.desktop-booking-card.optimized .guest-contact,.desktop-booking-card.optimized .guest-name{line-height:1.2!important;margin:0!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.desktop-booking-card.optimized .guest-contact{color:#6b7280!important;color:var(--gray-500)!important;font-size:.8rem!important}.desktop-booking-card.optimized .stay-section{display:flex!important;flex-direction:column!important;gap:.25rem!important;min-width:0!important;overflow:hidden!important;padding-right:.5rem!important}.desktop-booking-card.optimized .room-type{color:#1f2937!important;color:var(--gray-800)!important;font-size:.95rem!important;font-weight:600!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.desktop-booking-card.optimized .stay-period{color:#4b5563!important;color:var(--gray-600)!important;font-size:.85rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.desktop-booking-card.optimized .guest-count{color:#6b7280!important;color:var(--gray-500)!important;font-size:.8rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.desktop-booking-card.optimized .checkin-section{display:flex!important;flex-direction:column!important;font-size:.75rem!important;gap:.2rem!important;max-width:115px!important;min-width:115px!important;overflow:hidden!important}.desktop-booking-card.optimized .checkin-date,.desktop-booking-card.optimized .checkout-date{font-size:.75rem!important}.desktop-booking-card.optimized .submit-time{font-size:.7rem!important}.desktop-booking-card.optimized .checkin-info{display:flex!important;flex-direction:column!important;gap:.1rem!important}.desktop-booking-card.optimized .checkin-date,.desktop-booking-card.optimized .checkout-date{color:#374151!important;color:var(--gray-700)!important;font-size:.8rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.desktop-booking-card.optimized .submit-time{color:#6b7280!important;color:var(--gray-500)!important;font-size:.75rem!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.desktop-booking-card.optimized .requests-section.optimized{align-items:center!important;display:flex!important;flex-direction:column!important;gap:.25rem!important;max-width:140px!important;min-width:140px!important;overflow:hidden!important;text-align:center!important}.desktop-booking-card.optimized .has-requests{align-items:center!important;display:flex!important;flex-direction:column!important;gap:.25rem!important;width:100%!important}.desktop-booking-card.optimized .memo-indicator{color:#3b82f6!important;font-size:.8rem!important;font-weight:500!important}.desktop-booking-card.optimized .memo-indicator,.desktop-booking-card.optimized .memo-preview{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;width:100%!important}.desktop-booking-card.optimized .memo-preview{color:#4b5563!important;color:var(--gray-600)!important;font-size:.75rem!important;font-style:italic!important}.desktop-booking-card.optimized .no-requests{align-items:center!important;display:flex!important;justify-content:center!important;width:100%!important}.desktop-booking-card.optimized .no-memo-text{color:#9ca3af!important;color:var(--gray-400)!important;font-size:.8rem!important;text-align:center!important}.desktop-booking-card.optimized .status-section{align-items:center!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;max-width:110px!important;min-width:110px!important}.desktop-booking-card.optimized .status-badge{border-radius:16px!important;box-sizing:border-box!important;flex-shrink:0!important;font-size:.75rem!important;font-weight:700!important;max-width:100px!important;min-width:85px!important;overflow:hidden!important;padding:8px 12px!important;text-align:center!important;text-overflow:ellipsis!important;white-space:nowrap!important}.desktop-booking-card.optimized .actions-section.compact{align-items:center!important;box-sizing:border-box!important;display:flex!important;justify-content:center!important;max-width:140px!important;min-width:140px!important}.desktop-booking-card.optimized .contact-buttons{gap:12px!important}.desktop-booking-card.optimized .action-btn.compact,.desktop-booking-card.optimized .contact-buttons{align-items:center!important;display:flex!important;flex-shrink:0!important;justify-content:center!important}.desktop-booking-card.optimized .action-btn.compact{background:#fff!important;border:1px solid #d1d5db!important;border:1px solid var(--gray-300)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;box-shadow:0 2px 4px #0000000d!important;box-shadow:var(--shadow-sm)!important;box-sizing:border-box!important;cursor:pointer!important;font-size:16px!important;height:40px!important;transition:all .2s ease-out!important;transition:var(--transition)!important;width:40px!important}.desktop-booking-card.optimized .action-btn.compact:hover:not(:disabled){border-color:var(--primary-300)!important;box-shadow:0 4px 12px #0000001a!important;box-shadow:var(--shadow-md)!important;transform:translateY(-2px)!important}.desktop-booking-card.optimized .action-btn.compact:disabled{cursor:not-allowed!important;opacity:.4!important;transform:none!important}.desktop-booking-card.optimized .action-btn.call-btn{background:#fef3c7!important;border-color:#fbbf24!important;color:#92400e!important}.desktop-booking-card.optimized .action-btn.call-btn:hover:not(:disabled){background:#fde68a!important;border-color:#f59e0b!important}.desktop-booking-card.optimized .action-btn.message-btn{background:#dbeafe!important;border-color:#60a5fa!important;color:#1d4ed8!important}.desktop-booking-card.optimized .action-btn.message-btn:hover:not(:disabled){background:#bfdbfe!important;border-color:#3b82f6!important}.booking-cards-container{display:flex;flex-direction:column;gap:1rem;min-width:0;overflow:hidden}.mobile-booking-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-card);cursor:pointer;margin-bottom:1rem;min-width:0;overflow:hidden;padding:1.25rem;position:relative;transform:translateY(0);transition:.3s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.mobile-booking-card:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#c7d2fe;border-color:var(--primary-200);box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-3px)}.mobile-booking-card:last-child{margin-bottom:0}.desktop-booking-card{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-card);cursor:pointer;margin-bottom:1rem;min-width:0;overflow:hidden;padding:0!important;transform:translateY(0);transition:.3s cubic-bezier(.68,-.55,.265,1.55);transition:var(--transition-bounce)}.desktop-booking-card:hover{background:linear-gradient(135deg,#fff,#f8fafc);border-color:#c7d2fe;border-color:var(--primary-200);box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-4px)}.desktop-booking-card:last-child{margin-bottom:0}.view-all-btn{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:1rem;padding:1rem;transition:all .2s ease-out;transition:var(--transition);width:100%}.view-all-btn:hover{box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.no-bookings{color:#6b7280;color:var(--gray-500)}.no-bookings-icon{opacity:.7}.no-bookings h3{color:#4b5563;color:var(--gray-600);font-size:1.3rem;margin:0 0 .75rem}.no-bookings p{line-height:1.5;margin:0 0 2rem}.pending-steps{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.step{align-items:center;display:flex;flex-direction:column;gap:.5rem;opacity:.4}.step.active{opacity:1}.step-number{background:#ef4444;background:var(--error-500);font-size:.9rem;height:30px;width:30px}.step.active .step-number{animation:pulse 2s infinite;background:#dc2626;background:var(--error-600)}.step-text{color:#dc2626;color:var(--error-600);font-size:.8rem;font-weight:600}.sidebar{display:flex;flex-direction:column;gap:2rem;position:-webkit-sticky;position:sticky;top:2rem}.payment-guide-card{display:none!important}.stats-card{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;padding:2rem;transition:all .2s ease-out;transition:var(--transition)}.stats-card:hover{box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.stats-card h3{color:#1f2937;color:var(--gray-800);flex-shrink:0;font-size:1.2rem;margin:0 0 1.5rem}.stats-container{flex:1 1;flex-direction:column}.stat-item,.stats-container{display:flex;justify-content:space-between}.stat-item{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);margin-bottom:.8rem;min-height:70px;padding:1.6rem 0}.stat-item:last-child{border-bottom:none;margin-bottom:0}.stat-label{color:#4b5563;color:var(--gray-600);font-size:1.35rem;font-weight:700;line-height:1.4}.stat-value{color:var(--gray-800);font-size:1.6rem}.stat-value.warning{color:#f59e0b;color:var(--warning-500)}.stat-value.success{color:#10b981;color:var(--success-500)}.stat-value.disabled{color:#9ca3af;color:var(--gray-400)}.purchase-btn{background:linear-gradient(135deg,#ff9a56,#ff6b35);border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;flex-shrink:0;font-size:1rem;font-weight:600;margin-top:1.5rem;padding:1.2rem;transition:all .2s ease-out;transition:var(--transition);width:100%}.purchase-btn:hover{background:linear-gradient(135deg,#ff7f39,#ff5722);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.pending-notice{align-items:center;background:#fef2f2;background:var(--error-50);border:2px solid var(--error-200);border-radius:12px;border-radius:var(--radius-lg);display:flex;flex-shrink:0;gap:.75rem;margin-top:1.5rem;padding:1.2rem;text-align:center}.notice-icon{color:#ef4444;color:var(--error-500);font-size:1.5rem}.notice-text{color:var(--error-700);font-size:.85rem;font-weight:600;line-height:1.4}.suspension-notice{background:#fee2e2;border:2px solid #dc2626;border-radius:12px;flex-shrink:0;margin-top:1.5rem;padding:1.2rem;text-align:center}.quick-actions{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);flex-direction:column;height:100%;padding:2rem;transition:all .2s ease-out;transition:var(--transition)}.quick-actions:hover{box-shadow:0 12px 32px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.quick-actions h3{color:#1f2937;color:var(--gray-800);flex-shrink:0;font-size:1.2rem;font-weight:700;margin:0 0 1.5rem}.quick-actions-container{display:flex;flex:1 1;flex-direction:column;gap:.75rem;justify-content:space-between}.quick-actions .action-btn{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex:1 1;font-size:14px;gap:1rem;margin-bottom:0;min-height:55px;padding:.75rem 1rem;text-align:left;transition:all .2s ease-out;transition:var(--transition);width:100%}.quick-actions .action-btn:hover:not(.disabled){background:linear-gradient(135deg,#fff,#f0f4ff);background:linear-gradient(135deg,#fff 0,var(--primary-50) 100%);border-color:#667eea;border-color:var(--primary-500);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.quick-actions .action-btn.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:#8b5cf6;color:#fff}.quick-actions .action-btn.primary:hover{background:linear-gradient(135deg,#7c3aed,#6b46c1)}.quick-actions .action-btn.disabled{background:#f3f4f6;background:var(--gray-100);border-color:#e5e7eb;border-color:var(--gray-200);color:#9ca3af;color:var(--gray-400);cursor:not-allowed;opacity:.6}.quick-actions .action-btn.disabled:hover{box-shadow:none;transform:none}.quick-actions .action-icon{flex-shrink:0;font-size:1.5rem}.action-text{flex:1 1}.action-title{font-size:.95rem;font-weight:600;margin-bottom:.25rem}.action-subtitle{font-size:.8rem;line-height:1.4;opacity:.8}.cafe-link{background:linear-gradient(135deg,#ff9a56,#ff6b35);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;gap:1.5rem;padding:2rem;text-align:center;transition:all .2s ease-out;transition:var(--transition)}.cafe-link:hover{box-shadow:0 12px 35px #0003;box-shadow:var(--shadow-xl);color:#fff}.cafe-icon{flex-shrink:0;font-size:2.5rem}.cafe-content{flex:1 1;text-align:left}.cafe-content h2{font-size:1.3rem;font-weight:700;margin:0 0 .5rem}.cafe-content p{font-size:.9rem;margin:0;opacity:.9}.cafe-arrow{flex-shrink:0;font-size:1.5rem;font-weight:700;transition:all .2s ease-out;transition:var(--transition)}.cafe-link:hover .cafe-arrow{transform:translateX(5px)}.error-container,.loading-container{background:#fff;border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);min-height:60vh}.loading-spinner{margin-bottom:1.5rem}.loading-container h3{color:#374151;color:var(--gray-700);font-size:1.25rem;margin:0 0 .5rem}.error-container h2{color:#ef4444;color:var(--error-500);font-weight:700}.error-container p{color:#4b5563;color:var(--gray-600);font-size:1rem;line-height:1.5;margin:0 0 2rem}.btn{border-radius:var(--radius-lg);transition:all .2s ease-out;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,#667eea,#5a67d8);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-1px)}.main-grid{grid-gap:1.75rem!important;align-items:start!important;display:grid!important;gap:1.75rem!important;grid-template-columns:1fr!important;grid-template-rows:auto auto!important}@media (min-width:1400px){.desktop-booking-card.optimized .booking-card-content{gap:18px!important;grid-template-columns:180px 3.8fr 125px 160px 120px 150px!important}.main-grid{gap:2.5rem!important}}@media (min-width:1200px) and (max-width:1399px){.desktop-booking-card.optimized .booking-card-content{gap:12px!important;grid-template-columns:160px 3.3fr 115px 140px 110px 140px!important}.main-grid{gap:2.25rem!important}}@media (min-width:1024px) and (max-width:1199px){.desktop-booking-card.optimized .booking-card-content{gap:8px!important;grid-template-columns:140px 3fr 90px 120px 100px 120px!important}.desktop-booking-card.optimized .guest-name{font-size:.85rem!important}.desktop-booking-card.optimized .room-type{font-size:.9rem!important}.main-grid{gap:2rem!important}}@media (min-width:769px) and (max-width:1023px){.desktop-booking-card.optimized .booking-card-content{gap:6px!important;grid-template-columns:120px 2.5fr 80px 100px 90px 100px!important;padding:1rem!important}.desktop-booking-card.optimized .guest-name,.desktop-booking-card.optimized .room-type{font-size:.8rem!important}.desktop-booking-card.optimized .status-badge{font-size:.7rem!important;min-width:70px!important;padding:6px 8px!important}.desktop-booking-card.optimized .action-btn.compact{font-size:14px!important;height:32px!important;width:32px!important}.main-grid{gap:1.75rem!important}}@media (max-width:768px){.desktop-booking-card{display:none!important}.main-grid{gap:1.5rem!important}}@media (max-width:480px){.main-grid{gap:1.25rem!important}}.status-received{background:#dbeafe!important;color:#1d4ed8!important}.status-waiting{background:#fef3c7!important;color:#92400e!important}.status-confirmed{background:#dcfce7!important;color:#166534!important}.status-completed{background:#f3f4f6!important;color:#374151!important}.status-cancelled{background:#fee2e2!important;color:#dc2626!important}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cafe-link:hover,.desktop-booking-card:hover,.mobile-booking-card:hover,.view-all-btn:hover{transform:none}}.desktop-booking-card:focus-within,.mobile-booking-card:focus-within{outline:2px solid #667eea;outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast:high){.desktop-booking-card,.mobile-booking-card{border-color:#000;border-width:2px}}@media (prefers-color-scheme:dark){.desktop-booking-card,.mobile-booking-card{background:#1f2937;border-color:#374151;box-shadow:0 2px 8px #0000004d}.desktop-booking-card:hover,.mobile-booking-card:hover{background:#1f2937;box-shadow:0 4px 16px #0006}}.sidebar{grid-gap:2rem!important;background:#0000!important;border:none!important;box-shadow:none!important;display:grid!important;gap:2rem!important;grid-row:2!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto auto auto!important;min-width:0!important;padding:0!important;position:static!important;top:auto!important;width:100%!important}.quick-actions-container{flex-direction:column!important;gap:1rem!important;justify-content:space-between!important;min-height:300px!important}.quick-actions .action-btn,.quick-actions-container{display:flex!important;flex:1 1!important;height:auto!important}.quick-actions .action-btn{align-items:center!important;background:#fff!important;border:2px solid #e5e7eb!important;border:2px solid var(--gray-200)!important;border-radius:12px!important;border-radius:var(--radius-lg)!important;box-sizing:border-box!important;cursor:pointer!important;font-size:16px!important;gap:1.5rem!important;margin-bottom:0!important;min-height:85px!important;padding:1.5rem!important;text-align:left!important;transition:all .2s ease-out!important;transition:var(--transition)!important;width:100%!important}.quick-actions .action-icon{align-items:center!important;display:flex!important;flex-shrink:0!important;font-size:2rem!important;justify-content:center!important;width:50px!important}.action-text{flex:1 1!important;line-height:1.5!important}.action-title{color:#1f2937!important;font-size:1.1rem!important;font-weight:600!important;margin-bottom:.5rem!important}.action-subtitle{color:#6b7280!important;font-size:.9rem!important;line-height:1.4!important;opacity:.8!important}.quick-actions .action-btn:hover:not(.disabled){background:linear-gradient(135deg,#fff,#f0f4ff)!important;border-color:#667eea!important;border-color:var(--primary-500)!important;box-shadow:0 8px 25px #00000026!important;transform:translateY(-2px)!important}.quick-actions .action-btn.primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;border-color:#8b5cf6!important;box-shadow:0 4px 15px #8b5cf64d!important;color:#fff!important}.quick-actions .action-btn.primary:hover{background:linear-gradient(135deg,#7c3aed,#6b46c1)!important;box-shadow:0 12px 30px #8b5cf666!important;transform:translateY(-3px)!important}.quick-actions .action-btn.primary .action-subtitle,.quick-actions .action-btn.primary .action-title{color:#fff!important}.quick-actions .action-btn.disabled{background:#f3f4f6!important;background:var(--gray-100)!important;border-color:#e5e7eb!important;border-color:var(--gray-200)!important;color:#9ca3af!important;color:var(--gray-400)!important;cursor:not-allowed!important;opacity:.6!important}.quick-actions .action-btn.disabled:hover{box-shadow:none!important;transform:none!important}.quick-actions .action-btn.disabled .action-subtitle,.quick-actions .action-btn.disabled .action-title{color:#9ca3af!important;color:var(--gray-400)!important}@media (max-width:768px){.quick-actions-container{gap:.75rem!important;min-height:250px!important}.quick-actions .action-btn{min-height:75px!important;padding:1.25rem 1rem!important}.quick-actions .action-icon{font-size:1.75rem!important;width:40px!important}.action-title{font-size:1rem!important}.action-subtitle{font-size:.85rem!important}}.onboarding-choice-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:2rem}.choice-container{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000001a;max-width:800px;padding:3rem;width:100%}.choice-header{margin-bottom:3rem;text-align:center}.choice-header h1{color:#1a202c;font-size:2rem;margin-bottom:.5rem}.choice-header p{color:#718096;font-size:1.1rem}.choice-cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.choice-card{background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.choice-card:hover{border-color:#667eea;box-shadow:0 10px 30px #00000026;transform:translateY(-5px)}.choice-card.completed{background:#f0fff4;border-color:#48bb78}.choice-card h3{color:#2d3748;font-size:1.3rem;margin-bottom:.5rem}.choice-card p{color:#718096;margin-bottom:1rem}.time-estimate{background:#fff;border-radius:20px;color:#a0aec0;display:inline-block;font-size:.9rem;padding:.25rem .75rem}.check-mark{font-size:1.5rem;position:absolute;right:1rem;top:1rem}.skip-option{margin-top:2rem;text-align:center}.skip-btn{background:none;border:none;color:#718096;cursor:pointer;font-size:1rem;text-decoration:underline}.skip-btn:hover{color:#4a5568}:root{--settings-transition-fast:all 0.15s ease-out;--settings-transition-normal:all 0.2s ease-out;--settings-transition-slow:all 0.3s ease-out}.host-notice{align-items:center;animation:slideDown .3s ease-out;border-radius:var(--host-radius-xl);display:flex;font-weight:600;gap:var(--host-space-md);margin-bottom:var(--host-space-xl);padding:var(--host-space-lg)}.host-notice-error{background:linear-gradient(135deg,var(--host-error-100),#fef2f2);border:2px solid var(--host-error-500);color:var(--host-error-600)}.host-notice-warning{background:linear-gradient(135deg,var(--host-warning-100),#fef3c7);border:2px solid var(--host-warning-500);color:var(--host-warning-600)}.host-notice-info{background:var(--host-info-50);border:1px solid var(--host-info-200);color:var(--host-info-700)}.host-notice-icon{flex-shrink:0;font-size:1.5rem}.host-notice-content{flex:1 1}.host-notice-content p{line-height:1.5;margin:0}.host-card:hover{border-color:var(--host-gray-300);box-shadow:var(--host-shadow-lg)}.host-card-header{background:linear-gradient(135deg,var(--host-gray-50) 0,#e2e8f0 100%)}.readonly-info{grid-gap:var(--host-space-md);display:grid;gap:var(--host-space-md);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--host-space-lg)}.info-item{background:var(--host-gray-50);border:1px solid var(--host-gray-200);border-radius:var(--host-radius-lg);justify-content:space-between;padding:var(--host-space-lg)}.info-item label{color:var(--host-gray-700);font-size:.9rem}.info-item span{color:var(--host-gray-600);font-size:.9rem;font-weight:500;text-align:right}.mobile-drag-notice{background:var(--host-info-50);border:1px solid var(--host-info-200);border-radius:var(--host-radius-md);color:var(--host-info-700);font-size:.875rem;font-weight:600;margin-bottom:var(--host-space-lg);padding:var(--host-space-md);text-align:center}.room-list{background:var(--host-gray-50);margin-bottom:var(--host-space-lg)}.room-item,.room-list{border-radius:var(--host-radius-lg);padding:var(--host-space-lg)}.room-item{background:#fff;border:2px solid var(--host-gray-200);cursor:move;justify-content:space-between;margin-bottom:var(--host-space-md);position:relative;transition:all .2s ease-out;transition:var(--settings-transition-normal)}.room-item:last-child{margin-bottom:0}.room-item:hover{border-color:var(--host-primary-500);box-shadow:var(--host-shadow-md);transform:translateY(-2px)}.room-item.dragging{box-shadow:var(--host-shadow-xl);opacity:.7;transform:rotate(3deg) scale(1.02);z-index:1000}.room-item.drag-over{background:var(--host-success-50);border-color:var(--host-success-500);transform:scale(1.02)}.room-item.mobile-dragging{border-color:var(--host-primary-500);box-shadow:var(--host-shadow-lg);opacity:.8;transform:scale(1.05)}.room-content{align-items:center;display:flex;flex:1 1;gap:var(--host-space-md)}.drag-handle{border-radius:var(--host-radius-sm);color:var(--host-gray-400);cursor:grab;font-size:1.25rem;padding:var(--host-space-sm);transition:all .15s ease-out;transition:var(--settings-transition-fast);-webkit-user-select:none;user-select:none}.drag-handle:hover{background:var(--host-gray-100);color:var(--host-gray-600)}.drag-handle:active{cursor:grabbing}.room-edit-input,.room-name{color:var(--host-gray-800);font-size:1rem;font-weight:600}.room-edit-input{background:var(--host-primary-50);border:2px solid var(--host-primary-500);border-radius:var(--host-radius-md);min-width:200px;outline:none;padding:var(--host-space-sm) var(--host-space-md)}.room-actions{display:flex;gap:var(--host-space-sm)}.delete-btn,.edit-btn{border:none;border-radius:var(--host-radius-md);cursor:pointer;font-size:.8rem;font-weight:600;padding:var(--host-space-sm) var(--host-space-md);transition:all .15s ease-out;transition:var(--settings-transition-fast)}.edit-btn{background:var(--host-gray-100);border:1px solid var(--host-gray-300);color:var(--host-gray-700)}.edit-btn:hover{background:var(--host-gray-200);box-shadow:var(--host-shadow-sm);transform:translateY(-1px)}.delete-btn{background:var(--host-error-100);border:1px solid var(--host-error-300);color:var(--host-error-600)}.delete-btn:hover{background:var(--host-error-200);box-shadow:var(--host-shadow-sm);transform:translateY(-1px)}.add-room-form{background:var(--host-gray-100);border:2px dashed var(--host-gray-300);border-radius:var(--host-radius-lg);padding:var(--host-space-lg)}.room-input{background:#fff;border:2px solid var(--host-gray-300);border-radius:var(--host-radius-md);font-size:1rem;font-weight:500;margin-bottom:var(--host-space-md);padding:var(--host-space-md);transition:all .2s ease-out;transition:var(--settings-transition-normal);width:100%}.room-input:focus{border-color:var(--host-primary-500);box-shadow:0 0 0 3px #667eea1a;outline:none}.add-room-btn{background:linear-gradient(135deg,var(--host-primary-500),var(--host-primary-600));border:none;border-radius:var(--host-radius-lg);box-shadow:var(--host-shadow-sm);color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:var(--host-space-lg);transition:all .2s ease-out;transition:var(--settings-transition-normal);width:100%}.add-room-btn:hover:not(:disabled){background:linear-gradient(135deg,var(--host-primary-600),var(--host-primary-700));box-shadow:var(--host-shadow-lg);transform:translateY(-2px)}.add-room-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.char-count{color:var(--host-gray-500);font-size:.8rem;margin-top:var(--host-space-sm);text-align:right}.website-inputs{grid-gap:var(--host-space-md);display:grid;gap:var(--host-space-md);grid-template-columns:1fr 1fr}.address-inputs{flex-direction:column}.address-inputs,.address-search{display:flex;gap:var(--host-space-md)}.address-search{align-items:center}.search-btn{min-width:120px;white-space:nowrap}.basic-info-grid{grid-gap:var(--host-space-lg);border-top:1px solid var(--host-gray-200);display:grid;gap:var(--host-space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:var(--host-space-lg);padding-top:var(--host-space-lg)}.subsection-title{align-items:center;border-bottom:2px solid var(--host-gray-100);color:var(--host-gray-800);display:flex;font-size:1.25rem;font-weight:700;gap:var(--host-space-sm);margin:var(--host-space-xl) 0 var(--host-space-lg) 0;padding-bottom:var(--host-space-md)}.subsection-title:first-child{margin-top:0}.amenities-section{background:var(--host-gray-50);border-radius:var(--host-radius-lg);margin:var(--host-space-xl) 0;padding:var(--host-space-lg)}.amenities-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--host-space-md);justify-content:space-between;margin-bottom:var(--host-space-lg)}.amenities-actions{display:flex;flex-wrap:wrap;gap:var(--host-space-sm)}.selected-amenities{background:#fff;border:1px solid var(--host-gray-200);border-radius:var(--host-radius-lg);padding:var(--host-space-lg)}.no-amenities{align-items:center;color:var(--host-gray-500);display:flex;flex-direction:column;gap:var(--host-space-lg);padding:var(--host-space-2xl)}.amenities-grid{grid-gap:var(--host-space-sm);display:grid;gap:var(--host-space-sm);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:var(--host-space-lg)}.amenity-tag{background:var(--host-primary-50);border:1px solid var(--host-primary-200);border-radius:var(--host-radius-lg);color:var(--host-primary-700);display:flex;justify-content:space-between;padding:var(--host-space-sm) var(--host-space-md);transition:all .15s ease-out;transition:var(--settings-transition-fast)}.amenity-tag:hover{background:var(--host-primary-100);border-color:var(--host-primary-300)}.remove-amenity{align-items:center;background:var(--host-error-100);border:none;border-radius:50%;color:var(--host-error-600);cursor:pointer;display:flex;font-size:.8rem;font-weight:700;height:20px;justify-content:center;margin-left:var(--host-space-sm);transition:all .15s ease-out;transition:var(--settings-transition-fast);width:20px}.remove-amenity:hover{background:var(--host-error-200);transform:scale(1.1)}.amenities-count{background:var(--host-gray-100);border-radius:var(--host-radius-md);color:var(--host-gray-600);font-size:.875rem;font-weight:600;padding:var(--host-space-sm);text-align:center}.rules-section{background:var(--host-gray-50);margin:var(--host-space-xl) 0}.rules-list,.rules-section{border-radius:var(--host-radius-lg);padding:var(--host-space-lg)}.rules-list{background:#fff;border:1px solid var(--host-gray-200);margin-bottom:var(--host-space-lg)}.rule-item{align-items:center;background:var(--host-gray-50);border:2px solid var(--host-gray-200);border-radius:var(--host-radius-lg);cursor:move;margin-bottom:var(--host-space-md);padding:var(--host-space-md);transition:all .2s ease-out;transition:var(--settings-transition-normal)}.rule-item:last-child{margin-bottom:0}.rule-item:hover{border-color:var(--host-primary-500);box-shadow:var(--host-shadow-sm);transform:translateY(-1px)}.rule-item.dragging{box-shadow:var(--host-shadow-lg);opacity:.7;transform:rotate(2deg) scale(1.02);z-index:1000}.rule-item.drag-over{background:var(--host-success-50);border-color:var(--host-success-500);transform:scale(1.01)}.rule-content{gap:var(--host-space-md)}.rule-content,.rule-text-content{align-items:center;display:flex;width:100%}.rule-text-content{justify-content:space-between}.rule-text{color:var(--host-gray-800);font-size:.9rem;font-weight:500;line-height:1.4}.rule-actions{display:flex;flex-shrink:0;gap:var(--host-space-xs)}.rule-edit-form{display:flex;flex-direction:column;gap:var(--host-space-md);width:100%}.rule-edit-input{background:var(--host-primary-50);border:2px solid var(--host-primary-500);border-radius:var(--host-radius-md);flex:1 1;font-size:.9rem;padding:var(--host-space-sm) var(--host-space-md)}.rule-edit-actions{display:flex;gap:var(--host-space-sm);margin-top:0}.add-rule-form{background:#fff;border:2px dashed var(--host-gray-300);border-radius:var(--host-radius-lg)}.add-rule-form,.modal-overlay{padding:var(--host-space-lg)}.amenity-modal-content,.modal-content{animation:slideInFromBottom .3s ease-out;background:#fff;border-radius:var(--host-radius-xl);box-shadow:var(--host-shadow-xl);max-height:90vh;max-width:500px;overflow-y:auto;padding:var(--host-space-2xl);width:100%}.amenity-modal-content{max-width:600px}.amenity-modal-header h3,.modal-content h3{color:var(--host-gray-800);font-size:1.25rem;font-weight:700;margin:0 0 var(--host-space-lg) 0;text-align:center}.amenity-modal-header{align-items:center;border-bottom:2px solid var(--host-gray-100);display:flex;justify-content:space-between;margin-bottom:var(--host-space-xl);padding-bottom:var(--host-space-lg)}.modal-close-btn{align-items:center;background:var(--host-gray-100);border-radius:50%;color:var(--host-gray-600);display:flex;font-size:1.2rem;font-weight:700;height:32px;justify-content:center;transition:all .15s ease-out;transition:var(--settings-transition-fast);width:32px}.modal-close-btn:hover{background:var(--host-gray-200);transform:scale(1.1)}.amenity-modal-body{padding:0}.amenity-categories{gap:var(--host-space-sm);margin-bottom:var(--host-space-xl)}.category-btn{background:var(--host-gray-50);border:2px solid var(--host-gray-200);border-radius:var(--host-radius-lg);color:var(--host-gray-700);font-size:.85rem;padding:var(--host-space-sm) var(--host-space-md);transition:all .15s ease-out;transition:var(--settings-transition-fast)}.category-btn:hover{background:var(--host-primary-50);border-color:var(--host-primary-300)}.category-btn.active{background:var(--host-primary-500);border-color:var(--host-primary-500)}.amenity-items h4{color:var(--host-gray-800);font-size:1.1rem;font-weight:700;margin:0 0 var(--host-space-lg) 0}.amenity-checkboxes{grid-gap:var(--host-space-md);gap:var(--host-space-md);margin-bottom:var(--host-space-xl)}.amenity-checkbox-label{align-items:center;background:#fff;border:2px solid var(--host-gray-200);border-radius:var(--host-radius-lg);cursor:pointer;display:flex;gap:var(--host-space-sm);padding:var(--host-space-md);transition:all .15s ease-out;transition:var(--settings-transition-fast)}.amenity-checkbox-label:hover{background:var(--host-primary-50);border-color:var(--host-primary-300)}.amenity-checkbox-label input[type=checkbox]{accent-color:var(--host-primary-500);height:18px;margin:0;width:18px}.amenity-checkbox-label input[type=checkbox]:checked+.amenity-checkbox-text{color:var(--host-primary-700);font-weight:700}.amenity-checkbox-text{color:var(--host-gray-700);font-size:.9rem;font-weight:500;line-height:1.3}.amenity-modal-footer{align-items:center;border-top:2px solid var(--host-gray-100);display:flex;justify-content:space-between;padding-top:var(--host-space-lg)}.selected-count{color:var(--host-gray-600);font-size:.9rem}@media (max-width:768px){.readonly-info{gap:var(--host-space-sm);grid-template-columns:1fr}.info-item{align-items:flex-start;flex-direction:column;gap:var(--host-space-sm)}.info-item span{text-align:left}.basic-info-grid,.website-inputs{gap:var(--host-space-md);grid-template-columns:1fr}.address-search{flex-direction:column;gap:var(--host-space-sm)}.search-btn{min-width:auto;width:100%}.amenities-header{align-items:flex-start;flex-direction:column;gap:var(--host-space-md)}.amenities-actions{flex-direction:column;width:100%}.amenities-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.amenity-categories{justify-content:center}.amenity-checkboxes{grid-template-columns:1fr}.modal-overlay{padding:var(--host-space-md)}.amenity-modal-content,.modal-content{max-height:85vh;padding:var(--host-space-lg)}.room-item{align-items:flex-start;flex-direction:column;gap:var(--host-space-md)}.room-content{width:100%}.room-actions{align-self:flex-end}.rule-item{padding:var(--host-space-sm)}.rule-item,.rule-text-content{align-items:flex-start;flex-direction:column;gap:var(--host-space-sm)}.rule-actions{align-self:flex-end}}@media (max-width:480px){.room-content{gap:var(--host-space-sm)}.room-edit-input{width:200px}.amenity-tag{font-size:.8rem;padding:var(--host-space-xs) var(--host-space-sm)}}@media (min-width:1200px){.readonly-info{gap:var(--host-space-lg);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.room-input:focus,.search-btn:focus{outline:2px solid var(--host-primary-500);outline-offset:2px}@media (prefers-contrast:high){.room-item,.rule-item{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.delete-btn:hover,.edit-btn:hover,.room-item:hover,.rule-item:hover{transform:none}}:root{--success-300:#86efac;--warning-300:#fcd34d;--error-300:#fca5a5;--purple-500:#8b5cf6;--purple-600:#7c3aed;--purple-100:#ede9fe;--purple-300:#c4b5fd}.bookings-page{background:linear-gradient(135deg,#f0f4ff,#f9fafb);min-height:100vh;padding:2rem 1rem}.bookings-container{margin:0 auto;max-width:1200px}.bookings-container,.bookings-content{display:flex;flex-direction:column;gap:1rem}.stats-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:0}.stat-card{aspect-ratio:1.2;border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);flex-direction:column;justify-content:center;min-height:80px;padding:1rem;text-align:center;transition:all .2s ease-out;transition:var(--transition)}.stat-card:hover{box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg)}.stat-number{color:#1f2937!important;font-size:1.75rem;line-height:1;margin-bottom:.25rem}.stat-label{color:#4b5563!important;font-size:.8rem;line-height:1.2}.search-filters{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);padding:1.5rem 1.5rem 2rem}.search-filter-layout{display:flex;flex-direction:column;gap:1rem}.search-section{width:100%}.search-section h4{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.filters-container{grid-gap:1rem;align-items:end;display:grid;gap:1rem;grid-template-columns:1fr 1fr 1fr 1fr;min-height:80px}.filter-item{display:flex;flex-direction:column;gap:.5rem;min-height:70px}.filter-label{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;gap:.375rem;margin-bottom:.5rem}.filter-label,.filter-select{font-size:.85rem;font-weight:600}.filter-select{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-sizing:border-box;color:#374151;color:var(--gray-700);cursor:pointer;min-height:48px;min-width:0;padding:.875rem .75rem;transition:all .2s ease-out;transition:var(--transition)}.filter-select:focus{border-color:#667eea;border-color:var(--primary-500);box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-select:hover{border-color:#d1d5db;border-color:var(--gray-300)}.search-input-container{flex-direction:column;gap:.5rem}.search-label{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;font-size:.85rem;font-weight:600;gap:.375rem}.search-input{background:#f9fafb;background:var(--gray-50);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m21 21-6-6m2-5a7 7 0 1 1-14 0 7 7 0 0 1 14 0z'/%3E%3C/svg%3E");background-position:.625rem;background-repeat:no-repeat;background-size:1rem;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-sizing:border-box;font-size:.85rem;min-height:48px;min-width:0;padding:.875rem .75rem .875rem 2.25rem;transition:all .2s ease-out;transition:var(--transition)}.search-input::placeholder{color:#6b7280;color:var(--gray-500)}.search-input:focus{background:#fff;border-color:#667eea;border-color:var(--primary-500);box-shadow:0 0 0 3px #667eea1a}.filters-section{display:none}.bookings-list-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);margin:0 .5rem;overflow:hidden}.bookings-grid{background:#e5e7eb;background:var(--gray-200);display:flex;flex-direction:column;gap:1px}.booking-card{background:#fff;cursor:pointer;height:120px;overflow:hidden;transition:all .2s ease-out;transition:var(--transition)}.booking-card:hover{background:#f9fafb;background:var(--gray-50)}.desktop-booking-card{align-items:center;display:flex;height:120px;padding:1rem 2rem}@media (max-width:1024px){.booking-card,.desktop-booking-card,.mobile-booking-card{height:auto!important;min-height:auto!important;overflow:visible!important}}.booking-card-content{grid-gap:1.5rem;align-items:center;display:grid;gap:1.5rem;grid-template-columns:168px 272px 108px 120px 160px;height:100%;padding:0 .5rem 0 1rem}.guest-section{gap:.75rem}.guest-avatar,.guest-section{align-items:center;display:flex}.guest-avatar{background:#e0e7ff;background:var(--primary-100);border-radius:50%;flex-shrink:0;height:40px;justify-content:center;width:40px}.avatar-icon{font-size:1.25rem}.guest-details{min-width:0}.guest-name{color:#111827;color:var(--gray-900);font-weight:700}.guest-contact,.guest-name{font-size:1rem!important;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.guest-contact{color:#4b5563;color:var(--gray-600)}.guest-submit-time{color:#6b7280;color:var(--gray-500);font-size:.8rem;margin:0}.booking-card .guest-submit-time,.desktop-booking-card .guest-submit-time,.guest-details .guest-submit-time{color:#6b7280!important;color:var(--gray-500)!important;font-size:.8rem!important}.stay-section{min-width:0}.room-type{color:#5a67d8;color:var(--primary-600);font-size:1rem!important;font-weight:600;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stay-period{color:#374151;color:var(--gray-700);font-size:1rem;font-weight:500;margin:0 0 .25rem}.guest-count{color:#6b7280;color:var(--gray-500);font-size:1rem!important;margin:0}.checkin-section{min-width:0}.checkin-info{display:flex;flex-direction:column;gap:.25rem}.checkin-date,.checkout-date{color:#374151;color:var(--gray-700);font-size:1rem!important;font-weight:500;margin:0}.checkin-date{color:#059669;color:var(--success-600)}.checkout-date{color:#dc2626;color:var(--error-600)}.memo-section{align-items:center;display:flex;justify-content:center;min-width:0}.memo-view-btn{background:#dbeafe!important;background:var(--info-100)!important;border:1px solid var(--info-300)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#2563eb!important;color:var(--info-600)!important;cursor:pointer!important;display:inline-block!important;font-size:.85rem!important;font-weight:600!important;min-width:80px!important;padding:.5rem .75rem!important;text-align:center!important;text-decoration:none!important;transition:all .2s ease-out!important;transition:var(--transition)!important}.memo-view-btn:hover{background:#3b82f6!important;background:var(--info-500)!important;box-shadow:0 2px 4px #0000001a!important;color:#fff!important;transform:translateY(-1px)!important}.memo-view-btn.compact{background:#dbeafe;background:var(--info-100);border:1px solid var(--info-300);border-radius:8px;border-radius:var(--radius-md);color:#2563eb;color:var(--info-600);cursor:pointer;font-size:.8rem;padding:.375rem .75rem;transition:all .2s ease-out;transition:var(--transition)}.memo-view-btn.compact:hover{background:#3b82f6;background:var(--info-500);color:#fff}.no-memo-text{color:#9ca3af;color:var(--gray-400);font-size:.8rem}.booking-card .booking-card-content .guest-section .guest-details .room-type,.booking-card-content .guest-section .guest-details .room-type,.bookings-page .host-content-wrapper .host-content-inner .bookings-content .bookings-list-container .bookings-grid .booking-card .booking-card-content .guest-section .guest-details .room-type,.desktop-booking-card .booking-card-content .guest-section .guest-details .room-type,.guest-details .room-type,.guest-section .guest-details .room-type,.room-type{color:#5a67d8!important;color:var(--primary-600)!important;font-size:1rem!important;font-weight:600!important}@media (min-width:769px){.booking-card .guest-details .room-type,.booking-card-content .guest-details .room-type,.desktop-booking-card .guest-details .room-type,.guest-details .room-type,.guest-section .guest-details .room-type{color:#5a67d8;color:var(--primary-600);font-size:1rem!important;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.booking-card .guest-details .room-type,.desktop-booking-card .guest-details .room-type{color:#5a67d8;color:var(--primary-600);font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-card .stay-section .checkin-date,.booking-card .stay-section .checkout-date,.desktop-booking-card .stay-section .checkin-date,.desktop-booking-card .stay-section .checkout-date{color:#374151;color:var(--gray-700);font-size:1rem;margin-bottom:.25rem}.booking-card .guest-name,.desktop-booking-card .guest-name{color:#111827;color:var(--gray-900);font-size:1rem;font-weight:700;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-card .guest-contact,.desktop-booking-card .guest-contact{color:#4b5563;color:var(--gray-600);font-size:1rem;margin:0 0 .25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-card .stay-period,.desktop-booking-card .stay-period{color:#4b5563;color:var(--gray-600);font-size:1rem;margin-bottom:.25rem}.booking-card .guest-count,.booking-card .stay-section .submit-time,.desktop-booking-card .guest-count,.desktop-booking-card .stay-section .submit-time{color:#6b7280;color:var(--gray-500);font-size:1rem;margin-bottom:.5rem}.status-section{align-items:center;display:flex;justify-content:center;text-align:center}.status-section .status-select{text-align:center;text-align-last:center}.requests-section{display:none}.special-requests{align-items:flex-start;display:flex;gap:.5rem}.request-icon{flex-shrink:0;font-size:.875rem}.request-text{color:#4b5563;color:var(--gray-600);font-size:.875rem;line-height:1.4;word-break:break-word}.no-requests{text-align:center}.no-request-text{color:#9ca3af;color:var(--gray-400);font-size:.875rem}.actions-section{flex-direction:column!important;gap:.75rem!important;padding:0!important;width:100%!important}.actions-section,.contact-buttons{align-items:center!important;display:flex!important;justify-content:center!important}.contact-buttons{flex:0 0 auto!important;flex-direction:row!important;gap:6px!important}@media (min-width:769px){.actions-section .contact-buttons,.booking-card-content .contact-buttons,.booking-card.desktop-booking-card .contact-buttons,.desktop-booking-card .contact-buttons{gap:.75rem!important}.booking-card.desktop-booking-card .contact-buttons .action-btn+.action-btn,.desktop-booking-card .contact-buttons .action-btn+.action-btn{margin-left:.5rem!important}}.status-select-container{align-items:center!important;display:flex!important;flex:0 0 auto!important;justify-content:center!important;width:100%!important}.actions-section>*,.contact-buttons>*{display:inline-block!important;flex:0 0 auto!important;vertical-align:middle!important}.action-btn,.actions-section .action-btn,.booking-card .action-btn,.contact-buttons .action-btn,.desktop-booking-card .action-btn{align-items:center!important;border:none!important;border-radius:8px!important;box-shadow:0 2px 4px #0000001a!important;cursor:pointer!important;display:inline-flex!important;float:none!important;font-size:1.1rem!important;height:35px!important;justify-content:center!important;margin:0!important;transition:all .2s ease-out!important;vertical-align:middle!important;width:45px!important}@media (min-width:769px){.booking-card.desktop-booking-card .contact-buttons .action-btn:not(:first-child),.desktop-booking-card .contact-buttons .action-btn:not(:first-child){margin-left:.75rem!important}}.actions-section .call-btn,.booking-card .call-btn,.call-btn,.contact-buttons .call-btn,.desktop-booking-card .call-btn{background:#fef3c7!important;border:1px solid #fed7aa!important;color:#d97706!important}.actions-section .call-btn:hover:not(:disabled),.call-btn:hover:not(:disabled),.contact-buttons .call-btn:hover:not(:disabled){background:#fde68a!important;box-shadow:0 4px 8px #00000026!important;transform:translateY(-1px)!important}.actions-section .message-btn,.booking-card .message-btn,.contact-buttons .message-btn,.desktop-booking-card .message-btn,.message-btn{background:#dbeafe!important;border:1px solid #bfdbfe!important;color:#2563eb!important}.actions-section .message-btn:hover:not(:disabled),.contact-buttons .message-btn:hover:not(:disabled),.message-btn:hover:not(:disabled){background:#bfdbfe!important;box-shadow:0 4px 8px #00000026!important;transform:translateY(-1px)!important}.action-btn:disabled{box-shadow:none!important;cursor:not-allowed!important;opacity:.5!important}.status-select{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-weight:600;min-width:90px;padding:.5rem .75rem;text-align:center!important;text-align-last:center!important;transition:all .2s ease-out;transition:var(--transition);width:100%}.status-select.status-received{background:#fef3c7;background:var(--warning-100);border-color:#fcd34d;border-color:var(--warning-300);color:#d97706;color:var(--warning-600)}.status-select.status-waiting{background:#ede9fe;background:var(--purple-100);border-color:#c4b5fd;border-color:var(--purple-300);color:#7c3aed;color:var(--purple-600)}.status-select.status-confirmed{background:#dcfce7;background:var(--success-100);border-color:#86efac;border-color:var(--success-300);color:#059669;color:var(--success-600)}.status-select.status-completed{background:#f3f4f6;background:var(--gray-100);border-color:#d1d5db;border-color:var(--gray-300);color:#4b5563;color:var(--gray-600)}.status-select.status-cancelled{background:#fee2e2;background:var(--error-100);border-color:#fca5a5;border-color:var(--error-300);color:#dc2626;color:var(--error-600)}.status-select:focus{box-shadow:0 0 0 2px #667eea33;outline:none}.pagination-container{background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);flex-direction:column;gap:1rem}.pagination-info{color:#4b5563;color:var(--gray-600);font-size:.875rem;text-align:center}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.pagination-btn{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;color:#374151;color:var(--gray-700);display:flex;font-size:.875rem;height:40px;padding:0 .75rem;transition:all .2s ease-out;transition:var(--transition)}.pagination-btn:hover:not(:disabled){background:#f0f4ff;background:var(--primary-50);border-color:var(--primary-300);color:#4c51bf;color:var(--primary-700)}.pagination-btn.active{background:#5a67d8;background:var(--primary-600);border-color:#5a67d8;border-color:var(--primary-600)}.pagination-btn:disabled{background:var(--gray-100);color:var(--gray-400)}.pagination-dots{color:#9ca3af;color:var(--gray-400);font-weight:600;padding:0 .5rem}.pagination-btn.next,.pagination-btn.prev{min-width:80px}.mobile-booking-card{display:flex;flex-direction:column;gap:1rem;padding:1rem}.booking-card-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between}.guest-info{flex:1 1;min-width:0}.guest-info .guest-name{color:#111827;color:var(--gray-900);font-size:1.1rem;font-weight:700;margin:0 0 .25rem}.guest-info .guest-contact{color:#4b5563;color:var(--gray-600);font-size:.9rem;margin:0}.booking-status{border-radius:12px;border-radius:var(--radius-lg);flex-shrink:0;font-size:.8rem;padding:.5rem .75rem}.booking-card-body{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding-top:1rem}.booking-info{display:flex;flex-direction:column;gap:.5rem}.info-row{gap:.5rem}.info-label{color:var(--gray-500);font-size:.875rem;min-width:60px}.info-value{color:#374151;color:var(--gray-700);font-size:.875rem;word-break:break-word}.memo-row{margin-top:.5rem}.memo-view-btn.mobile{background:#dbeafe!important;background:var(--info-100)!important;border:1px solid var(--info-300)!important;border-radius:8px!important;border-radius:var(--radius-md)!important;color:#2563eb!important;color:var(--info-600)!important;cursor:pointer!important;display:inline-block!important;font-size:.8rem!important;font-weight:600!important;min-width:100px!important;padding:.5rem .75rem!important;text-align:center!important;text-decoration:none!important;transition:all .2s ease-out!important;transition:var(--transition)!important}.memo-view-btn.mobile:hover{background:#3b82f6!important;background:var(--info-500)!important;color:#fff!important}.no-memo{color:#9ca3af;color:var(--gray-400);font-style:italic}.booking-card-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);flex-direction:column;padding-top:1rem}.action-buttons-row,.booking-card-actions{display:flex;gap:.75rem}.status-select-row{display:flex;justify-content:center}.mobile-booking-card .action-btn{border-radius:12px;border-radius:var(--radius-lg);flex:1 1;font-size:.875rem;font-weight:600;height:40px;min-width:100px}.mobile-action{align-items:center!important;display:flex!important;gap:.5rem!important;justify-content:center!important}.mobile-booking-card .status-select{border-radius:12px;border-radius:var(--radius-lg);flex:0 0 auto;font-size:.875rem;max-width:150px;min-width:120px;padding:.5rem}.mobile-status{text-align:center}@media (max-width:768px){.mobile-booking-card .status-select{flex:1 1!important;max-width:none!important;min-width:auto!important;width:100%!important}.status-select-row{display:flex!important;justify-content:stretch!important;width:100%!important}}.memo-modal .modal-content{background:#fff;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg);max-height:80vh;max-width:500px;overflow:hidden;width:100%}.memo-modal-content{display:flex;flex-direction:column}.modal-header{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid var(--gray-200)}.modal-header h3{color:var(--gray-800)}.modal-close-btn{background:none;border:none;border-radius:8px;border-radius:var(--radius-md);color:#6b7280;color:var(--gray-500);cursor:pointer;font-size:1.25rem;padding:.25rem;transition:all .2s ease-out;transition:var(--transition)}.modal-close-btn:hover{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.memo-content{word-wrap:break-word;color:#374151;color:var(--gray-700);font-size:1rem;line-height:1.6;white-space:pre-wrap}.modal-footer{background:var(--gray-50);border-top:1px solid var(--gray-200);padding:1rem 1.5rem}.host-btn{border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease-out;transition:var(--transition)}.host-btn-primary{background:#5a67d8;background:var(--primary-600);color:#fff}.host-btn-primary:hover{background:#4c51bf;background:var(--primary-700)}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px;padding:3rem;text-align:center}.error-container h2,.loading-container h3{color:#1f2937;color:var(--gray-800);font-size:1.5rem;font-weight:700;margin:0}.error-container p,.loading-container p{color:#4b5563;color:var(--gray-600);font-size:1rem;margin:0;max-width:400px}.no-bookings{align-items:center;color:#4b5563;color:var(--gray-600);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem}.no-bookings h3{color:#374151;color:var(--gray-700)}.no-bookings p{color:#6b7280;color:var(--gray-500)}.stat-card .stat-number,.stats-summary .stat-card .stat-number,.stats-summary .stat-number{background:#0000!important;color:#111827!important;display:block!important;font-weight:900!important;opacity:1!important;text-decoration:none!important;text-shadow:none!important;visibility:visible!important}.stat-card .stat-label,.stats-summary .stat-card .stat-label,.stats-summary .stat-label{background:#0000!important;color:#374151!important;display:block!important;font-weight:700!important;opacity:1!important;text-decoration:none!important;visibility:visible!important}@media (max-width:768px){.bookings-page{padding:1rem .5rem}.bookings-container{gap:1rem}.stats-summary{gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.stat-card{min-height:70px;min-width:auto;padding:.75rem}.stat-number{color:#111827!important;font-size:1.5rem;font-weight:900!important;margin-bottom:.05rem!important;margin-top:1.5rem!important}.stat-label,.stat-number{display:block!important;opacity:1!important;visibility:visible!important}.stat-label{color:#374151!important;font-size:.75rem;font-weight:700!important;margin-top:-1rem!important}.search-filters{padding:1rem}.search-section h4{font-size:.9rem;margin-bottom:.75rem}.filters-container{gap:.75rem;grid-template-columns:1fr}.filter-label{font-size:.8rem}.filter-select,.search-input{font-size:.85rem;padding:.625rem .75rem}.search-input{background-position:.5rem;background-size:.9rem;padding-left:2rem}.pagination-container{padding:1rem}.pagination{gap:.25rem}.pagination-btn{font-size:.8rem;height:36px;min-width:36px;padding:0 .5rem}.pagination-btn.next,.pagination-btn.prev{font-size:.75rem;min-width:60px}.desktop-booking-card{display:none}.mobile-booking-card{display:flex}.mobile-booking-card .action-buttons-row{display:flex!important;flex-direction:row!important;gap:.75rem!important}.mobile-booking-card .action-buttons-row .action-btn{align-items:center!important;display:inline-flex!important;flex:1 1!important;justify-content:center!important}}@media (min-width:769px) and (max-width:1024px){.bookings-container{gap:1.5rem}.stats-summary{gap:1rem}.booking-card-content{gap:1rem;grid-template-columns:148px 252px 88px 100px 140px;padding:0 .5rem 0 1rem}.desktop-booking-card{height:auto;padding:.75rem 1.5rem}.actions-section{padding:.5rem 0 .75rem!important}.checkin-date,.checkout-date,.guest-contact,.guest-count,.guest-name,.guest-submit-time,.room-type,.stay-period{font-size:.9rem}.stat-number{color:#111827!important;font-weight:900!important}.stat-label,.stat-number{display:block!important;opacity:1!important;visibility:visible!important}.stat-label{color:#374151!important;font-weight:700!important}}@media (min-width:769px){.mobile-booking-card{display:none}.desktop-booking-card{display:block}}@media (min-width:1200px){.bookings-page{padding:3rem 2rem}.bookings-container{gap:2rem}.stats-summary{gap:1.5rem}.stat-card{padding:1.5rem}.checkin-date,.checkout-date,.guest-contact,.guest-count,.guest-name,.guest-submit-time,.room-type,.stay-period{font-size:1rem}.stat-number{color:#111827!important;font-size:2rem;text-shadow:none}.stat-label{color:#374151!important;font-size:.875rem}.search-filters{padding:2rem}.booking-card-content{gap:2rem;grid-template-columns:188px 292px 128px 140px 180px;padding:0 .5rem 0 1.5rem}.desktop-booking-card{height:130px;padding:1rem 2rem}.actions-section{padding:1rem 0 1.25rem!important}.pagination-container{padding:2rem}.stats-summary .stat-card .stat-number{color:#111827!important;display:block!important;font-weight:900!important;opacity:1!important;text-shadow:none!important;visibility:visible!important}.stats-summary .stat-card .stat-label{color:#374151!important;display:block!important;font-weight:700!important;opacity:1!important;visibility:visible!important}}.action-btn:focus,.filter-select:focus,.pagination-btn:focus,.search-input:focus,.status-select:focus{outline:2px solid #667eea;outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast:high){.booking-card,.filter-select,.pagination-btn,.search-filters,.search-input,.stat-card,.status-select{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.booking-card:hover,.pagination-btn:hover,.stat-card:hover{transform:none}.loading-spinner{animation:none}}@media print{.bookings-page{background:#fff;padding:0}.action-btn,.pagination-container,.search-filters{display:none}.booking-card{break-inside:avoid;page-break-inside:avoid}.stats-summary{break-after:page;page-break-after:always}}@media (min-width:769px){.booking-card{height:150px}.desktop-booking-card{height:150px;padding:1.5rem 2rem}.booking-card-content{align-items:center;height:100%}}@media (min-width:1200px){.booking-card{height:160px}.desktop-booking-card{height:160px;padding:2rem}}:root{--primary-500:#667eea;--primary-600:#5a67d8;--primary-700:#4c51bf;--primary-50:#f0f4ff;--primary-100:#e0e7ff;--success-200:#bbf7d0;--error-200:#fecaca;--info-500:#3b82f6;--info-600:#2563eb;--info-100:#dbeafe;--info-50:#eff6ff;--info-200:#bfdbfe;--info-300:#93c5fd;--info-400:#60a5fa;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #0000001a;--shadow-lg:0 8px 25px #00000026;--shadow-xl:0 12px 35px #0003;--radius-2xl:20px;--transition:all 0.2s ease-out;--space-2xl:2.5rem}body,html{overflow-x:hidden;overflow-y:auto}body{padding:0}.dashboard-page{background:linear-gradient(135deg,#f0f4ff,#f9fafb);min-height:100vh;padding:2rem 1rem;width:100vw}.dashboard-container,.dashboard-page{box-sizing:border-box;overflow:visible}.dashboard-container{margin:0 auto;max-width:1200px;padding:0;width:100%}.page-header{align-items:flex-start;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);gap:2rem;gap:var(--space-xl);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--space-xl);padding:2rem;padding:var(--space-xl)}.page-title-section h2{color:#111827;color:var(--gray-900);font-size:2rem;font-weight:800;line-height:1.2;margin:0 0 .5rem;margin:0 0 var(--space-sm) 0}.page-title-section p{color:#4b5563;color:var(--gray-600);font-size:1.1rem;line-height:1.5;margin:0}.completion-status{display:flex;flex-direction:column;gap:.5rem;gap:var(--space-sm)}.status-item{gap:.25rem;gap:var(--space-xs);min-width:140px}.status-label{color:#6b7280;color:var(--gray-500);text-align:center}.status-indicator{border-radius:8px;border-radius:var(--radius-md);font-size:.85rem;font-weight:700;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm);text-align:center;white-space:nowrap}.status-indicator.completed{background:#dcfce7;background:var(--success-100);border:1px solid #bbf7d0;border:1px solid var(--success-200);color:#059669;color:var(--success-600)}.status-indicator.pending{background:#fef3c7;background:var(--warning-100);border:1px solid #f59e0b;border:1px solid var(--warning-500);color:#d97706;color:var(--warning-600)}.status-indicator.reviewing{background:#dbeafe;background:var(--info-100);border:1px solid #bfdbfe;border:1px solid var(--info-200);color:#2563eb;color:var(--info-600)}.status-indicator.rejected{background:#fee2e2;background:var(--error-100);border:1px solid #fecaca;border:1px solid var(--error-200);color:#dc2626;color:var(--error-600)}.dashboard-container>*{margin-bottom:2rem;max-width:100%;overflow:visible;width:100%}.dashboard-container>:last-child{margin-bottom:0}.form-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:var(--radius-2xl);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);display:block;max-width:100%;overflow:visible;transition:all .2s ease-out;transition:var(--transition);width:100%}.form-card:hover{border-color:#d1d5db;border-color:var(--gray-300);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg)}.form-card-header{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.5rem 2rem;padding:var(--space-lg) var(--space-xl)}.form-card-header h3{color:#1f2937;color:var(--gray-800);font-size:1.5rem;font-weight:700;margin:0 0 .25rem;margin:0 0 var(--space-xs) 0}.form-card-header p{color:#4b5563;color:var(--gray-600);font-size:1rem;line-height:1.5;margin:0}.form-card-content{box-sizing:border-box;overflow:visible;padding:2rem;padding:var(--space-xl);width:100%}.form-group{margin-bottom:var(--space-lg)}.form-label{color:var(--gray-700);gap:.5rem;gap:var(--space-sm)}.required{color:var(--error-500);font-weight:700}.form-badge{background:#dbeafe;background:var(--info-100);border:1px solid #bfdbfe;border:1px solid var(--info-200);border-radius:6px;border-radius:var(--radius-sm);color:#2563eb;color:var(--info-600);font-size:.75rem;font-weight:600;padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.form-input{border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);color:#1f2937;color:var(--gray-800);font-size:1rem;padding:1rem;padding:var(--space-md);transition:all .2s ease-out;transition:var(--transition)}.form-input,.form-input::placeholder{font-weight:500}.form-input:focus{background:#f0f4ff;background:var(--primary-50);border-color:#667eea;border-color:var(--primary-500);box-shadow:0 0 0 3px #667eea1a;transform:translateY(-1px)}.form-help{color:var(--gray-500);font-size:.875rem;line-height:1.4;margin-top:.5rem;margin-top:var(--space-sm)}.form-help.warning{background:#fffbeb;background:var(--warning-50);border:1px solid var(--warning-200);border-radius:8px;border-radius:var(--radius-md);color:#d97706;color:var(--warning-600);font-weight:600;padding:.5rem;padding:var(--space-sm)}.form-grid{grid-gap:var(--space-lg);gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.address-input-group{align-items:center;display:flex;gap:1rem;gap:var(--space-md);margin-bottom:1rem;margin-bottom:var(--space-md)}.address-input{flex:1 1}.address-search-btn{align-items:center;background:#3b82f6;background:var(--info-500);border:none;border-radius:12px;border-radius:var(--radius-lg);color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.25rem;gap:var(--space-xs);min-height:52px;min-width:120px;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);transition:all .2s ease-out;transition:var(--transition);white-space:nowrap}.address-search-btn:hover{background:#2563eb;background:var(--info-600);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.detail-address-input{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-sizing:border-box;color:#1f2937;color:var(--gray-800);font-size:1rem;font-weight:500;margin-top:.5rem;margin-top:var(--space-sm);padding:1rem;padding:var(--space-md);transition:all .2s ease-out;transition:var(--transition);width:100%}.detail-address-input::placeholder{color:#9ca3af;color:var(--gray-400);font-weight:500}.detail-address-input:focus{background:#f0f4ff;background:var(--primary-50);border-color:#667eea;border-color:var(--primary-500);box-shadow:0 0 0 3px #667eea1a;outline:none;transform:translateY(-1px)}.file-upload-area{align-items:center;background:#f9fafb;background:var(--gray-50);border:3px dashed #d1d5db;border:3px dashed var(--gray-300);border-radius:16px;border-radius:var(--radius-xl);box-sizing:border-box;cursor:pointer;display:flex;justify-content:center;min-height:140px;overflow:visible;padding:2rem;padding:var(--space-xl);position:relative;text-align:center;transition:all .2s ease-out;transition:var(--transition);width:100%}.file-upload-area:hover{background:#f0f4ff;background:var(--primary-50);border-color:#667eea;border-color:var(--primary-500);box-shadow:0 4px 12px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.file-upload-area.drag-active{animation:dragPulse 1s ease-in-out infinite;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);background:linear-gradient(135deg,var(--primary-50) 0,var(--primary-100) 100%);border-color:#667eea;border-color:var(--primary-500);transform:scale(1.02)}.file-upload-area.has-file{background:#f0fdf4;background:var(--success-50);border-color:#10b981;border-color:var(--success-500)}.file-upload-prompt{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--space-md)}.upload-icon{color:#9ca3af;color:var(--gray-400);font-size:3rem;opacity:.7}.file-upload-area:hover .upload-icon{color:#667eea;color:var(--primary-500)}.upload-text{color:#374151;color:var(--gray-700);font-size:1.1rem;font-weight:600}.upload-subtitle{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-weight:500;margin-top:.25rem;margin-top:var(--space-xs)}.upload-warning{background:#fef2f2;background:var(--error-50);border:1px solid #fecaca;border:1px solid var(--error-200);border-radius:8px;border-radius:var(--radius-md);color:#dc2626;color:var(--error-600);font-size:.8rem;font-weight:700;margin-top:.5rem;margin-top:var(--space-sm);padding:.25rem .5rem;padding:var(--space-xs) var(--space-sm)}.file-preview{background:#fff;border:2px solid #bbf7d0;border:2px solid var(--success-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);justify-content:space-between;padding:1rem;padding:var(--space-md);width:100%}.file-info,.file-preview{align-items:center;display:flex}.file-info{flex:1 1;gap:1rem;gap:var(--space-md)}.file-icon{color:#10b981;color:var(--success-500);font-size:2rem}.file-details{display:flex;flex-direction:column;gap:.25rem;gap:var(--space-xs)}.file-name{color:#1f2937;color:var(--gray-800);font-size:.95rem;font-weight:600}.file-size{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-weight:500}.file-remove-btn{align-items:center;background:#fee2e2;background:var(--error-100);border:1px solid var(--error-300);border-radius:50%;color:#dc2626;color:var(--error-600);cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;transition:all .2s ease-out;transition:var(--transition);width:32px}.file-remove-btn:hover{background:#fecaca;background:var(--error-200);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);transform:scale(1.1)}.upload-progress{margin-top:var(--space-md)}.progress-bar{background:var(--gray-200)}.progress-bar,.progress-fill{border-radius:6px;border-radius:var(--radius-sm)}.progress-fill{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-500) 0,var(--success-600) 100%)}.progress-text{color:#4b5563;color:var(--gray-600);margin-top:.5rem;margin-top:var(--space-sm);text-align:center}.upload-error{background:#fee2e2;background:var(--error-100);border:1px solid #fecaca;border:1px solid var(--error-200);border-radius:8px;border-radius:var(--radius-md);color:#dc2626;color:var(--error-600);font-weight:600;margin-top:1rem;margin-top:var(--space-md);padding:.5rem;padding:var(--space-sm);text-align:center}.naver-booking-input{background:linear-gradient(135deg,#eff6ff,#f0f4ff);background:linear-gradient(135deg,var(--info-50) 0,var(--primary-50) 100%);border-color:#93c5fd!important;border-color:var(--info-300)!important;font-weight:600!important}.naver-booking-input:focus{background:#fff!important;border-color:#3b82f6!important;border-color:var(--info-500)!important;box-shadow:0 0 0 3px #3b82f61a!important}.readonly-field{border-color:#e5e7eb!important;border-color:var(--gray-200)!important;color:#6b7280!important;color:var(--gray-500)!important;cursor:not-allowed;font-style:italic}.readonly-field,.readonly-field:focus{background:#f9fafb!important;background:var(--gray-50)!important}.readonly-field:focus{border-color:#d1d5db!important;border-color:var(--gray-300)!important;box-shadow:none!important;transform:none!important}.form-notice{align-items:flex-start;border-radius:12px;border-radius:var(--radius-lg);display:flex;gap:.5rem;gap:var(--space-sm);margin-bottom:1.5rem;margin-bottom:var(--space-lg);padding:1rem;padding:var(--space-md)}.form-notice.warning{background:#fffbeb;background:var(--warning-50);border:1px solid var(--warning-200);color:var(--warning-700)}.notice-icon{flex-shrink:0;font-size:1.2rem}.notice-content{flex:1 1}.notice-content p{font-size:.9rem;font-weight:500;line-height:1.4;margin:0}.error-message{align-items:flex-start;background:linear-gradient(135deg,#fee2e2,#fef2f2);background:linear-gradient(135deg,var(--error-100),#fef2f2);border:2px solid #ef4444;border:2px solid var(--error-500);border-radius:16px;border-radius:var(--radius-xl);color:var(--error-600);gap:1rem;gap:var(--space-md);margin-bottom:2rem;margin-bottom:var(--space-xl);padding:1.5rem;padding:var(--space-lg)}.error-content{flex:1 1}.error-content div{margin-bottom:.25rem;margin-bottom:var(--space-xs)}.error-content div:last-child{margin-bottom:0}.loading-container{gap:1.5rem;gap:var(--space-lg);min-height:400px;padding:2.5rem;padding:var(--space-2xl)}.loading-spinner{border-top:4px solid #667eea;border:4px solid var(--gray-200)}.loading-container h3{color:#1f2937;color:var(--gray-800);font-size:1.5rem;font-weight:700;margin:0}.loading-container p{color:#4b5563;color:var(--gray-600);margin:0;max-width:400px}.form-actions{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;gap:1rem;gap:var(--space-md);justify-content:flex-end;padding-top:2rem;padding-top:var(--space-xl)}.form-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-lg);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--space-sm);min-height:52px;padding:1rem 2rem;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:all .2s ease-out;transition:var(--transition)}.form-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.form-btn.secondary{background:#f3f4f6;background:var(--gray-100);border:1px solid #d1d5db;border:1px solid var(--gray-300);color:#374151;color:var(--gray-700)}.form-btn.secondary:hover:not(:disabled){background:#e5e7eb;background:var(--gray-200);border-color:#9ca3af;border-color:var(--gray-400);box-shadow:0 2px 4px #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.form-btn.primary{background:#667eea;background:var(--primary-500);color:#fff;flex:1 1;justify-content:center}.form-btn.primary:hover:not(:disabled){background:#5a67d8;background:var(--primary-600);box-shadow:0 8px 25px #00000026;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.spinner{height:16px;width:16px}@keyframes dragPulse{0%,to{transform:scale(1.02)}50%{transform:scale(1.04)}}@media (max-width:768px){.page-header{align-items:flex-start;flex-direction:column;gap:1.5rem;gap:var(--space-lg);padding:1.5rem;padding:var(--space-lg)}.page-title-section h2{font-size:1.5rem}.page-title-section p{font-size:1rem}.completion-status{width:100%}.status-item{flex-direction:row;justify-content:space-between;min-width:auto;width:100%}.form-card-header{padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg)}.form-card-header h3{font-size:1.25rem}.form-card-content{padding:1.5rem;padding:var(--space-lg)}.form-grid{gap:1rem;gap:var(--space-md);grid-template-columns:1fr}.address-input-group{flex-direction:column;gap:.5rem;gap:var(--space-sm)}.address-search-btn{justify-content:center;width:100%}.file-upload-area{min-height:120px;padding:1.5rem 1rem;padding:var(--space-lg) var(--space-md)}.file-preview{align-items:flex-start;flex-direction:column;gap:1rem;gap:var(--space-md)}.file-info{width:100%}.form-actions{flex-direction:column;gap:.5rem;gap:var(--space-sm)}.form-btn{justify-content:center;width:100%}}@media (max-width:480px){.page-header{border-radius:16px;border-radius:var(--radius-xl);padding:1rem;padding:var(--space-md)}.page-title-section h2{font-size:1.25rem}.file-upload-area,.form-card-content,.form-card-header{padding:1rem;padding:var(--space-md)}.file-upload-area{min-height:100px}.upload-icon{font-size:2rem}.form-btn{font-size:.9rem;padding:.5rem 1rem;padding:var(--space-sm) var(--space-md)}}@media (min-width:1200px){.page-header{padding:2.5rem;padding:var(--space-2xl)}.page-title-section h2{font-size:2.25rem}.form-card-header{padding:2rem 2.5rem;padding:var(--space-xl) var(--space-2xl)}.form-card-content{padding:2.5rem;padding:var(--space-2xl)}.form-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.address-search-btn:focus,.file-remove-btn:focus,.form-btn:focus,.form-input:focus{outline:2px solid #667eea;outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast:high){.form-card,.form-input,.page-header{border-width:2px}.file-preview,.file-upload-area{border-width:3px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.file-remove-btn:hover,.file-upload-area:hover,.form-btn:hover{transform:none}}@media (prefers-color-scheme:dark){:root{--gray-50:#1f2937;--gray-100:#374151;--gray-200:#4b5563;--gray-300:#6b7280;--gray-600:#d1d5db;--gray-700:#f3f4f6;--gray-800:#f9fafb;--gray-900:#fff}.form-card,.page-header{background:#1f2937;border-color:#4b5563}.form-card-header{background:#374151;border-color:#4b5563}.form-input{background:#1f2937;border-color:#4b5563;color:#f9fafb}.file-upload-area,.form-input:focus{background:#374151}.file-upload-area{border-color:#6b7280}.file-preview{background:#1f2937;border-color:#10b981}}*{margin:0;padding:0}.guest-page{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.guest-auth-container{animation:fadeIn .5s ease-in-out;margin:0 auto;max-width:420px;width:100%}.brand-header{color:#fff;margin-bottom:40px;text-align:center}.brand-header h1{color:#fff!important;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:0 2px 4px #0000001a}.brand-subtitle{color:#fffffff2!important;font-size:1.1rem;opacity:.95}.guest-auth-form{width:100%}.form-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:20px;box-shadow:0 20px 60px #00000026;padding:35px}.form-group{margin-bottom:24px}.form-group input{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1f2937;font-size:1rem;padding:14px 16px;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.form-group input::placeholder{color:#9ca3af}.form-group input:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.7}.submit-btn{border-radius:10px;font-size:1.1rem;font-weight:600;overflow:hidden;padding:16px;position:relative;transition:all .3s ease}.submit-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 10px 30px #667eea66;transform:translateY(-2px)}.submit-btn:hover:before{left:100%}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{background:linear-gradient(135deg,#9ca3af,#6b7280)}.error-message{background:#fee2e2;border-left:4px solid #dc2626;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.auth-guide{color:#fff;margin-top:30px;text-align:center}.auth-guide p{color:#fff!important;margin:6px 0;text-shadow:0 1px 2px #0000001a}.guide-detail{color:#ffffffe6!important;font-size:.9rem;opacity:.9}.guest-bookings-container{animation:fadeIn .5s ease-in-out;margin:0 auto;max-width:1200px;width:100%}.bookings-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px 20px 0 0;color:#fff;display:flex;justify-content:space-between;padding:25px 30px}.bookings-header h2{color:#fff!important;font-size:1.8rem;margin:0;text-shadow:0 2px 4px #0000001a}.welcome-text{color:#fffffff2!important;font-size:1rem;margin-top:5px;opacity:.95}.logout-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:8px;color:#fff!important;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.logout-btn:hover{background:#ffffff4d;box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.bookings-list{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:0 0 20px 20px;border-top:none;min-height:400px;padding:30px}.booking-card{background:#fff!important;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 8px #0000000d;margin-bottom:20px;padding:25px;transition:all .3s ease}.booking-card:hover{border-color:#667eea;box-shadow:0 8px 25px #0000001a;transform:translateY(-3px)}.booking-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.booking-header h3{color:#1f2937!important;font-size:1.3rem;margin:0}.today-badge{animation:pulse 2s infinite;background:#fbbf24;border-radius:20px;color:#78350f!important;font-size:.85rem;font-weight:600;padding:5px 12px}.booking-status{font-size:.95rem;margin-bottom:8px}.booking-number{color:#6b7280!important;font-family:monospace;font-size:.85rem;margin-bottom:15px}.booking-divider{background:#e5e7eb;height:1px;margin:15px 0}.booking-details{margin:20px 0}.detail-row{align-items:flex-start;display:flex;margin-bottom:12px}.detail-label{color:#6b7280!important;flex-shrink:0;font-size:.9rem;min-width:110px}.detail-value{color:#1f2937!important;flex:1 1;font-weight:500}.special-requests{background:#f9fafb;border-left:4px solid #667eea;border-radius:6px;margin:20px 0;padding:15px}.requests-label{color:#4b5563!important;font-weight:600;margin-bottom:8px}.requests-content{color:#1f2937!important;font-style:italic;line-height:1.5}.action-buttons{display:flex!important;gap:10px;margin-top:20px;width:100%}.action-btn{border-radius:8px;display:flex!important;flex:1 1;font-size:1rem!important;padding:15px 25px!important;text-align:center;transition:all .3s ease}.call-btn{background:#10b981;color:#fff!important}.call-btn:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-2px)}.sms-btn{background:#3b82f6;color:#fff!important}.sms-btn:hover{background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-2px)}.no-bookings{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-radius:0 0 20px 20px;padding:60px 30px}.no-bookings p{color:#6b7280!important;font-size:1.1rem;margin-bottom:15px}.cafe-link{border-radius:8px;display:inline-block;font-weight:600;margin-top:20px;padding:12px 30px;transition:all .3s ease}.cafe-link:hover{box-shadow:0 5px 20px #667eea66}@media (max-width:768px){.guest-page{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:40px 0 0}.guest-auth-container{margin-top:20px;padding:20px}.form-card{border-radius:16px;padding:25px}.guest-bookings-container{margin:0;max-width:100%}.bookings-header{align-items:flex-start;border-radius:0;flex-direction:column;gap:15px;padding:20px}.bookings-header h2{font-size:1.5rem}.logout-btn{align-self:flex-end}.bookings-list{border-radius:0;padding:20px}.booking-card{border-radius:8px;padding:20px}.detail-row{align-items:flex-start;flex-direction:column}.detail-label{margin-bottom:4px}.action-buttons{flex-direction:column!important}.action-btn{width:100%!important}}@media (max-width:480px){.brand-header h1{font-size:2rem}.form-card{padding:20px}.submit-btn{font-size:1rem;padding:14px}.booking-header h3{font-size:1.1rem}}.loading-spinner{border:3px solid #ffffff4d;border-top-color:#fff;height:20px;width:20px}.guest-bookings-container::-webkit-scrollbar{width:8px}.guest-bookings-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}.guest-bookings-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.guest-bookings-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.booking-count-banner{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:12px;color:#1e40af!important;font-size:1rem;font-weight:600;margin-bottom:25px;padding:20px 30px}@media (prefers-color-scheme:dark){.bookings-list,.form-card{background:#fffffffa}}:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media (hover:none){.action-btn:active,.submit-btn:active{transform:scale(.98)}}@media print{.guest-page{background:#fff}.action-buttons,.logout-btn{display:none!important}.booking-card{page-break-inside:avoid}}:root{--public-primary:#3b82f6;--public-primary-dark:#2563eb;--public-secondary:#10b981;--public-accent:#f59e0b;--public-text-primary:#1f2937;--public-text-secondary:#6b7280;--public-text-light:#9ca3af;--public-bg-white:#fff;--public-bg-gray:#f9fafb;--public-border:#e5e7eb;--public-border-light:#f3f4f6;--public-header-height:80px;--public-max-width:1200px;--public-spacing-xs:0.25rem;--public-spacing-sm:0.5rem;--public-spacing-md:1rem;--public-spacing-lg:1.5rem;--public-spacing-xl:2rem;--public-spacing-2xl:3rem;--public-radius-sm:6px;--public-radius-md:8px;--public-radius-lg:12px;--public-radius-xl:16px;--public-shadow-sm:0 1px 3px #0000001f;--public-shadow-md:0 4px 6px #0000001a;--public-shadow-lg:0 10px 15px #0000001a;--public-transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--public-transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1)}.public-layout{display:flex;flex-direction:column;min-height:100vh}.public-header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#fffffff2;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--public-border-light);box-shadow:0 1px 3px #0000000f;position:-webkit-sticky;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition);z-index:100}.header-container{max-width:var(--public-max-width);padding:0 1.5rem;padding:0 var(--public-spacing-lg)}.header-content{gap:2rem;gap:var(--public-spacing-xl);height:80px;height:var(--public-header-height)}.logo{align-items:center;color:#1f2937;color:var(--public-text-primary);cursor:pointer;display:flex;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition)}.logo:hover{transform:translateY(-1px)}.logo-wrapper{align-items:center;display:flex;gap:1rem;gap:var(--public-spacing-md)}.logo-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));line-height:1;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition)}.logo:hover .logo-icon{transform:scale(1.05)}.logo-brand{color:#1f2937;color:var(--public-text-primary);font-size:2.5rem;font-weight:800;letter-spacing:-.025em;line-height:1}.desktop-nav{display:flex;flex:1 1;justify-content:center}.nav-wrapper{align-items:center;background:#f9fafb;background:var(--public-bg-gray);border-radius:16px;border-radius:var(--public-radius-xl);box-shadow:inset 0 1px 3px #0000000d;display:flex;gap:.25rem;gap:var(--public-spacing-xs);padding:.25rem;padding:var(--public-spacing-xs)}.nav-link{border-radius:12px;border-radius:var(--public-radius-lg);color:#6b7280;color:var(--public-text-secondary);font-size:.95rem;gap:.5rem;gap:var(--public-spacing-sm);min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem 1.5rem;padding:var(--public-spacing-sm) var(--public-spacing-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition);white-space:nowrap}.nav-link:hover{background:#fffc;box-shadow:0 2px 8px #0000001a;color:#1f2937;color:var(--public-text-primary)}.nav-link.active{background:#fff;background:var(--public-bg-white);box-shadow:0 2px 8px #3b82f626;color:#3b82f6;color:var(--public-primary)}.nav-icon{font-size:1.1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition)}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-text{font-weight:500}.nav-indicator{background:#3b82f6;background:var(--public-primary);border-radius:50%;bottom:-8px;height:6px;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition);width:6px}.nav-link.active .nav-indicator{opacity:1}.cta-button,.header-cta{display:flex;gap:.5rem;gap:var(--public-spacing-sm)}.cta-button{align-items:center;border:none;border-radius:16px;border-radius:var(--public-radius-xl);cursor:pointer;font-size:.9rem;font-weight:600;overflow:hidden;padding:1rem 1.5rem;padding:var(--public-spacing-md) var(--public-spacing-lg);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition);white-space:nowrap}.cta-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.cta-button:hover:before{left:100%}.cta-icon{font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition)}.cta-button:hover .cta-icon{transform:scale(1.1)}.cta-button.host-login{background:#fff;background:var(--public-bg-white);border:1px solid #e5e7eb;border:1px solid var(--public-border);box-shadow:0 1px 3px #0000000d;color:#1f2937;color:var(--public-text-primary)}.cta-button.host-login:hover{background:#f9fafb;background:var(--public-bg-gray);box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.cta-button.host-signup{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--public-primary),var(--public-primary-dark));box-shadow:0 2px 8px #3b82f64d;color:#fff}.cta-button.host-signup:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--public-primary-dark),#1d4ed8);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.mobile-menu-button{background:none;border:none;border-radius:8px;border-radius:var(--public-radius-md);cursor:pointer;display:none;padding:.5rem;padding:var(--public-spacing-sm);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition)}.mobile-menu-button:hover{background:#f9fafb;background:var(--public-bg-gray)}.menu-icon{display:block;height:20px;position:relative;width:24px}.menu-icon span{background:#1f2937;background:var(--public-text-primary);border-radius:1px;display:block;height:2px;left:0;position:absolute;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition);width:100%}.menu-icon span:first-child{top:0}.menu-icon span:nth-child(2){top:50%;transform:translateY(-50%)}.menu-icon span:nth-child(3){bottom:0}.menu-icon.open span:first-child{top:50%;transform:translateY(-50%) rotate(45deg)}.menu-icon.open span:nth-child(2){opacity:0;transform:translateY(-50%) scale(0)}.menu-icon.open span:nth-child(3){bottom:50%;transform:translateY(50%) rotate(-45deg)}.mobile-menu{bottom:0;display:none;left:0;opacity:0;position:fixed;right:0;top:80px;top:var(--public-header-height);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition);visibility:hidden;z-index:999}.mobile-menu.open{opacity:1;visibility:visible}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:absolute;right:0;top:0}.mobile-menu-content{background:#fff;background:var(--public-bg-white);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--public-border);box-shadow:0 10px 15px #0000001a;box-shadow:var(--public-shadow-lg);left:0;position:absolute;right:0;top:0;transform:translateY(-100%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition)}.mobile-menu.open .mobile-menu-content{transform:translateY(0)}.mobile-nav{padding:2rem 1.5rem;padding:var(--public-spacing-xl) var(--public-spacing-lg)}.mobile-nav-link{align-items:center;border-radius:12px;border-radius:var(--public-radius-lg);color:#1f2937;color:var(--public-text-primary);display:flex;font-size:1.1rem;font-weight:500;gap:1rem;gap:var(--public-spacing-md);margin-bottom:.5rem;margin-bottom:var(--public-spacing-sm);padding:1.5rem;padding:var(--public-spacing-lg);position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition)}.mobile-nav-link:hover{background:#f9fafb;background:var(--public-bg-gray);transform:translateX(4px)}.mobile-nav-link.active{background:#3b82f61a;color:#3b82f6;color:var(--public-primary)}.mobile-nav-indicator{color:#3b82f6;color:var(--public-primary);font-size:1.5rem;position:absolute;right:1.5rem;right:var(--public-spacing-lg)}.mobile-cta{border-top:1px solid #f3f4f6;border-top:1px solid var(--public-border-light);display:flex;flex-direction:column;gap:1rem;gap:var(--public-spacing-md);margin-top:1.5rem;margin-top:var(--public-spacing-lg);padding:0 1.5rem 2rem;padding:0 var(--public-spacing-lg) var(--public-spacing-xl);padding-top:2rem;padding-top:var(--public-spacing-xl)}.mobile-cta-button{align-items:center;border:none;border-radius:12px;border-radius:var(--public-radius-lg);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;gap:var(--public-spacing-sm);justify-content:center;padding:1.5rem;padding:var(--public-spacing-lg);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition);width:100%}.mobile-cta-button.login{background:#f9fafb;background:var(--public-bg-gray);border:1px solid #e5e7eb;border:1px solid var(--public-border);color:#1f2937;color:var(--public-text-primary)}.mobile-cta-button.login:hover{background:#e5e7eb;background:var(--public-border)}.mobile-cta-button.signup{background:linear-gradient(135deg,#3b82f6,#2563eb);background:linear-gradient(135deg,var(--public-primary),var(--public-primary-dark));box-shadow:0 4px 12px #3b82f64d;color:#fff}.mobile-cta-button.signup:hover{box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.public-main{background:#f9fafb;background:var(--public-bg-gray);flex:1 1}.public-footer{background:#1f2937;background:var(--public-text-primary);color:#fff;margin-top:auto;padding:3rem 0 2rem;padding:var(--public-spacing-2xl) 0 var(--public-spacing-xl);position:relative;width:100%}.footer-container{max-width:var(--public-max-width);padding:0 1.5rem;padding:0 var(--public-spacing-lg)}.footer-content{grid-gap:3rem;grid-gap:var(--public-spacing-2xl);gap:3rem;gap:var(--public-spacing-2xl);grid-template-columns:2fr 1fr 1fr 1fr;margin-bottom:3rem;margin-bottom:var(--public-spacing-2xl)}.footer-section h4,.footer-section h5{font-size:1.125rem;font-weight:700;margin:0 0 1.5rem;margin:0 0 var(--public-spacing-lg) 0}.footer-description{line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--public-spacing-lg);opacity:.9}.footer-contact p{font-size:.875rem;margin:.5rem 0;margin:var(--public-spacing-sm) 0;opacity:.9}.footer-links li{margin-bottom:var(--public-spacing-sm)}.footer-links a{color:#fffc;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--public-transition)}.footer-links a:hover{color:#fff;text-decoration:underline}.footer-bottom{border-top:1px solid #ffffff1a;padding-top:2rem;padding-top:var(--public-spacing-xl)}.footer-bottom-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--public-spacing-lg);justify-content:space-between}.footer-copyright p{font-size:.875rem;margin:0;opacity:.8}.business-info{font-size:.75rem;margin-top:.25rem;margin-top:var(--public-spacing-xs);opacity:.6}.footer-badges{display:flex;gap:1rem;gap:var(--public-spacing-md)}.badge{background:#ffffff1a;border-radius:6px;border-radius:var(--public-radius-sm);font-size:.75rem;padding:.25rem .5rem;padding:var(--public-spacing-xs) var(--public-spacing-sm);white-space:nowrap}@media (max-width:1024px){.footer-content{gap:2rem;gap:var(--public-spacing-xl);grid-template-columns:1fr 1fr}.nav-wrapper{gap:0}.nav-link{font-size:.9rem;padding:.5rem 1rem;padding:var(--public-spacing-sm) var(--public-spacing-md)}}@media (max-width:768px){.desktop-nav,.header-cta{display:none}.mobile-menu,.mobile-menu-button{display:block}.header-content{gap:1rem;gap:var(--public-spacing-md)}.logo-brand,.logo-icon{font-size:2.2rem}.footer-content{gap:2rem;gap:var(--public-spacing-xl);grid-template-columns:1fr}.footer-bottom-content{flex-direction:column;text-align:center}.footer-badges{justify-content:center}}@media (max-width:480px){.footer-container,.header-container{padding:0 1rem;padding:0 var(--public-spacing-md)}.logo-brand,.logo-icon{font-size:1.8rem}.logo-wrapper{gap:.5rem;gap:var(--public-spacing-sm)}}.mainlanding{background:#fff;background:var(--jesamo-white,#fff);font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;overflow-x:hidden;width:100%}.container{max-width:1200px;padding:0 24px}@keyframes scrollIndicator{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.5;transform:translateY(10px)}}.hero-section{align-items:center;animation:fadeIn 1s ease;background:#fff!important;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:80px 24px;position:relative}.hero-content{margin:0 auto;max-width:900px;width:100%}.hero-title{animation:fadeInUp .8s ease;box-shadow:none!important;font-size:clamp(40px,7vw,56px);font-weight:900;text-shadow:none!important}.hero-subtitle,.hero-title{color:#1f2937!important;font-family:"Noto Serif KR",Georgia,serif;line-height:1.2;margin:0 0 24px;text-align:center;width:100%}.hero-subtitle{display:block;font-size:clamp(36px,6vw,48px)!important;font-weight:400;opacity:1;padding:0}.hero-description{animation:fadeInUp .8s ease .2s both;color:#374151!important;font-size:clamp(20px,3vw,24px);font-weight:500;line-height:1.4;margin:0 0 48px;text-align:center;width:100%}.hero-cta{animation:fadeInUp .8s ease .4s both;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;width:100%}.btn-primary{align-items:center!important;background:#0ea5e9;background:var(--jesamo-ocean,#0ea5e9);border:none;border-radius:12px;box-shadow:0 4px 12px #0ea5e933;cursor:pointer;display:inline-flex!important;font-size:18px;font-weight:600;height:52px;justify-content:center!important;line-height:1;min-width:160px;padding:16px 40px;text-align:center!important;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-primary:hover{box-shadow:0 8px 24px #0ea5e94d;transform:translateY(-2px)}.btn-primary:active{transform:scale(.98)}.btn-ghost{align-items:center!important;background:#0000;border:2px solid #0ea5e9;border:2px solid var(--jesamo-ocean,#0ea5e9);border-radius:12px;color:#0ea5e9;color:var(--jesamo-ocean,#0ea5e9);cursor:pointer;display:inline-flex!important;font-size:18px;font-weight:600;height:52px;justify-content:center!important;line-height:1;min-width:160px;padding:16px 40px;text-align:center!important;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-ghost:hover{background:#0ea5e9;background:var(--jesamo-ocean,#0ea5e9);color:#fff;transform:translateY(-2px)}.btn-ghost:active{transform:scale(.98)}.scroll-indicator{align-items:center;animation:scrollIndicator 2s ease infinite;bottom:40px;display:flex;flex-direction:column;gap:8px;left:50%;position:absolute;transform:translateX(-50%)}.scroll-text{color:#a1a1aa;color:var(--gray-400,#a1a1aa);font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase}.scroll-line{background:linear-gradient(180deg,#a1a1aa,#0000);background:linear-gradient(to bottom,var(--gray-400,#a1a1aa),#0000);height:30px;width:1px}.identity-section{background:#fafafa;background:var(--gray-50,#fafafa);padding:120px 24px}.identity-grid{grid-gap:48px;display:grid;gap:48px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px;text-align:center}.identity-item{animation:fadeInUp .8s ease forwards;opacity:0}.identity-item:first-child{animation-delay:.1s}.identity-item:nth-child(2){animation-delay:.2s}.identity-item:nth-child(3){animation-delay:.3s}.identity-number{color:#0ea5e9;color:var(--jesamo-ocean,#0ea5e9);display:block;font-family:"Noto Serif KR",serif;font-size:clamp(48px,6vw,72px);font-weight:900;line-height:1;margin-bottom:16px}.identity-label{color:#52525b;color:var(--gray-600,#52525b);font-size:18px;font-weight:500;line-height:1.5}.difference-section{background:#fff;padding:120px 24px}.section-title{animation:fadeInUp .8s ease forwards;color:var(--jesamo-rock,#1f2937);font-family:"Noto Serif KR",serif;font-size:clamp(32px,5vw,48px);font-weight:700;margin-bottom:80px;opacity:0}.comparison-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1200px}.comparison-item{animation:fadeInUp .8s ease .2s forwards;background:#f5f5f5;background:var(--gray-50,#f5f5f5);border-radius:24px;opacity:0;padding:40px 24px;text-align:center;transition:all .3s ease}.comparison-item:hover{box-shadow:0 12px 32px #00000014;transform:translateY(-8px)}.comparison-item.jesamo{background:linear-gradient(135deg,#0ea5e90d,#0ea5e905);border:2px solid #0ea5e9;border:2px solid var(--jesamo-ocean,#0ea5e9)}.comparison-header{margin-bottom:24px}.comparison-label{color:#71717a;color:var(--gray-500,#71717a);font-size:18px;font-weight:600}.comparison-item.jesamo .comparison-label{color:#0ea5e9;color:var(--jesamo-ocean,#0ea5e9)}.fee-display{margin-bottom:24px}.fee-amount{display:block;font-size:clamp(36px,5vw,48px);font-weight:900;line-height:1;margin-bottom:8px}.comparison-item:first-child .fee-amount{color:#ef4444}.comparison-item:nth-child(2) .fee-amount{color:#f59e0b}.comparison-item:nth-child(3) .fee-amount{color:#ef4444}.fee-sub{display:inline-block;font-size:14px!important;font-weight:400;line-height:1;margin-left:4px;opacity:.8;vertical-align:initial}.comparison-item.jesamo .fee-amount{align-items:baseline;color:#10b981;display:flex;gap:4px;justify-content:center}.fee-label{color:#71717a;color:var(--gray-500,#71717a);font-size:14px}.comparison-item.jesamo .fee-label{color:#0ea5e9;color:var(--jesamo-ocean,#0ea5e9)}.feature-list{color:#52525b;color:var(--gray-600,#52525b);font-size:14px;line-height:1.8;list-style:none;margin:0;padding:0;text-align:left}.feature-list.positive{color:#1f2937;color:var(--jesamo-rock,#1f2937)}.feature-list li{padding:4px 0}.cta-section{background:linear-gradient(180deg,#fafafa,#fff);background:linear-gradient(180deg,var(--gray-50,#fafafa) 0,#fff 100%);padding:120px 24px}.cta-content{animation:fadeInUp .8s ease forwards;margin:0 auto;max-width:800px;opacity:0;text-align:center}.cta-title{color:#1f2937;color:var(--jesamo-rock,#1f2937);font-family:"Noto Serif KR",serif;font-size:clamp(32px,5vw,48px);font-weight:700;margin-bottom:24px}.cta-subtitle{color:#52525b;color:var(--gray-600,#52525b);font-size:20px;margin-bottom:48px}.cta-buttons{gap:20px;margin-bottom:32px}.btn-primary.large,.btn-secondary.large{align-items:center!important;border-radius:16px;display:inline-flex!important;font-size:20px;font-weight:700;height:60px;justify-content:center!important;min-width:200px;padding:20px 48px;text-align:center!important}.btn-secondary{border:2px solid #0ea5e9;border:2px solid var(--jesamo-ocean,#0ea5e9);color:#0ea5e9;color:var(--jesamo-ocean,#0ea5e9);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-secondary:hover{background:#0ea5e9;background:var(--jesamo-ocean,#0ea5e9);color:#fff;transform:translateY(-2px)}.btn-primary.large{box-shadow:0 8px 24px #0ea5e94d}.btn-primary.large:hover{box-shadow:0 12px 32px #0ea5e966;transform:translateY(-3px)}.cta-badges{display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.badge{background:#f0fdf4;color:#10b981;color:var(--jesamo-success,#10b981);font-size:14px;padding:8px 16px}@media (max-width:768px){.hero-section{padding:60px 20px}.cta-section,.difference-section,.identity-section{padding:80px 20px}.hero-title{font-size:clamp(32px,6vw,48px)!important}.hero-subtitle,.hero-title{margin-bottom:16px!important}.hero-subtitle{font-size:clamp(28px,5vw,40px)!important}.hero-description{font-size:clamp(20px,3.5vw,28px)!important;margin-bottom:40px!important}.comparison-grid{gap:16px;grid-template-columns:1fr}.identity-grid{gap:32px}.section-title{margin-bottom:48px}.btn-ghost,.btn-primary,.btn-secondary{font-size:16px;padding:14px 32px}.btn-primary.large,.btn-secondary.large{font-size:18px;padding:16px 40px}.hero-cta{flex-direction:column;gap:12px;padding:0 20px;width:100%}.hero-cta .btn-ghost,.hero-cta .btn-primary{display:flex!important;max-width:320px;width:100%!important}}@media (max-width:480px){.hero-section{min-height:90vh;padding:40px 16px}.cta-section,.difference-section,.identity-section{padding:60px 16px}.hero-title{font-size:30px!important}.hero-subtitle,.hero-title{margin-bottom:12px!important}.hero-subtitle{font-size:26px!important}.hero-description{font-size:22px!important;margin-bottom:32px!important}.cta-buttons,.hero-cta{flex-direction:column;width:100%}.btn-ghost,.btn-primary,.btn-primary.large,.btn-secondary,.btn-secondary.large{align-items:center!important;display:flex!important;font-size:16px;height:48px;justify-content:center!important;padding:14px 30px;width:100%!important}.comparison-item{padding:32px 20px}.cta-badges{align-items:center;flex-direction:column}.badge{width:-webkit-fit-content;width:fit-content}.scroll-indicator{display:none}}@media (min-width:1440px){.container{max-width:1320px}.cta-section,.difference-section,.identity-section{padding:160px 40px}}@media print{.hero-section{min-height:auto;padding:40px 20px}.btn-ghost,.btn-primary,.btn-secondary,.scroll-indicator{display:none}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}:root{--about-primary:#3b82f6;--about-secondary:#10b981;--about-accent:#8b5cf6;--about-text:#1f2937;--about-text-light:#6b7280;--about-bg:#fff;--about-bg-light:#f9fafb;--about-border:#e5e7eb}.about-hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:120px 0 80px;position:relative}.about-hero:before{background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.about-hero .hero-content{position:relative;text-align:center;z-index:1}.about-hero .hero-title{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.about-hero .highlight{color:#fff;position:relative}.about-hero .hero-subtitle{color:#fff;font-size:1.25rem;line-height:1.8;margin:0 auto 3rem;max-width:600px;opacity:.95}.stat-number{color:#fff}.stat-label{opacity:.9}.mission-vision{background:#f9fafb;background:var(--about-bg-light);padding:100px 0}.mv-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.mv-card{background:#fff;border-radius:24px;box-shadow:0 10px 30px #00000014;padding:3rem;text-align:center;transition:all .3s ease}.mv-card:hover{box-shadow:0 20px 40px #0000001f;transform:translateY(-5px)}.mv-card.mission{border-top:4px solid #3b82f6;border-top:4px solid var(--about-primary)}.mv-card.vision{border-top:4px solid #10b981;border-top:4px solid var(--about-secondary)}.mv-icon{font-size:4rem;margin-bottom:1.5rem}.mv-card h2{color:#1f2937;color:var(--about-text);font-size:2rem;font-weight:700;margin-bottom:1.5rem}.mv-card p{color:#6b7280;color:var(--about-text-light);font-size:1.125rem;line-height:1.8;margin:0}.story-section{background:linear-gradient(135deg,#fef3c7,#fef7cd);padding:100px 0}.story-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px}.story-text .section-title{color:#1f2937;color:var(--about-text);font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:left}.story-paragraphs{display:flex;flex-direction:column;gap:1.5rem}.story-paragraphs p{color:#6b7280;color:var(--about-text-light);font-size:1.125rem;line-height:1.8;margin:0}.story-visual{background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000001a;padding:3rem;text-align:center}.story-icon{font-size:5rem;margin-bottom:1.5rem}.story-visual h3{color:#1f2937;color:var(--about-text);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.story-visual p{color:#6b7280;color:var(--about-text-light);line-height:1.6;margin:0}.core-values{padding:100px 0}.section-title{color:var(--about-text)}.section-subtitle{color:var(--about-text-light)}.values-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.value-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--about-border);border-radius:20px;box-shadow:0 4px 20px #0000000f;padding:2.5rem;text-align:center;transition:all .3s ease}.value-card:hover{border-color:#3b82f6;border-color:var(--about-primary);box-shadow:0 15px 35px #0000001a;transform:translateY(-8px)}.value-icon{font-size:3.5rem;margin-bottom:1.5rem}.value-title{color:#1f2937;color:var(--about-text);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.value-description{color:#6b7280;color:var(--about-text-light);line-height:1.7;margin:0}.service-features{background:#f9fafb;background:var(--about-bg-light);padding:100px 0}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.feature-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;transition:all .3s ease}.feature-card:hover{box-shadow:0 15px 35px #0000001a;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-badge{background:linear-gradient(135deg,#3b82f6,#8b5cf6);background:linear-gradient(135deg,var(--about-primary),var(--about-accent));border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem 1rem;position:absolute;right:1.5rem;top:1.5rem}.feature-title{color:#1f2937;color:var(--about-text);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-description{color:#6b7280;color:var(--about-text-light);line-height:1.7;margin:0}.growth-story{padding:100px 0}.timeline{margin:0 auto;max-width:800px;position:relative}.timeline:before{background:linear-gradient(180deg,#3b82f6,#10b981);background:linear-gradient(to bottom,var(--about-primary),var(--about-secondary));bottom:0;content:"";left:50%;position:absolute;top:0;transform:translateX(-50%);width:2px}.timeline-item{align-items:center;display:flex;margin-bottom:3rem;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-year{background:#3b82f6;background:var(--about-primary);border-radius:12px;color:#fff;flex:0 0 120px;font-size:1.1rem;font-weight:700;margin:0 2rem;padding:1rem;position:relative;text-align:center;z-index:2}.timeline-content{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--about-border);border-radius:16px;box-shadow:0 4px 20px #00000014;flex:1 1;padding:2rem}.timeline-title{color:#1f2937;color:var(--about-text);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.timeline-description{color:#6b7280;color:var(--about-text-light);line-height:1.6;margin:0}.jeju-focus{background:linear-gradient(135deg,#e0f2fe,#f0f9ff);padding:100px 0}.jeju-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px}.jeju-text h2{color:#1f2937;color:var(--about-text);font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.jeju-text p{color:#6b7280;color:var(--about-text-light);font-size:1.125rem;line-height:1.8;margin-bottom:2rem}.jeju-benefits{list-style:none;margin:0;padding:0}.jeju-benefits li{color:#1f2937;color:var(--about-text);font-weight:500;padding:.75rem 0 .75rem 2rem;position:relative}.jeju-benefits li:before{color:#10b981;color:var(--about-secondary);content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.jeju-visual{background:#fff;border-radius:24px;box-shadow:0 10px 30px #0000001a;padding:3rem;text-align:center}.jeju-icon{font-size:5rem;margin-bottom:1.5rem}.jeju-visual h3{color:#1f2937;color:var(--about-text);font-size:1.75rem;font-weight:700;margin-bottom:1rem}.jeju-visual p{color:#6b7280;color:var(--about-text-light);line-height:1.6;margin:0}.philosophy-section{background:linear-gradient(135deg,#f3e8ff,#faf5ff);padding:100px 0}.philosophy-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.philosophy-card{background:#fff;border:1px solid #e879f9;border-radius:20px;box-shadow:0 8px 25px #00000014;padding:2.5rem;text-align:center;transition:all .3s ease}.philosophy-card:hover{border-color:#8b5cf6;border-color:var(--about-accent);box-shadow:0 15px 35px #8b5cf626;transform:translateY(-8px)}.philosophy-icon{font-size:3.5rem;margin-bottom:1.5rem}.philosophy-card h3{color:#1f2937;color:var(--about-text);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.philosophy-card p{color:#6b7280;color:var(--about-text-light);line-height:1.7;margin:0}.about-cta{background:linear-gradient(135deg,#8b5cf6,#6366f1);background:linear-gradient(135deg,var(--about-accent) 0,#6366f1 100%);color:#fff;padding:100px 0;text-align:center}.about-cta .cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.about-cta .cta-content p{font-size:1.25rem;line-height:1.8;margin-bottom:2.5rem;opacity:.95}.cta-primary,.cta-secondary:hover{color:#8b5cf6;color:var(--about-accent)}@media (max-width:1024px){.about-hero .hero-title{font-size:2.75rem}.mv-grid{gap:2rem}.mv-grid,.story-content{grid-template-columns:1fr}.story-content{gap:3rem}.values-grid{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.philosophy-grid{gap:1.5rem}.features-grid,.jeju-content,.philosophy-grid{grid-template-columns:1fr}.jeju-content{gap:3rem}.timeline:before{left:2rem}.timeline-item{flex-direction:row!important;padding-left:4rem}.timeline-year{flex:none;font-size:.9rem;left:0;margin:0;padding:.75rem .5rem;position:absolute;width:80px}}@media (max-width:768px){.about-hero{padding:100px 0 60px}.about-hero .hero-title{font-size:2.25rem}.hero-stats{gap:2rem}.stat-number{font-size:2.5rem}.section-title{font-size:2.25rem}.story-text .section-title{font-size:2rem;text-align:center}.feature-card,.mv-card,.philosophy-card,.value-card{padding:2rem}.timeline-content{padding:1.5rem}.jeju-visual,.story-visual{padding:2rem}.cta-buttons{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{max-width:300px;width:100%}}@media (max-width:640px){.about-hero .hero-subtitle{font-size:1.1rem}.hero-stats{gap:1.5rem}.stat-number{font-size:2rem}.stat-label{font-size:.875rem}.section-title{font-size:1.875rem}.section-subtitle{font-size:1.1rem}.values-grid{grid-template-columns:1fr}.story-paragraphs p{font-size:1rem}}.philosophy-section,.story-section{animation:fadeInUp .8s ease-out}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .6s ease-out}.animate-on-scroll.animated{opacity:1;transform:translateY(0)}:root{--partner-primary:#10b981;--partner-secondary:#3b82f6;--partner-accent:#f59e0b;--partner-text:#1f2937;--partner-text-light:#6b7280;--partner-bg:#fff;--partner-bg-light:#f9fafb;--partner-border:#e5e7eb;--partner-success:#059669;--partner-warning:#d97706}.partner-hero{background:linear-gradient(135deg,#10b981,#059669);color:#fff;overflow:hidden;padding:120px 0 80px;position:relative}.partner-hero:before{background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.partner-hero .hero-content{position:relative;text-align:center;z-index:1}.partner-hero .hero-title{font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.partner-hero .highlight{color:#fff;position:relative}.partner-hero .hero-subtitle{font-size:1.25rem;line-height:1.8;margin:0 auto 2rem;max-width:600px;opacity:.95}.hero-stats{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center;margin-bottom:2rem}.stat{text-align:center}.stat-number{color:#fff!important; /* !important 추가 */display:block;font-size:3rem;font-weight:800;margin-bottom:.5rem}.stat-label{color:#fff;opacity:1}.hero-cta{align-items:center;background:#fff;border:none;border-radius:14px;box-shadow:0 2px 8px #fff3;color:#10b981;color:var(--partner-primary);cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 auto 2rem;max-width:200px;padding:1rem 1.25rem;transition:all .25s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.hero-cta:hover{box-shadow:0 4px 12px #ffffff4d;transform:translateY(-1px)}.hero-cta .arrow{font-size:1rem;margin-left:0;transition:transform .25s ease}.hero-cta:hover .arrow{transform:translateX(2px)}.partner-benefits{background:#f9fafb;background:var(--partner-bg-light);padding:100px 0}.section-title{color:var(--partner-text)}.section-subtitle{color:var(--partner-text-light)}.benefits-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.benefit-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--partner-border);border-radius:20px;box-shadow:0 4px 20px #0000000f;padding:2.5rem;position:relative;transition:all .3s ease}.benefit-card:hover{border-color:#10b981;border-color:var(--partner-primary);box-shadow:0 15px 35px #0000001a;transform:translateY(-8px)}.benefit-icon{display:block;font-size:3rem;margin-bottom:1rem;text-align:center;width:100%}.benefit-badge{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--partner-primary),var(--partner-success));border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.375rem 1rem;position:absolute;right:1.5rem;top:1.5rem}.benefit-title{color:#1f2937;color:var(--partner-text);font-size:1.5rem;font-weight:700;margin-bottom:1rem;text-align:center}.benefit-description{color:#6b7280;color:var(--partner-text-light);line-height:1.7;margin:0;text-align:center}.requirements-section{padding:100px 0}.requirements-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1000px}.requirement-card{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--partner-border);border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:2rem;transition:all .3s ease}.requirement-card:hover{border-color:#10b981;border-color:var(--partner-primary);transform:translateY(-4px)}.requirement-category{color:#10b981;color:var(--partner-primary);font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.requirement-list{list-style:none;margin:0;padding:0}.requirement-list li{color:#1f2937;color:var(--partner-text);font-weight:500;line-height:1.6;padding:.75rem 0 .75rem 2rem;position:relative}.requirement-list li:before{color:#10b981;color:var(--partner-primary);content:"✓";font-size:1.2rem;font-weight:700;left:0;position:absolute}.signup-process{background:#f9fafb;background:var(--partner-bg-light);padding:100px 0}.process-steps{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px;position:relative}.step-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--partner-border);border-radius:20px;box-shadow:0 8px 25px #00000014;padding:2rem;position:relative;text-align:center;transition:all .3s ease}.step-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-5px)}.step-header{margin-bottom:1.5rem}.step-number{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--partner-primary),var(--partner-success));font-size:1.5rem;font-weight:800;height:60px;margin:0 auto 1rem;width:60px}.step-icon{font-size:2.5rem}.step-title{color:#1f2937;color:var(--partner-text);font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.step-description{color:var(--partner-text-light);line-height:1.6;margin-bottom:1.5rem}.step-details{list-style:none;margin:0;padding:0;text-align:left}.step-details li{color:#1f2937;color:var(--partner-text);font-size:.875rem;line-height:1.5;padding:.375rem 0 .375rem 1.5rem;position:relative}.step-details li:before{content:"•";font-weight:700;left:0}.step-arrow,.step-details li:before{color:#10b981;color:var(--partner-primary);position:absolute}.step-arrow{font-size:2rem;right:-1.5rem;top:50%;transform:translateY(-50%);z-index:1}.pricing-info{padding:100px 0}.pricing-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px}.pricing-text h2{color:#1f2937;color:var(--partner-text);font-size:2.5rem;font-weight:700;margin-bottom:2rem}.pricing-points{display:flex;flex-direction:column;gap:2rem}.pricing-point{align-items:flex-start;display:flex;gap:1.5rem}.point-icon{flex-shrink:0;font-size:2rem}.pricing-point h4{color:#1f2937;color:var(--partner-text);font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.pricing-point p{color:#6b7280;color:var(--partner-text-light);line-height:1.6;margin:0}.pricing-cta{background:#10b981;background:var(--partner-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem 2rem;transition:all .3s ease}.pricing-cta:hover{background:#059669;background:var(--partner-success);transform:translateY(-2px)}.success-stories{background:#f9fafb;background:var(--partner-bg-light);padding:100px 0}.stories-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.story-card{background:#fff;border-radius:20px;box-shadow:0 8px 25px #00000014;padding:2rem;transition:all .3s ease}.story-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-5px)}.story-header{gap:1rem;margin-bottom:1.5rem}.story-header,.story-image{align-items:center;display:flex}.story-image{background:#f9fafb;background:var(--partner-bg-light);border-radius:50%;font-size:3rem;height:60px;justify-content:center;width:60px}.story-name{color:#1f2937;color:var(--partner-text);font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.story-accommodation{color:#6b7280;color:var(--partner-text-light);margin-bottom:.25rem}.story-period{color:#10b981;color:var(--partner-primary);font-size:.875rem;font-weight:600}.story-result{margin-bottom:1.5rem}.result-badge{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--partner-primary),var(--partner-success));border-radius:20px;color:#fff;display:inline-block;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.story-quote{border-left:4px solid #10b981;border-left:4px solid var(--partner-primary);color:#6b7280;color:var(--partner-text-light);font-style:italic;line-height:1.7;margin:0;padding-left:1rem}.faq-list{margin:0 auto;max-width:800px}.faq-item{border:1px solid var(--partner-border);margin-bottom:1.5rem}.faq-question{color:var(--partner-text)}.faq-icon{background:#10b981;background:var(--partner-primary)}.faq-answer p{color:var(--partner-text-light)}.partner-cta{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--partner-secondary) 0,#1d4ed8 100%);color:#fff;padding:100px 0;text-align:center}.partner-cta .cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.partner-cta .cta-content p{font-size:1.25rem;line-height:1.8;margin-bottom:2.5rem;opacity:.95}.cta-buttons{margin-bottom:2rem}.cta-primary{border-radius:10px;color:#3b82f6;color:var(--partner-secondary);font-size:1rem;max-width:180px;padding:.875rem 1.25rem;transition:all .25s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.cta-primary:hover{box-shadow:0 4px 12px #ffffff40;transform:translateY(-1px)}.cta-secondary{border:1.5px solid #ffffffe6;border-radius:10px;font-size:1rem;max-width:180px;padding:.875rem 1.25rem;transition:all .25s ease;white-space:nowrap;width:-webkit-fit-content;width:fit-content}.cta-secondary:hover{border-color:#fff;color:#3b82f6;color:var(--partner-secondary)}.cta-note{font-size:.875rem;margin:0;opacity:.8}@media (max-width:1024px){.partner-hero .hero-title{font-size:2.75rem}.benefits-grid{grid-template-columns:repeat(2,1fr)}.requirements-grid{grid-template-columns:1fr}.process-steps{gap:2rem;grid-template-columns:repeat(2,1fr)}.step-arrow{display:none}.pricing-content{gap:3rem}.pricing-content,.stories-grid{grid-template-columns:1fr}}@media (max-width:768px){.partner-hero{padding:100px 0 60px}.partner-hero .hero-title{font-size:2.25rem}.hero-stats{gap:2rem}.stat-number{font-size:2.5rem}.section-title{font-size:2.25rem}.benefits-grid,.process-steps{grid-template-columns:1fr}.pricing-visual{padding:2rem}.cta-buttons{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{max-width:200px;width:100%}.hero-cta{font-size:1rem;gap:.5rem;max-width:160px;padding:.875rem 1rem}.hero-cta .arrow{font-size:.9rem}}@media (max-width:640px){.partner-hero .hero-subtitle{font-size:1.1rem}.hero-stats{gap:1.5rem}.stat-number{font-size:2rem}.stat-label{font-size:.875rem}.section-title{font-size:1.875rem}.section-subtitle{font-size:1.1rem}.benefit-card,.requirement-card,.step-card{padding:1.5rem}.hero-cta{font-size:.9rem;max-width:140px;padding:.75rem .875rem}}.terms-page{background:#f9fafb;min-height:calc(100vh - 72px);padding:3rem 0}.terms-container{margin:0 auto;max-width:800px;padding:0 1.5rem}.terms-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #00000012;padding:3rem}.terms-section{margin-bottom:3rem}.terms-section:last-child{margin-bottom:0}.terms-section h2{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.5rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.terms-section p{color:#4b5563;font-size:1rem;line-height:1.8;margin:0 0 1rem}.terms-section p:last-child{margin-bottom:0}.terms-section ol{margin:0;padding-left:1.5rem}.terms-section ol li{color:#4b5563;font-size:1rem;line-height:1.8;margin-bottom:1rem}.terms-section ol li:last-child{margin-bottom:0}.terms-section ul{list-style-type:disc;margin:.5rem 0;padding-left:1.5rem}.terms-section ul li{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.terms-section ul li:last-child{margin-bottom:0}.terms-section strong{color:#1f2937;font-weight:600}.terms-footer{margin-top:3rem}@media (max-width:768px){.terms-container{padding:0 1rem}.page-header .icon{font-size:3rem}.page-header h1{font-size:2rem}.page-header .subtitle{font-size:1rem}.effective-date{font-size:.8rem;padding:.4rem .8rem}.terms-content{padding:2rem 1.5rem}.terms-section h2{font-size:1.25rem}.terms-section ol li,.terms-section p{font-size:.95rem}}@media (max-width:480px){.terms-page{padding:2rem 0}.page-header{gap:.75rem;margin-bottom:2rem}.page-header .icon{font-size:2.5rem}.page-header h1{font-size:1.75rem}.page-header .subtitle{font-size:.95rem}.effective-date{font-size:.75rem;padding:.375rem .75rem}.terms-content{border-radius:12px;padding:1.5rem}.terms-section{margin-bottom:2rem}.terms-section h2{font-size:1.125rem;margin-bottom:1rem}}.privacy-page{background:#f9fafb;min-height:calc(100vh - 72px);padding:3rem 0}.privacy-container{margin:0 auto;max-width:800px;padding:0 1.5rem}.privacy-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #00000012;padding:3rem}.privacy-section{margin-bottom:3rem}.privacy-section:last-child{margin-bottom:0}.privacy-section h2{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.privacy-section h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.privacy-section h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .5rem}.privacy-section p{color:#4b5563;font-size:1rem;line-height:1.8;margin:0 0 1rem}.privacy-section p:last-child{margin-bottom:0}.privacy-section ol,.privacy-section ul{margin:0 0 1rem;padding-left:1.5rem}.privacy-section ol li{color:#4b5563;font-size:1rem;line-height:1.8;margin-bottom:1rem}.privacy-section ol li:last-child{margin-bottom:0}.privacy-section ul li{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.privacy-section ul li:last-child{margin-bottom:0}.privacy-section strong{color:#1f2937;font-weight:600}.privacy-table{border:1px solid #e5e7eb;border-collapse:collapse;margin:1rem 0;width:100%}.privacy-table td,.privacy-table th{border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;text-align:left}.privacy-table th{background:#f8fafc;color:#1f2937;font-weight:600}.privacy-table td{color:#4b5563}.privacy-footer{margin-top:3rem}@media (max-width:768px){.privacy-container{padding:0 1rem}.page-header .icon{font-size:3rem}.page-header h1{font-size:1.75rem}.page-header .subtitle{font-size:1rem}.effective-date{font-size:.8rem;padding:.4rem .8rem}.privacy-content{padding:2rem 1.5rem}.privacy-section h2{font-size:1.125rem}.privacy-section h3{font-size:1rem}.privacy-table{font-size:.875rem}.privacy-table td,.privacy-table th{padding:.5rem}}@media (max-width:480px){.privacy-page{padding:2rem 0}.page-header{gap:.75rem;margin-bottom:2rem}.page-header .icon{font-size:2.5rem}.page-header h1{font-size:1.5rem}.page-header .subtitle{font-size:.95rem}.effective-date{font-size:.75rem;padding:.375rem .75rem}.privacy-content{border-radius:12px;padding:1.5rem}.privacy-section{margin-bottom:2rem}.privacy-section h2{font-size:1rem;margin-bottom:1rem}.contact-info{padding:1rem}}.refund-page{background:#f9fafb;min-height:calc(100vh - 72px);padding:3rem 0}.refund-container{margin:0 auto;max-width:800px;padding:0 1.5rem}.refund-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #00000012;padding:3rem}.refund-section{margin-bottom:3rem}.refund-section:last-child{margin-bottom:0}.refund-section h2{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.refund-section h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.refund-section h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .5rem}.refund-section p{color:#4b5563;font-size:1rem;line-height:1.8;margin:0 0 1rem}.refund-section p:last-child{margin-bottom:0}.refund-subsection{margin:1.5rem 0}.refund-section ol{margin:0;padding-left:1.5rem}.refund-section ol li{color:#4b5563;font-size:1rem;line-height:1.8;margin-bottom:1rem}.refund-section ol li:last-child{margin-bottom:0}.refund-section ul{list-style-type:disc;margin:.5rem 0;padding-left:1.5rem}.refund-section ul li{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.refund-section ul li:last-child{margin-bottom:0}.refund-section strong{color:#1f2937;font-weight:600}.refund-contact{background:#f9fafb;padding:3rem 0}.refund-contact-box{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #00000012;margin:0 auto;max-width:800px;padding:3rem;text-align:center}.refund-contact-box h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.refund-contact-box>p{color:#6b7280;font-size:1rem;margin-bottom:2rem}.refund-contact-info{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.refund-contact-item{background:#f8fafc;border-radius:8px;display:flex;gap:1rem;padding:1.5rem;text-align:left}.refund-contact-icon{flex-shrink:0;font-size:2rem}.refund-contact-item h4{color:#6b7280;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.refund-contact-item p{color:#1f2937;font-weight:600;margin:0}.refund-contact-time{color:#9ca3af!important;font-size:.75rem!important;font-weight:400!important;margin-top:.25rem!important}.refund-contact-btn{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.refund-contact-btn:hover{background:#1d4ed8}.refund-footer{margin-top:3rem}@media (max-width:768px){.refund-container{padding:0 1rem}.page-header .icon{font-size:3rem}.page-header h1{font-size:1.75rem}.page-header .subtitle{font-size:1rem}.effective-date{font-size:.8rem;padding:.4rem .8rem}.refund-contact-box,.refund-content{padding:2rem 1.5rem}.refund-section h2{font-size:1.125rem}.refund-section h3{font-size:1rem}.refund-contact-info{grid-template-columns:1fr}}@media (max-width:480px){.refund-page{padding:2rem 0}.page-header{gap:.75rem;margin-bottom:2rem}.page-header .icon{font-size:2.5rem}.page-header h1{font-size:1.5rem}.page-header .subtitle{font-size:.95rem}.effective-date{font-size:.75rem;padding:.375rem .75rem}.refund-contact-box,.refund-content{border-radius:12px;padding:1.5rem}.refund-section{margin-bottom:2rem}.refund-section h2{font-size:1rem;margin-bottom:1rem}.refund-contact-item{padding:1rem}}.company-page{min-height:calc(100vh - 72px);padding:3rem 0}.company-container{margin:0 auto;max-width:1000px;padding:0 1.5rem}.page-header h1{font-size:2.5rem;gap:.75rem;justify-content:center;margin:0 0 1rem}.page-header .icon{font-size:3rem}.page-header .subtitle{margin:0}.info-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #00000012;margin-bottom:2rem;overflow:hidden}.card-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;padding:1.5rem 2rem}.card-header h2{color:#1f2937;font-size:1.5rem;font-weight:700;margin:0}.card-content{padding:2rem}.info-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.info-item{flex-direction:column}.info-item.full-width{grid-column:1/-1}.info-item label{color:#6b7280;font-size:.875rem;font-weight:600}.info-item .value{color:#1f2937;font-size:1.125rem;font-weight:600}.info-item .value.highlight{color:#3b82f6;font-weight:700}.contact-item{align-items:flex-start;display:flex;gap:1rem}.contact-icon{align-items:center;background:#eff6ff;border-radius:12px;display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.contact-info{flex:1 1}.contact-info label{color:#6b7280;display:block;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.contact-value{display:block;font-weight:700;margin-bottom:.25rem;text-decoration:none;transition:all .3s ease}.contact-value:hover{color:#2563eb;transform:translateX(2px)}.contact-time{color:#9ca3af;font-size:.875rem}.cert-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.cert-item{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;text-align:center}.cert-icon{font-size:3rem;margin-bottom:1rem}.cert-item h3{color:#1f2937;font-size:1.125rem;font-weight:700;margin:0 0 .5rem}.cert-item p{color:#6b7280;font-size:.875rem;line-height:1.5;margin:0}.map-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.address-info h3{color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.transport-info{display:flex;flex-direction:column;gap:1rem}.transport-item{background:#f8fafc;border-left:4px solid #3b82f6;border-radius:8px;padding:1rem}.transport-item strong{color:#1f2937;display:block;font-size:1rem;margin-bottom:.25rem}.transport-item p{color:#6b7280;font-size:.875rem;margin:0}.map-placeholder{align-items:center;background:#f3f4f6;border:2px dashed #d1d5db;border-radius:12px;display:flex;justify-content:center;min-height:300px}.map-placeholder p{color:#9ca3af;font-weight:500}.bottom-notice{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;margin-top:3rem;padding:1.5rem}.bottom-notice p{color:#1e40af;display:flex;font-size:.875rem;gap:.5rem;line-height:1.6;margin:0}.bottom-notice .icon{flex-shrink:0}@media (max-width:768px){.company-container{padding:0 1rem}.page-header h1{font-size:2rem}.page-header .icon{font-size:2.5rem}.card-content{padding:1.5rem}.cert-grid,.contact-grid,.info-grid{gap:1rem;grid-template-columns:1fr}.map-section{grid-template-columns:1fr}.contact-item{background:#f8fafc;border-radius:8px;padding:1rem}}@media (max-width:480px){.company-page{padding:2rem 0}.page-header{margin-bottom:2rem}.page-header h1{font-size:1.75rem}.card-header{padding:1.25rem 1.5rem}.card-header h2{font-size:1.25rem}.cert-item{padding:1rem}.cert-icon{font-size:2.5rem}}:root{--support-primary:#3b82f6;--support-secondary:#10b981;--support-accent:#f59e0b;--support-text:#1f2937;--support-text-light:#6b7280;--support-bg:#fff;--support-bg-light:#f9fafb;--support-border:#e5e7eb;--support-success:#059669;--support-warning:#d97706}.support-hero{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;overflow:hidden;padding:120px 0 80px;position:relative}.support-hero:before{background-image:radial-gradient(circle at 20% 80%,#ffffff1a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ffffff1a 0,#0000 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.support-hero .hero-content{position:relative;text-align:center;z-index:1}.support-page .support-hero .hero-content .hero-title{color:#fff!important;font-size:3.5rem!important;font-weight:800!important;letter-spacing:-.02em!important;line-height:1.2!important;margin-bottom:1.5rem!important}.support-page .support-hero .hero-content .hero-title .highlight{color:#fbbf24!important;position:relative}.support-page .support-hero .hero-content .hero-subtitle{color:#fff!important;font-size:1.25rem!important;line-height:1.8!important;margin:0 auto 3rem!important;max-width:600px!important;opacity:.95!important}.hero-contact-quick{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:500px}.quick-contact{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;display:flex;gap:1rem;max-width:400px;padding:1.5rem 2rem;width:100%}.contact-icon{font-size:2rem}.quick-contact strong{color:#fff;display:block;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.quick-contact p{color:#fff;font-size:.875rem;margin:0;opacity:.8}.support-nav{background:#fff;background:var(--support-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--support-border);padding:2rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.tab-navigation{justify-content:center;margin:0 auto;max-width:600px}.tab-button{align-items:center;background:#f9fafb;background:var(--support-bg-light);border:2px solid #e5e7eb;border:2px solid var(--support-border);border-radius:12px;color:#6b7280;color:var(--support-text-light);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 1.5rem;transition:all .3s ease}.tab-button:hover{color:#3b82f6;color:var(--support-primary);transform:translateY(-2px)}.tab-button.active,.tab-button:hover{border-color:#3b82f6;border-color:var(--support-primary)}.tab-button.active{background:#3b82f6;background:var(--support-primary);box-shadow:0 4px 15px #3b82f64d;color:#fff}.tab-button span:first-child{font-size:1.2rem}.section-title{color:var(--support-text);font-size:2.75rem;letter-spacing:-.02em;text-align:center}.section-subtitle{color:#6b7280;color:var(--support-text-light);font-size:1.25rem;line-height:1.8;margin:0 auto 4rem;max-width:600px;text-align:center}.faq-section{background:#f9fafb;background:var(--support-bg-light);padding:100px 0}.faq-categories{margin:0 auto;max-width:900px}.faq-category{margin-bottom:3rem}.category-title{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;color:#3b82f6;color:var(--support-primary);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;padding:1rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:1rem}.faq-item{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--support-border);border-radius:16px;box-shadow:0 4px 20px #0000000f;padding:2rem;transition:all .3s ease}.faq-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.faq-question{color:#1f2937;color:var(--support-text);font-size:1.125rem;font-weight:700;margin-bottom:1rem}.faq-answer,.faq-question{align-items:flex-start;display:flex;gap:1rem}.faq-icon{align-items:center;background:#3b82f6;background:var(--support-primary);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:700;height:24px;justify-content:center;width:24px}.faq-answer p{color:#6b7280;color:var(--support-text-light);line-height:1.7;margin:0}.contact-section{padding:100px 0}.contact-form{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--support-border);border-radius:20px;box-shadow:0 10px 30px #00000014;margin:0 auto;max-width:800px;padding:3rem}.form-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.form-group label{color:var(--support-text);font-size:.95rem}.form-group input,.form-group select,.form-group textarea{border:2px solid #e5e7eb;border:2px solid var(--support-border);border-radius:12px;font-family:inherit;padding:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--support-primary)}.form-group textarea{min-height:120px;resize:vertical}.submit-button{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--support-primary) 0,#1d4ed8 100%);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.125rem;font-weight:600;gap:1rem;margin-top:1rem;padding:1.25rem 2.5rem;transition:all .3s ease}.submit-button:hover{box-shadow:0 8px 25px #3b82f64d;transform:translateY(-2px)}.submit-button .arrow{font-size:1.5rem;transition:transform .3s ease}.submit-button:hover .arrow{transform:translateX(4px)}.contact-info-section{background:#f9fafb;background:var(--support-bg-light);padding:100px 0}.contact-grid{grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1000px}.contact-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--support-border);border-radius:20px;box-shadow:0 8px 25px #00000014;padding:2.5rem;text-align:center;transition:all .3s ease}.contact-card:hover{box-shadow:0 15px 35px #0000001f;transform:translateY(-5px)}.contact-card .contact-icon{font-size:3rem;margin-bottom:1.5rem}.contact-card h3{color:#1f2937;color:var(--support-text);font-size:1.25rem;font-weight:700;margin-bottom:1rem}.contact-value{color:#3b82f6;color:var(--support-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.contact-desc{color:#6b7280;color:var(--support-text-light);font-size:.875rem;margin-bottom:1.5rem}.kakao-button{background:#fee500;border:none;border-radius:8px;color:#3c1e1e;cursor:pointer;font-size:.95rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.kakao-button:hover{background:gold;transform:translateY(-2px)}.support-cta{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--support-secondary) 0,#059669 100%);color:#fff;padding:100px 0;text-align:center}.support-cta .cta-content h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.support-cta .cta-content p{font-size:1.25rem;line-height:1.8;margin-bottom:2.5rem;opacity:.95}.cta-buttons{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.cta-primary{background:#fff;border:none;border-radius:12px;color:#10b981;color:var(--support-secondary);cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.cta-primary:hover{box-shadow:0 8px 25px #ffffff4d;transform:translateY(-2px)}.cta-secondary{background:#0000;border:2px solid #fff;border-radius:12px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.cta-secondary:hover{background:#fff;color:#10b981;color:var(--support-secondary)}@media (max-width:1024px){.support-hero .hero-title{font-size:2.75rem}.hero-contact-quick{gap:2rem}.contact-grid,.form-row{grid-template-columns:1fr}.form-row{gap:1.5rem}}@media (max-width:768px){.support-hero{padding:100px 0 60px}.support-hero .hero-title{font-size:2.25rem}.hero-contact-quick{gap:1.25rem}.quick-contact{max-width:100%;padding:1.25rem 1.5rem}.tab-navigation{flex-direction:column;gap:.75rem}.tab-button{padding:.875rem 1.25rem}.section-title{font-size:2.25rem}.contact-card,.contact-form{padding:2rem}.cta-buttons{align-items:center;flex-direction:column}.cta-primary,.cta-secondary{max-width:300px;width:100%}}@media (max-width:640px){.support-hero .hero-subtitle{font-size:1.1rem}.section-title{font-size:1.875rem}.section-subtitle{font-size:1.1rem}.contact-form,.faq-item{padding:1.5rem}}.security-page{background:#f9fafb;min-height:calc(100vh - 72px);padding:3rem 0}.security-container{margin:0 auto;max-width:800px;padding:0 1.5rem}.page-header{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:3rem;text-align:center}.page-header .icon{font-size:4rem;margin-bottom:.5rem}.page-header h1{font-size:2rem;font-weight:800;margin:0;text-align:center}.page-header .subtitle{color:#6b7280;font-size:1.125rem;margin:.5rem 0 0;text-align:center}.effective-date{background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;color:#3b82f6;font-size:.875rem;font-weight:600;margin-top:.5rem;padding:.5rem 1rem}.security-content{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px #00000012;padding:3rem}.security-section{margin-bottom:3rem}.security-section:last-child{margin-bottom:0}.security-section h2{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem;padding-bottom:.75rem}.security-section h3{color:#1f2937;font-size:1.1rem;font-weight:600;margin:0 0 .75rem}.security-section h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .5rem}.security-section p{color:#4b5563;font-size:1rem;line-height:1.8;margin:0 0 1rem}.security-section p:last-child{margin-bottom:0}.subsection{margin:1.5rem 0}.security-section ol{margin:0;padding-left:1.5rem}.security-section ol li{color:#4b5563;font-size:1rem;line-height:1.8;margin-bottom:1rem}.security-section ol li:last-child{margin-bottom:0}.security-section ul{list-style-type:disc;margin:.5rem 0;padding-left:1.5rem}.security-section ul li{color:#6b7280;font-size:.95rem;line-height:1.6;margin-bottom:.5rem}.security-section ul li:last-child{margin-bottom:0}.security-section strong{color:#1f2937;font-weight:600}.security-table{border:1px solid #e5e7eb;border-collapse:collapse;margin:1rem 0;width:100%}.security-table td,.security-table th{border-bottom:1px solid #e5e7eb;padding:.75rem 1rem;text-align:left}.security-table th{background:#f8fafc;color:#1f2937;font-weight:600}.security-table td{color:#4b5563}.contact-info{background:#f8fafc;border-radius:8px;margin:1rem 0;padding:1.5rem}.contact-info h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.contact-info ul{list-style:none;margin:0;padding:0}.contact-info li{color:#4b5563;margin-bottom:.5rem}.contact-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:2rem 0}.contact-item{background:#f8fafc;border-radius:8px;padding:1.5rem}.contact-item h3{color:#1f2937;font-size:1.125rem;font-weight:600;margin:0 0 1rem}.contact-item ul{list-style:none;margin:0;padding:0}.contact-item li{color:#4b5563;margin-bottom:.5rem}.update-box{background:#f8fafc;border-radius:8px;margin:2rem 0;padding:1.5rem;text-align:center}.update-text{align-items:center;color:#4b5563;display:flex;gap:.5rem;justify-content:center;margin:.5rem 0}.update-icon{font-size:1.25rem}.container{margin:0 auto;max-width:800px;padding:0 1.5rem}.security-hero{background:#f9fafb;padding:3rem 0}.hero-content{text-align:center}.hero-title{align-items:center;color:#1f2937;display:flex;font-size:2rem;font-weight:800;gap:.75rem;justify-content:center;margin:0 0 1rem}.title-icon{font-size:3rem}.hero-subtitle{color:#6b7280;font-size:1.125rem;margin:0 0 2rem}.security-badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.badge{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.badge-icon{color:#10b981;font-weight:700}.administrative-security,.backup-recovery,.compliance,.contact-info,.incident-response,.infrastructure-security,.security-management,.security-overview,.technical-security,.update-info,.user-guide,.vulnerability-report{padding:2rem 0}.security-footer{margin-top:3rem}.notice-box{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;padding:1.5rem}.notice-box p{color:#1e40af;display:flex;font-size:.875rem;gap:.5rem;line-height:1.6;margin:0}.notice-box .icon{flex-shrink:0}@media (max-width:768px){.security-container{padding:0 1rem}.page-header .icon{font-size:3rem}.hero-title,.page-header h1{font-size:1.75rem}.page-header .subtitle{font-size:1rem}.effective-date{font-size:.8rem;padding:.4rem .8rem}.title-icon{font-size:2.5rem}.security-content{padding:2rem 1.5rem}.security-section h2{font-size:1.125rem}.security-section h3{font-size:1rem}.security-table{font-size:.875rem}.security-table td,.security-table th{padding:.5rem}.contact-grid{grid-template-columns:1fr}.security-badges{gap:.5rem}.badge{font-size:.75rem;padding:.375rem .75rem}}@media (max-width:480px){.security-page{padding:2rem 0}.page-header{gap:.75rem;margin-bottom:2rem}.page-header .icon{font-size:2.5rem}.hero-title,.page-header h1{font-size:1.5rem}.page-header .subtitle{font-size:.95rem}.effective-date{font-size:.75rem;padding:.375rem .75rem}.security-content{border-radius:12px;padding:1.5rem}.security-section{margin-bottom:2rem}.security-section h2{font-size:1rem;margin-bottom:1rem}.contact-item{padding:1rem}}:root{--sidebar-width:240px;--sidebar-collapsed-width:64px;--sidebar-bg:#fff;--sidebar-border:#e5e7eb;--sidebar-hover:#f3f4f6;--sidebar-active:linear-gradient(135deg,#6366f1,#4f46e5);--sidebar-text:#4b5563;--sidebar-text-active:#fff}.admin-sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #e5e7eb;border-right:1px solid var(--sidebar-border);box-shadow:2px 0 8px #0000000d;display:flex;flex-direction:column;height:100vh;left:0;position:fixed;top:0;transition:width .3s ease,transform .3s ease;width:240px;width:var(--sidebar-width);z-index:100}.admin-sidebar.collapsed{width:64px;width:var(--sidebar-collapsed-width)}.sidebar-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--sidebar-border);justify-content:space-between;padding:1.5rem 1rem}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{cursor:pointer;gap:.75rem;transition:opacity .2s}.sidebar-logo:hover{opacity:.8}.logo-icon{font-size:1.5rem;min-width:32px;text-align:center}.logo-text{color:#1f2937;font-size:1.1rem;font-weight:700;white-space:nowrap}.sidebar-close{background:none;border:none;color:#6b7280;cursor:pointer;display:none;font-size:1.25rem;padding:.25rem}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1rem 0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu li{margin-bottom:.25rem}.sidebar-menu-item{align-items:center;background:none;border:none;color:#4b5563;color:var(--sidebar-text);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;position:relative;text-align:left;transition:all .2s;width:100%}.sidebar-menu-item:hover{background:#f3f4f6;background:var(--sidebar-hover);color:#1f2937}.sidebar-menu-item.active{background:linear-gradient(135deg,#6366f1,#4f46e5);background:var(--sidebar-active);color:#fff;color:var(--sidebar-text-active)}.sidebar-menu-item.active .menu-icon{transform:scale(1.1)}.menu-icon{font-size:1.25rem;min-width:24px;text-align:center;transition:transform .2s}.menu-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-indicator{font-size:1.5rem;line-height:1;position:absolute;right:1rem}.sidebar-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--sidebar-border);display:flex;flex-direction:column;gap:.5rem;padding:1rem}.sidebar-toggle{background:#f3f4f6;background:var(--sidebar-hover);border:1px solid #e5e7eb;border:1px solid var(--sidebar-border);border-radius:6px;color:#4b5563;color:var(--sidebar-text);cursor:pointer;font-size:.875rem;padding:.5rem;transition:all .2s;width:100%}.sidebar-toggle:hover{background:#e5e7eb}.sidebar-logout{align-items:center;background:#fee2e2;border:none;border-radius:6px;color:#dc2626;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;transition:all .2s;width:100%}.sidebar-logout:hover{background:#fecaca}.admin-sidebar.collapsed .logo-text,.admin-sidebar.collapsed .menu-indicator,.admin-sidebar.collapsed .menu-label,.admin-sidebar.collapsed .sidebar-toggle{display:none}.admin-sidebar.collapsed .sidebar-header{justify-content:center;padding:1.5rem .5rem}.admin-sidebar.collapsed .sidebar-logout,.admin-sidebar.collapsed .sidebar-menu-item{justify-content:center;padding:.75rem}.admin-sidebar.collapsed .sidebar-footer{padding:.5rem}@media (max-width:768px){.admin-sidebar{left:0;position:fixed;top:0;transform:translateX(-100%);transition:transform .3s ease;width:240px!important;width:var(--sidebar-width)!important;z-index:100}.admin-sidebar.mobile.mobile-open{transform:translateX(0)}.admin-sidebar.mobile:not(.mobile-open){transform:translateX(-100%)}.sidebar-close{display:block!important}.sidebar-toggle-btn{display:none!important}}.admin-sidebar.collapsed .sidebar-menu-item:hover:after{background:#1f2937;border-radius:6px;box-shadow:0 4px 12px #00000026;color:#fff;content:attr(title);font-size:.875rem;left:calc(100% + 8px);padding:.5rem .75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);white-space:nowrap;z-index:1000}.admin-sidebar.collapsed .sidebar-menu-item:hover:before{border:4px solid #0000;border-right-color:#1f2937;content:"";left:100%;margin-left:0;position:absolute;top:50%;transform:translateY(-50%)}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#0000}.sidebar-nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#9ca3af}:root{--admin-primary-500:#1e40af;--admin-primary-600:#1d4ed8;--admin-secondary-500:#7c3aed;--admin-success-500:#059669;--admin-warning-500:#f59e0b;--admin-error-500:#dc2626;--admin-gray-50:#f8fafc;--admin-gray-100:#f1f5f9;--admin-gray-200:#e2e8f0;--admin-gray-300:#cbd5e1;--admin-gray-500:#64748b;--admin-gray-600:#475569;--admin-gray-800:#1e293b;--admin-shadow-md:0 4px 12px #0000001a;--admin-shadow-lg:0 8px 25px #00000026;--admin-transition-normal:0.25s cubic-bezier(0.4,0,0.2,1)}.admin-layout{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--admin-gray-50) 0,var(--admin-gray-100) 100%);display:flex;flex-direction:column;min-height:100vh;position:relative}.admin-main-content{flex:1 1;margin:0 auto;max-width:1400px;min-height:calc(100vh - 140px);overflow-y:auto;padding:0 2rem 70px;position:relative;scroll-behavior:smooth;width:100%}@media (max-width:768px){.admin-main-content{margin:0;max-width:100%;padding-bottom:65px;padding-left:.5rem;padding-right:.5rem}}.admin-toolbar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff2;border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-gray-200);bottom:0;box-shadow:0 -4px 20px #00000014;display:flex;height:60px;left:0;position:fixed;right:0;z-index:100}.toolbar-container{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem;width:100%}.toolbar-info{color:#475569;color:var(--admin-gray-600);font-size:.875rem;font-weight:500;gap:.75rem}.toolbar-info,.toolbar-user{align-items:center;display:flex}.toolbar-user{color:#1e293b;color:var(--admin-gray-800);font-weight:600;gap:.25rem}.toolbar-separator{color:#cbd5e1;color:var(--admin-gray-300);font-weight:400}.toolbar-time{color:#64748b;color:var(--admin-gray-500);font-weight:500}.toolbar-pending,.toolbar-time{align-items:center;display:flex;gap:.25rem}.toolbar-pending{animation:pulse 2s infinite;background:#ef44441a;border:1px solid #ef444433;border-radius:6px;color:#dc2626;color:var(--admin-error-500);font-weight:700;padding:.25rem .5rem}.toolbar-actions{gap:.5rem}.toolbar-actions,.toolbar-btn{align-items:center;display:flex}.toolbar-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:none;border:1px solid #e2e8f0;border:1px solid var(--admin-gray-200);border-radius:8px;color:#475569;color:var(--admin-gray-600);cursor:pointer;font-size:1rem;height:36px;justify-content:center;padding:.5rem;position:relative;transition:.25s cubic-bezier(.4,0,.2,1);transition:var(--admin-transition-normal);width:36px}.toolbar-btn:hover{background:#f1f5f9;background:var(--admin-gray-100);border-color:#cbd5e1;border-color:var(--admin-gray-300);box-shadow:0 4px 12px #0000001a;box-shadow:var(--admin-shadow-md);color:#1e293b;color:var(--admin-gray-800);transform:translateY(-1px)}.toolbar-btn:active{box-shadow:none;transform:translateY(0)}.toolbar-btn.loading{animation:spin 1s linear infinite;border-color:#1e40af;border-color:var(--admin-primary-500);color:#1e40af;color:var(--admin-primary-500)}.toolbar-btn.logout{border-color:#ef44444d;color:#dc2626;color:var(--admin-error-500)}.toolbar-btn.logout:hover{background:#ef44440d;border-color:#dc2626;border-color:var(--admin-error-500);color:#dc2626;color:var(--admin-error-500)}@media (max-width:1024px){.toolbar-container{padding:0 1.5rem}.admin-main-content{padding-bottom:65px;padding-left:1rem;padding-right:1rem}}@media (max-width:768px){.toolbar-container{padding:0 1rem}.toolbar-info{font-size:.8rem;gap:.5rem}.toolbar-btn{font-size:.875rem;height:32px;width:32px}.admin-main-content{margin:0;max-width:100%;min-height:calc(100vh - 130px);padding-bottom:60px;padding-left:0;padding-right:0}}@media (max-width:480px){.toolbar-container{padding:0 .75rem}.toolbar-info .toolbar-time,.toolbar-info .toolbar-user{display:none}.toolbar-info{font-size:.75rem}.toolbar-actions{gap:.25rem}.toolbar-btn{font-size:.8rem;height:30px;width:30px}.admin-main-content{min-height:calc(100vh - 120px);padding-bottom:55px;padding-left:0;padding-right:0}.admin-toolbar{height:55px}}.toolbar-btn:focus{outline:2px solid #1e40af;outline:2px solid var(--admin-primary-500);outline-offset:2px}.toolbar-btn:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.toolbar-btn:hover{transform:none}}.admin-toolbar,.toolbar-btn,.toolbar-pending{will-change:transform}.admin-toolbar{contain:layout style paint}.admin-main-content.with-toolbar{padding-bottom:70px}.admin-toolbar.hidden{transform:translateY(100%);transition:transform .3s ease-out}.admin-toolbar.visible{transform:translateY(0);transition:transform .3s ease-out}.admin-topbar{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px 0 #0000000d;display:flex;height:64px;justify-content:space-between;overflow:hidden;padding:0 20px;position:-webkit-sticky;position:sticky;position:relative;top:0;transition:all .3s ease;z-index:100}.admin-topbar:hover{box-shadow:0 2px 4px 0 #00000014}.topbar-left{flex:0 0 auto;min-width:60px}.menu-toggle-btn,.topbar-left{align-items:center;display:flex}.menu-toggle-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.menu-toggle-btn:hover{background:#f3f4f6;border-color:#d1d5db;box-shadow:0 2px 4px #0000001a;color:#1e40af;transform:translateY(-1px)}.menu-toggle-btn:active{transform:translateY(0)}.menu-icon{font-size:24px;line-height:1}.topbar-center{align-items:center;display:flex;flex:1 1;justify-content:center;min-width:0}.page-title{font-size:20px;gap:10px;letter-spacing:-.5px;margin:0;white-space:nowrap}.page-title:before{background:linear-gradient(180deg,#1e40af,#3b82f6);border-radius:2px;content:"";display:inline-block;height:24px;width:4px}.topbar-right{align-items:center;display:flex;flex:0 0 auto;gap:12px;justify-content:flex-end;min-width:60px}.page-actions{flex-shrink:0;gap:10px}.page-actions .action-btn{align-items:center;border:1px solid;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;height:40px;justify-content:center;min-width:-webkit-fit-content;min-width:fit-content;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.page-actions .action-btn.primary{background:linear-gradient(135deg,#1e40af,#3b82f6);border-color:#1e40af;color:#fff}.page-actions .action-btn.primary:hover{background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 4px 12px #1e40af40;transform:translateY(-1px)}.page-actions .action-btn.secondary{background:#fff;border-color:#e5e7eb;color:#6b7280}.page-actions .action-btn.secondary:hover{background:#f9fafb;border-color:#d1d5db;color:#1e40af}.page-actions .action-btn.danger{background:#fff;border-color:#fee2e2;color:#dc2626}.page-actions .action-btn.danger:hover{background:#fef2f2;border-color:#fecaca;transform:translateY(-1px)}.page-actions .action-btn .icon{align-items:center;display:inline-flex;flex-shrink:0;font-size:16px;justify-content:center;line-height:1}.refresh-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.refresh-btn:hover:not(:disabled){background:#f3f4f6;border-color:#d1d5db;color:#1e40af;transform:rotate(90deg)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-btn.loading{animation:spin 1s linear infinite}.user-info{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;display:flex;gap:10px;padding:8px 16px;transition:all .2s ease}.user-info:hover{background:#f9fafb;border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.user-icon{align-items:center;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:50%;display:flex;font-size:14px;height:24px;justify-content:center;width:24px}.user-name{color:#1f2937;font-size:14px;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-badge{position:relative}.notification-badge:after{background:#dc2626;border:2px solid #fff;border-radius:50%;content:"";height:8px;position:absolute;right:-2px;top:-2px;width:8px}@media (max-width:1024px){.admin-topbar{padding:0 16px}.page-title{font-size:18px}.page-actions{gap:8px}.page-actions .action-btn{font-size:13px;padding:8px 12px}}@media (max-width:768px){.admin-topbar{height:56px;padding:0 12px}.page-title{font-size:16px}.page-title:before{height:20px;width:3px}.topbar-left,.topbar-right{min-width:40px}.user-info{padding:6px 12px}.user-name{display:none}.page-actions .action-btn{font-size:13px;height:36px;padding:6px 12px}.page-actions .action-btn .icon{font-size:14px}.page-actions .action-btn span:not(.icon){display:none}.menu-toggle-btn,.refresh-btn{height:36px;width:36px}}@media (max-width:480px){.page-actions{gap:6px}.page-actions .action-btn:not(.primary){display:none}.page-title{font-size:14px}}@media (prefers-color-scheme:dark){.admin-topbar{background:linear-gradient(135deg,#1f2937,#111827);border-bottom-color:#374151}.menu-toggle-btn,.refresh-btn{background:#374151;border-color:#4b5563;color:#d1d5db}.menu-toggle-btn:hover,.refresh-btn:hover:not(:disabled){background:#4b5563;border-color:#6b7280;color:#60a5fa}.page-title{color:#f3f4f6}.user-info{background:#374151;border-color:#4b5563}.user-info:hover{background:#4b5563;border-color:#6b7280}.user-name{color:#f3f4f6}.page-actions .action-btn.secondary{background:#374151;border-color:#4b5563;color:#d1d5db}.page-actions .action-btn.secondary:hover{background:#4b5563;border-color:#6b7280;color:#60a5fa}}:root{--admin-primary:#6366f1;--admin-primary-hover:#4f46e5;--admin-primary-light:#e0e7ff;--admin-danger:#ef4444;--admin-info:#3b82f6;--admin-bg-primary:#f8f9fa;--admin-bg-secondary:#fff;--admin-spacing-xs:4px;--admin-spacing-sm:8px;--admin-spacing-md:16px;--admin-spacing-lg:24px;--admin-spacing-xl:32px;--admin-sidebar-width:240px;--admin-sidebar-collapsed:64px;--admin-topbar-height:64px;--admin-content-max-width:1400px;--admin-mobile:768px;--admin-tablet:1024px;--admin-desktop:1440px;--admin-wide:1920px}.admin-unified-layout{background:#f8f9fa;background:var(--admin-bg-primary);display:flex;min-height:100vh}.admin-main-area{display:flex;flex:1 1;flex-direction:column;margin-left:240px;margin-left:var(--admin-sidebar-width);transition:margin-left .3s ease}.admin-main-area.sidebar-collapsed{margin-left:64px;margin-left:var(--admin-sidebar-collapsed)}.admin-content{flex:1 1}.admin-content,.content-wrapper{padding:24px;padding:var(--admin-spacing-lg)}.content-wrapper{background:#fff;background:var(--admin-bg-secondary);border-radius:8px;box-shadow:0 1px 3px #0000001a;margin:0 auto;width:100%}.admin-content.content-standard .content-wrapper{max-width:1400px}.admin-content.content-wide .content-wrapper{max-width:1600px}.admin-content.content-narrow .content-wrapper{max-width:960px}.admin-content.content-full .content-wrapper{border-radius:0;box-shadow:none;max-width:100%}@media (min-width:1920px){.content-wrapper{box-shadow:0 4px 6px #00000012}}@media (max-width:768px){.admin-main-area{margin-left:0!important}.admin-content,.content-wrapper{padding:16px;padding:var(--admin-spacing-md)}.content-wrapper{border-radius:0;box-shadow:none}.admin-overlay{background:#00000080;inset:0;position:fixed;z-index:99}}.standardized-host-info{background:#0000;color:#1e293b;display:flex;flex-direction:column;font-size:12px;gap:16px;line-height:1.4}.standardized-host-info.compact{font-size:11px;gap:12px}.simple-info-list{display:flex;flex-direction:column;gap:6px}.standardized-host-info.compact .simple-info-list{gap:4px}.info-row{align-items:flex-start;background:none;border:none;gap:8px;padding:0}.info-label{flex-shrink:0;font-size:12px;text-align:left}.standardized-host-info.compact .info-label{font-size:11px;min-width:70px}.info-value{align-items:center;display:flex;flex:1 1;min-height:16px}.field-value{align-items:center;color:#1e293b;display:inline-flex;font-size:12px;word-break:break-all}.standardized-host-info.compact .field-value{font-size:11px}.field-value.empty{color:#9ca3af;font-style:italic}.field-value.text{color:#1e293b}.data-quality-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;margin-top:8px;padding:12px}.data-quality-section h4{color:#374151;font-size:12px;font-weight:600;margin:0 0 8px}.quality-indicators{display:flex;flex-direction:column;gap:4px}.quality-item{align-items:center;display:flex;font-size:10px;gap:8px}.quality-label{color:#6b7280;font-weight:500;min-width:120px}.quality-value{border-radius:3px;font-family:Consolas,Monaco,monospace;font-size:9px;padding:2px 6px}.quality-value.found{background:#d1fae5;color:#065f46}.quality-value.missing{background:#fee2e2;color:#991b1b}.standardization-status{align-items:center;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:4px;color:#065f46;display:flex;font-size:10px;gap:6px;margin-top:8px;padding:6px 8px}.status-icon{font-size:12px}.status-text{font-weight:600}.status-time{color:#6b7280;font-size:9px;margin-left:auto}.error-status{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#991b1b;display:flex;font-size:10px;gap:6px;margin-top:8px;padding:6px 8px}.error-icon{color:#dc2626;font-size:12px}.error-text{font-weight:600}.error-message{color:#6b7280;font-size:9px;margin-left:auto}.standardized-host-info.error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;display:flex;justify-content:center;padding:20px}.error-message{font-size:12px;font-weight:500;gap:8px}.error-message .error-icon{color:#dc2626;font-size:16px}.standardized-host-info.approval{border-left:3px solid #10b981;padding-left:12px}.standardized-host-info.detail{border-left:3px solid #3b82f6;padding-left:12px}.standardized-host-info.edit{border-left:3px solid #f59e0b;padding-left:12px}@media (max-width:768px){.info-label,.standardized-host-info{font-size:11px}.info-label{min-width:70px}.field-value{font-size:11px}}@media print{.standardized-host-info{background:#fff;color:#000}.data-quality-section,.error-status,.standardization-status{display:none}}:root{--virtualization-bg:#fff;--performance-accent:#059669;--optimization-highlight:#1e40af}.admin-page{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-size:var(--text-base);padding:1.5rem;padding:var(--spacing-xl)}@media (max-width:768px){.admin-page{padding:0}}.admin-page.optimized.integrated{background:#f8fafc;background:var(--admin-bg)}.admin-page.optimized.integrated:before{background:#059669;background:var(--performance-accent);border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;content:"🚀 6단계 통합";font-size:12px;font-weight:600;opacity:.8;padding:4px 8px;pointer-events:none;position:fixed;right:10px;top:10px;z-index:1000}.host-stats-section{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}@media (max-width:768px){.host-stats-section{gap:.5rem;padding:0 .5rem}}.stat-card{border:1px solid var(--admin-border);border-radius:.5rem;box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--admin-shadow-sm);transition:all .2s ease}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-1px)}.stat-card.pending,.stat-card.processing{border-left:4px solid #f59e0b;border-left:4px solid var(--status-pending)}.stat-card.success{border-left:4px solid #059669;border-left:4px solid var(--status-approved)}.stat-card.error{border-left:4px solid #dc2626;border-left:4px solid var(--status-rejected)}.stat-card.warning{border-left:4px solid #f59e0b;border-left:4px solid var(--status-pending)}.stat-card.revenue{border-left:4px solid #059669;border-left:4px solid var(--performance-accent)}.stat-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.stat-icon,.stat-label{font-size:1rem}.stat-icon{font-size:var(--text-lg);opacity:.7}.stat-value{font-size:1.25rem;font-size:var(--text-2xl)}.filters-section.enhanced{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--admin-shadow-sm);display:block!important;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);opacity:1!important;padding:1.5rem;padding:var(--spacing-xl);visibility:visible!important}@media (max-width:768px){.filters-section,.filters-section.enhanced{border-radius:0;margin:0;padding:1rem}}.filters-header h3{font-size:1rem;font-size:var(--text-lg)}.search-stats{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.stats-badge{background:#1e40af;background:var(--admin-primary)}.searching-badge,.stats-badge{border-radius:.375rem;border-radius:var(--radius-md);color:#fff;font-size:1rem;font-size:var(--text-xs);font-weight:500;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.searching-badge{animation:pulse 1.5s ease-in-out infinite;background:#f59e0b;background:var(--status-pending)}.filters-row.enhanced{grid-gap:1rem;grid-gap:var(--spacing-lg);align-items:end;display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:auto auto auto 1fr auto}.filter-group{align-self:end;gap:.25rem;gap:var(--spacing-xs);min-width:140px}.filter-group label{color:var(--admin-text-secondary);font-size:1rem;font-weight:500;height:auto;line-height:1.2;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.filter-group select{border:1px solid #e5e7eb;border-radius:.375rem;box-sizing:border-box;color:#1f2937;color:var(--admin-text-primary);font-size:1rem;height:40px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.filter-group select:focus{border-color:#1e40af;box-shadow:0 0 0 3px #1e40af1a}.search-group.enhanced{align-self:end;display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);min-width:300px}.search-input-container{align-items:center;display:flex}.search-input.enhanced{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.375rem;border-radius:var(--radius-md);box-sizing:border-box;font-size:1rem;font-size:var(--text-sm);height:40px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);padding-right:70px;transition:all .2s ease;width:100%}.search-input.enhanced:focus{border-color:#1e40af;border-color:var(--admin-primary);box-shadow:0 0 0 3px #1e40af1a;outline:none}.search-clear-btn{align-items:center;background:#dc2626;background:var(--status-rejected);border-radius:50%;color:#fff;display:flex;font-size:14px;height:22px;justify-content:center;right:35px;transition:all .15s ease;width:22px}.search-clear-btn:hover{background:#b91c1c}.search-status{position:absolute;right:.5rem;right:var(--spacing-sm);top:50%;transform:translateY(-50%)}.search-loading{animation:spin 1s linear infinite;font-size:1rem;font-size:var(--text-sm)}.advanced-search-toggle{align-self:flex-start;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.375rem;border-radius:var(--radius-md);box-sizing:border-box;color:#6b7280;color:var(--admin-text-secondary);cursor:pointer;font-size:1rem;font-size:var(--text-sm);height:40px;margin-top:24px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.advanced-search-toggle:hover{border-color:#1e40af;border-color:var(--admin-primary);color:#1e40af;color:var(--admin-primary)}.advanced-search-toggle.active{background:#1e40af;background:var(--admin-primary);border-color:#1e40af;border-color:var(--admin-primary);color:#fff}.hosts-section.optimized.integrated{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--admin-shadow-sm);padding:1.5rem;padding:var(--spacing-xl)}@media (max-width:768px){.hosts-section,.hosts-section.optimized.integrated,.hosts-section.paginated{border-radius:0;margin:0;padding:1rem}}.section-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--admin-border-light);padding-bottom:.75rem;padding-bottom:var(--spacing-md)}.section-header h2{color:#1f2937;font-size:1.125rem;font-size:var(--text-xl);font-weight:600}.header-actions{gap:.5rem;gap:var(--spacing-sm)}.performance-indicator{align-items:center;background:#059669;background:var(--performance-accent);border-radius:.375rem;border-radius:var(--radius-md);color:#fff;display:flex;font-size:1rem;font-size:var(--text-xs);font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.sort-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.375rem;border-radius:var(--radius-md);cursor:pointer;font-size:1rem;font-size:var(--text-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .2s ease}.sort-select:focus{border-color:#1e40af;border-color:var(--admin-primary);box-shadow:0 0 0 3px #1e40af1a;outline:none}.hosts-table.virtualized.integrated{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.5rem;border-radius:var(--radius-lg);overflow:hidden}@media (max-width:768px){.hosts-table.virtualized.integrated{overflow-x:auto;width:100%}.table-body .table-row,.table-header .table-row{min-width:600px;padding:.75rem}.virtualized-container{overflow-x:auto;width:100%}}.table-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--admin-border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.table-header .table-row{color:#1f2937;color:var(--admin-text-primary);font-size:1rem;font-size:var(--text-base);font-weight:600;min-height:60px}.table-body .table-row,.table-header .table-row{grid-gap:.75rem;grid-gap:var(--spacing-md);align-items:center;display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:120px 100px 1fr 1fr 140px;padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl)}.table-body .table-row{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--admin-border-light);min-height:90px;transition:background-color .15s ease}.table-body .table-row:hover{background:#f9fafb}.table-body .table-row:last-child{border-bottom:none}.table-body .table-row.pending_approval{border-left:3px solid #f59e0b;border-left:3px solid var(--status-pending)}.table-body .table-row.approved{border-left:3px solid #059669;border-left:3px solid var(--status-approved)}.table-body .table-row.rejected{border-left:3px solid #dc2626;border-left:3px solid var(--status-rejected)}.table-body .table-row.suspended{border-left:3px solid #6b7280;border-left:3px solid var(--status-suspended)}.table-cell{color:#1f2937;color:var(--admin-text-primary);display:flex;flex-direction:column;font-size:1rem;font-size:var(--text-base);justify-content:center;line-height:1.4}.status-badge.enhanced,.table-cell.status-cell{align-items:center;justify-content:center}.status-badge.enhanced{border:1px solid;border-radius:.375rem;border-radius:var(--radius-md);display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:600;gap:.25rem;gap:var(--spacing-xs);letter-spacing:.5px;min-height:32px;min-width:100px;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.status-badge.enhanced.pending_approval{background:#fef3c7;border-color:#f59e0b;border-color:var(--status-pending);color:#92400e}.status-badge.enhanced.approved{background:#d1fae5;border-color:#059669;border-color:var(--status-approved);color:#065f46}.status-badge.enhanced.rejected{background:#fee2e2;border-color:#dc2626;border-color:var(--status-rejected);color:#991b1b}.status-badge.enhanced.suspended{background:#f3f4f6;border-color:#6b7280;border-color:var(--status-suspended);color:#374151}.status-icon{font-size:var(--text-sm)}.table-cell.date-cell{align-items:center;justify-content:center;text-align:center}.date-main{color:#1f2937;color:var(--admin-text-primary);font-family:ui-monospace,SF Mono,monospace;font-size:1rem;font-size:var(--text-base);font-weight:600}.table-cell.host-cell{gap:.25rem;gap:var(--spacing-xs);justify-content:flex-start}.host-primary-info{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.host-name{color:#1f2937;margin-bottom:4px}.host-email{color:#6b7280;color:var(--admin-text-secondary);font-family:ui-monospace,SF Mono,monospace;font-size:1rem;font-size:var(--text-base)}.host-secondary-info{display:flex;flex-direction:column;gap:2px}.host-phone{color:#6b7280;color:var(--admin-text-secondary);font-family:ui-monospace,SF Mono,monospace}.host-manager,.host-phone{font-size:1rem;font-size:var(--text-base)}.host-manager{color:#9ca3af;color:var(--admin-text-muted)}.table-cell.accommodation-cell{gap:.25rem;gap:var(--spacing-xs);justify-content:flex-start}.accommodation-primary-info{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.accommodation-name{color:#1f2937;color:var(--admin-text-primary);font-weight:600;line-height:1.3;margin-bottom:4px}.accommodation-name,.accommodation-type{font-size:1rem;font-size:var(--text-base)}.accommodation-type{background:#f3f4f6;background:var(--admin-border-light);border-radius:.25rem;border-radius:var(--radius-sm);color:#6b7280;color:var(--admin-text-secondary);display:inline-block;padding:3px 8px;width:-webkit-fit-content;width:fit-content}.business-info{display:flex;flex-direction:column;gap:2px}.business-number{color:#6b7280;color:var(--admin-text-secondary);font-family:ui-monospace,SF Mono,monospace}.business-number,.verification-status{font-size:1rem;font-size:var(--text-base)}.verification-status{font-weight:500}.status-verified{color:#059669;color:var(--status-approved)}.status-unverified{color:#f59e0b;color:var(--status-pending)}.table-cell.action-cell{align-items:center;justify-content:center;padding:.5rem;padding:var(--spacing-sm)}.action-container{gap:.25rem;gap:var(--spacing-xs);max-width:140px}.action-container,.primary-actions{display:flex;flex-direction:column;width:100%}.primary-actions{gap:6px;justify-content:center}.action-btn{flex:0 0 auto;font-size:var(--text-sm);gap:4px;line-height:1;min-width:60px;padding:8px 12px}.action-btn.success{background:#059669;background:var(--status-approved);color:#fff}.action-btn.success:hover:not(:disabled){background:#047857}.action-btn.error{background:#dc2626;background:var(--status-rejected);color:#fff}.action-btn.error:hover:not(:disabled){background:#b91c1c}.action-btn.secondary{background:#64748b;background:var(--admin-secondary);color:#fff}.action-btn.secondary:hover:not(:disabled){background:#475569}.btn-label{font-size:1rem;font-size:var(--text-sm);font-weight:500}.search-highlight{background:#fef3c7!important;border-radius:3px!important;color:#92400e!important;font-weight:500!important;padding:2px 4px!important}.conflict-warning{align-items:center;background:#fef3c7;border:1px solid #f59e0b;border:1px solid var(--status-pending);border-radius:.25rem;border-radius:var(--radius-sm);color:#92400e;display:flex;font-size:1rem;font-size:var(--text-sm);font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);top:.25rem;top:var(--spacing-xs)}.conflict-warning,.processing-status-enhanced{position:absolute;right:.25rem;right:var(--spacing-xs);z-index:5}.processing-status-enhanced{background:#ecfdf5;border:1px solid #059669;border:1px solid var(--status-approved);border-radius:.25rem;border-radius:var(--radius-sm);bottom:.25rem;bottom:var(--spacing-xs);left:.25rem;left:var(--spacing-xs);padding:.5rem;padding:var(--spacing-sm)}.processing-progress{background:#f3f4f6;background:var(--admin-border-light);border-radius:2px;height:4px;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);overflow:hidden;width:100%}.progress-bar{background:#059669;background:var(--status-approved);border-radius:2px;height:100%;transition:width .3s ease}.processing-message{color:#059669;color:var(--status-approved);font-size:1rem;font-size:var(--text-sm);font-weight:500;text-align:center}.virtualized-container{background:#fff;border-radius:.5rem;border-radius:var(--radius-lg);overflow:hidden;width:100%}.virtual-scroll-container{-webkit-overflow-scrolling:touch;height:600px;overflow-y:auto;width:100%}.virtual-scroll-container::-webkit-scrollbar{width:6px}.virtual-scroll-container::-webkit-scrollbar-track{background:#f1f5f9}.virtual-scroll-container::-webkit-scrollbar-thumb{background:#d1d5db;background:var(--admin-border-dark);border-radius:3px}.virtual-scroll-container::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--admin-text-muted)}.virtual-content{position:relative;width:100%}.virtualization-info{background:#f9fafb;border-top:1px solid #f3f4f6;border-top:1px solid var(--admin-border-light);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);text-align:center}.virtualization-info small{color:#6b7280;color:var(--admin-text-secondary);font-size:1rem;font-size:var(--text-xs)}.modal-content{max-width:700px}.modal-content.large{max-width:900px}.modal-header h3{color:#1f2937;font-size:1.125rem;font-weight:600}.modal-close{border-radius:.25rem}.host-summary{background:#f3f4f6;border-radius:.375rem;border-radius:var(--radius-md);margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.host-summary h4{color:#1f2937;font-size:1rem;font-weight:600;margin:0 0 .75rem;margin:0 0 var(--spacing-md) 0}.summary-grid{grid-gap:.75rem;grid-gap:var(--spacing-md);gap:.75rem;gap:var(--spacing-md)}.summary-item{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--admin-border);padding:.5rem 0;padding:var(--spacing-sm) 0}.summary-item .label{color:#6b7280;color:var(--admin-text-secondary);font-size:1rem;font-size:var(--text-base);font-weight:500}.summary-item span:last-child{color:#1f2937;color:var(--admin-text-primary);font-size:1rem;font-size:var(--text-base);font-weight:600}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.form-group label{color:#1f2937;font-size:1rem;font-size:var(--text-base);font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--admin-border);border-radius:.375rem;border-radius:var(--radius-md);box-sizing:border-box;font-size:var(--text-base);padding:.75rem;padding:var(--spacing-md);transition:all .15s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1e40af;border-color:var(--admin-primary);box-shadow:0 0 0 3px #1e40af1a}.admin-btn{border-radius:.375rem;border-radius:var(--radius-md);font-size:1rem;font-size:var(--text-base);font-weight:500;min-height:44px;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg)}.admin-btn.primary{background:#1e40af}.admin-btn.primary:hover:not(:disabled){background:#1e3a8a}.admin-btn.secondary{background:#64748b;background:var(--admin-secondary)}.admin-btn.secondary:hover:not(:disabled){background:#475569}.admin-btn.success{background:#059669;background:var(--status-approved)}.admin-btn.success:hover:not(:disabled){background:#047857}.admin-btn.error{background:#dc2626;background:var(--status-rejected)}.admin-btn.error:hover:not(:disabled){background:#b91c1c}.loading-content{border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--admin-shadow-md);max-width:500px;padding:3rem;padding:var(--spacing-3xl)}.loading-spinner-large{border:4px solid #e5e7eb;border-top:4px solid #1e40af;height:50px;margin:0 auto 1rem;margin:0 auto var(--spacing-lg) auto;width:50px}.loading-content h3{color:#1f2937;font-size:1.125rem;font-weight:600}.loading-content p{color:#6b7280}.optimization-features{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs);justify-content:center;margin-top:.75rem;margin-top:var(--spacing-md)}.feature{background:#059669;background:var(--performance-accent);border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:500;padding:3px 8px}.table-body .table-row.no-data{background:#f9fafb;border:none;grid-column:1/-1;justify-content:center;min-height:250px;padding:3rem;padding:var(--spacing-3xl);text-align:center}.no-hosts{color:#9ca3af;color:var(--admin-text-muted);text-align:center}.no-hosts-icon{font-size:4rem;margin-bottom:1rem;margin-bottom:var(--spacing-lg);opacity:.5}.no-hosts h3{color:#6b7280;color:var(--admin-text-secondary);font-size:1.125rem;font-size:var(--text-xl);font-weight:600;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.no-hosts p{font-size:1rem;font-size:var(--text-base);margin:0}.admin-page.paginated{background:#f8fafc;background:var(--admin-bg)}.admin-page.paginated:before{background:#1e40af;background:var(--admin-primary);border-radius:.25rem;border-radius:var(--radius-sm);color:#fff;content:"🎴 페이지네이션";font-size:10px;font-weight:600;opacity:.8;padding:4px 8px;pointer-events:none;position:fixed;right:10px;top:50px;z-index:1000}.hosts-section.paginated{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--admin-shadow-sm);padding:1.5rem;padding:var(--spacing-xl)}.layout-indicator{align-items:center;background:#1e40af;background:var(--admin-primary);border-radius:.375rem;border-radius:var(--radius-md);color:#fff;display:flex;font-size:1rem;font-size:var(--text-xs);font-weight:500;gap:.25rem;gap:var(--spacing-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.layout-icon{font-size:1rem;font-size:var(--text-sm)}.layout-text{font-size:1rem;font-size:var(--text-xs);font-weight:500}.paginated-host-list{display:flex;flex-direction:column;gap:1.5rem;gap:var(--spacing-xl);width:100%}.no-hosts-container{align-items:center;display:flex;justify-content:center;min-height:300px;width:100%}.host-cards-grid{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:1rem;margin-bottom:var(--spacing-lg)}@media (max-width:768px){.host-card{box-sizing:border-box;margin:0 0 .5rem;padding:.75rem;width:100%}.card-accommodation-info,.card-host-info{text-align:left;width:100%}.card-actions{justify-content:space-around;width:100%}}.host-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.375rem;border-radius:var(--radius-md);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--admin-shadow-sm);display:flex;flex-direction:column;min-height:120px;overflow:hidden;padding:4px;position:relative;transition:all .2s ease}.host-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.host-card.pending_approval{background:#fef3c7;border-left:4px solid #f59e0b;border-left:4px solid var(--status-pending)}.host-card.approved{background:#d1fae5;border-left:4px solid #059669;border-left:4px solid var(--status-approved)}.host-card.rejected{background:#fee2e2;border-left:4px solid #dc2626;border-left:4px solid var(--status-rejected)}.host-card.suspended{background:#fee2e2;border-left:4px solid #6b7280;border-left:4px solid var(--status-suspended)}.card-status{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--admin-border-light);display:flex;margin-bottom:17px;padding-bottom:1px;text-align:center;width:100%}.card-status,.card-status .status-badge{align-items:center;justify-content:center}.card-status .status-badge{border:1px solid;border-radius:.25rem;border-radius:var(--radius-sm);display:inline-flex;font-weight:600;gap:1px;height:22px;letter-spacing:.3px;min-width:70px;padding:2px 8px;text-transform:uppercase}.card-date,.card-status .status-badge{font-size:1rem;font-size:var(--text-base)}.card-date{color:#9ca3af;color:var(--admin-text-muted);font-family:ui-monospace,SF Mono,monospace;font-weight:500;position:absolute;right:4px;top:4px}.card-host-info{flex:1 1;margin-bottom:1px}.card-host-info .host-name{color:#1f2937;color:var(--admin-text-primary);font-size:1rem;font-size:var(--text-base);font-weight:700;line-height:1;margin-bottom:2px;text-align:center}.card-host-info .host-details{display:flex;flex-direction:column;gap:0}.card-host-info .detail-item{align-items:center;display:flex;font-size:1rem;font-size:var(--text-base);gap:2px;line-height:.9;margin-bottom:0;text-align:left}.card-host-info .detail-item .label{flex-shrink:0;font-size:1rem;font-size:var(--text-base);text-align:center;width:20px}.card-host-info .detail-item .value{color:#6b7280;color:var(--admin-text-secondary);flex:1 1;font-weight:400;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.card-accommodation-info{margin-bottom:1px;padding-top:0}.card-accommodation-info .accommodation-name{color:#1f2937;color:var(--admin-text-primary);font-size:1rem;font-size:var(--text-base);font-weight:600;line-height:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-accommodation-info .accommodation-details{display:flex;flex-direction:column;gap:0}.card-accommodation-info .detail-item{align-items:center;display:flex;font-size:1rem;font-size:var(--text-base);gap:2px;line-height:.9;margin-bottom:0;text-align:left}.card-accommodation-info .detail-item .label{flex-shrink:0;font-size:1rem;font-size:var(--text-base);text-align:center;width:20px}.card-accommodation-info .detail-item .value{color:#6b7280;color:var(--admin-text-secondary);flex:1 1;font-weight:400;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.card-accommodation-info .detail-item .value.verified{color:#059669;color:var(--status-approved);font-weight:600}.card-accommodation-info .detail-item .value.unverified{color:#f59e0b;color:var(--status-pending);font-weight:600}.card-actions{border-top:1px solid #f3f4f6;border-top:1px solid var(--admin-border-light);display:flex;gap:4px;margin-top:auto;padding-top:1px;text-align:center;width:100%}.card-actions,.card-actions .action-btn{align-items:center;justify-content:center}.card-actions .action-btn{border:none;border-radius:.25rem;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;flex:0 0 auto;font-size:1rem;font-size:var(--text-base);font-weight:500;gap:2px;height:30px;line-height:1;min-width:50px;padding:6px 8px;transition:all .15s ease;white-space:nowrap}.card-actions .action-btn.approve{background:#059669;background:var(--status-approved);color:#fff}.card-actions .action-btn.approve:hover:not(:disabled){background:#047857;transform:translateY(-1px)}.card-actions .action-btn.reject{background:#dc2626;background:var(--status-rejected);color:#fff}.card-actions .action-btn.reject:hover:not(:disabled){background:#b91c1c;transform:translateY(-1px)}.card-actions .action-btn.detail{background:#64748b;background:var(--admin-secondary);color:#fff}.card-actions .action-btn.detail:hover:not(:disabled){background:#475569;transform:translateY(-1px)}.pagination-container{align-items:center;background:#f9fafb;border:1px solid #f3f4f6;border:1px solid var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;margin-top:1.5rem;margin-top:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}@media (max-width:768px){.pagination-container{border-radius:0;margin:0;padding:1rem}}.pagination-info{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg)}.pagination-summary{color:#6b7280;color:var(--admin-text-secondary);font-size:1rem;font-size:var(--text-sm);font-weight:500}.items-per-page{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.items-per-page label{color:#6b7280;color:var(--admin-text-secondary);font-size:1rem;font-size:var(--text-sm);font-weight:500}.items-per-page select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.25rem;border-radius:var(--radius-sm);color:#1f2937;color:var(--admin-text-primary);cursor:pointer;font-size:1rem;font-size:var(--text-sm);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);transition:all .2s ease}.items-per-page select:focus{border-color:#1e40af;border-color:var(--admin-primary);box-shadow:0 0 0 2px #1e40af1a;outline:none}.pagination-controls{gap:.25rem;gap:var(--spacing-xs)}.pagination-btn{border-radius:.25rem;border-radius:var(--radius-sm);color:#1f2937;color:var(--admin-text-primary);font-size:var(--text-sm);font-weight:500;height:36px;min-width:40px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.pagination-btn:hover:not(:disabled){background:#1e40af0d}.pagination-btn:disabled{background:#f3f4f6;color:#9ca3af;color:var(--admin-text-muted)}.pagination-btn.active:hover{background:#1e3a8a;background:var(--admin-primary-dark);border-color:#1e3a8a;border-color:var(--admin-primary-dark)}.pagination-btn.next,.pagination-btn.prev{font-weight:600;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg)}.modal-content.flat-modal{background:#fff;border:1px solid #e2e8f0;border-radius:4px;box-shadow:0 4px 6px -1px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;max-height:85vh;max-width:500px;overflow-y:auto;width:90%}.modal-header.flat-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.modal-header.flat-header h3{color:#1e293b;font-size:1rem;font-size:var(--text-base);font-weight:600;margin:0}.modal-header.flat-header .modal-close{background:none;border:none;color:#64748b;cursor:pointer;font-size:18px;line-height:1;padding:4px;transition:none}.modal-header.flat-header .modal-close:hover{background:none;border-radius:0;color:#475569}.modal-body.flat-body{background:#fff;line-height:1.4;padding:20px}.flat-info-container{display:flex;flex-direction:column;gap:16px}.flat-info-section{margin-bottom:16px}.flat-info-section:last-child{margin-bottom:0}.flat-info-section h4{background:none;border:none;color:#1e293b;font-size:1rem;font-size:var(--text-base);font-weight:600;margin:0 0 8px;padding:0}.flat-info-list{flex-direction:column;gap:6px;margin:0;padding:0}.flat-info-list,.flat-info-row{background:none;border:none;display:flex}.flat-info-row{align-items:center;border-radius:0;justify-content:space-between;padding:4px 0}.flat-info-row:last-child{border-bottom:none}.flat-info-label{color:#64748b;font-weight:500;margin:0;min-width:80px;text-align:left}.flat-info-label,.flat-info-value{font-size:1rem;font-size:var(--text-sm);padding:0}.flat-info-value{color:#1e293b;flex:1 1;font-weight:400;margin:0 0 0 16px;text-align:right}.flat-info-value.credit-balance{color:#059669;font-weight:600}.flat-info-value.verified{color:#059669;font-weight:500}.flat-info-value.unverified{color:#f59e0b;font-weight:500}.modal-actions.flat-actions{background:#fff;border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;padding:16px 20px}.modal-actions.flat-actions .admin-btn{background:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;font-size:1rem;font-size:var(--text-sm);font-weight:500;padding:8px 16px;transition:none}.modal-actions.flat-actions .admin-btn:hover{background:#f8fafc;border-color:#cbd5e1}@media (max-width:1024px){.admin-container{margin:0;max-width:none}.host-stats-section{grid-template-columns:repeat(3,1fr)}.host-cards-grid{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.pagination-container{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.pagination-info{justify-content:space-between}.pagination-controls{justify-content:center}}@media (max-width:768px){.admin-page{padding:0}.host-stats-section{gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.host-card{height:auto;min-height:auto;padding:.75rem;padding:var(--spacing-md);text-align:left}.card-host-info .host-name{font-size:1rem;font-size:var(--text-base);text-align:center}.status-badge.enhanced{font-size:1rem;font-size:var(--text-base);min-height:36px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.modal-content{margin:.75rem;margin:var(--spacing-md);width:calc(100% - 2rem)}.modal-header h3{font-size:1rem;font-size:var(--text-lg)}.host-summary h4{font-size:1rem;font-size:var(--text-base)}}@media (max-width:480px){.admin-page{padding:0}.filters-section,.host-card,.host-stats-section,.hosts-section{border-radius:0;margin:0}.host-stats-section{grid-template-columns:1fr}.action-btn{font-size:1rem;font-size:var(--text-sm);min-height:40px}}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.host-card{animation:cardFadeIn .3s ease-out}.host-card,.modal-content,.pagination-container,.stat-card,.table-body .table-row{contain:layout style}.host-cards-grid{contain:layout}.action-btn:focus,.admin-btn:focus,.filter-group select:focus,.items-per-page select:focus,.pagination-btn:focus,.search-input:focus{outline:2px solid #1e40af;outline:2px solid var(--admin-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.host-card,.loading-spinner-large{animation:none}}@media (max-width:768px){.stats-grid{gap:.75rem!important;grid-template-columns:1fr 1fr!important}.stat-card{padding:1rem .75rem!important}.stat-header{margin-bottom:.5rem!important}.stat-label{font-size:.75rem!important}.stat-value{font-size:1.25rem!important;font-weight:700!important}.stat-icon{font-size:1rem!important}}.manual-credit-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;padding:1.5rem}.manual-credit-container{display:flex;flex-direction:column;gap:1.5rem}.search-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.selected-host-section{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;padding:1rem}.host-info-card{background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:1rem}.host-basic-info{display:flex;flex-direction:column;gap:.5rem}.info-row{align-items:center;display:flex;justify-content:space-between;padding:.25rem 0}.info-row .label{color:#475569;font-weight:600;min-width:100px}.info-row .value{color:#1e293b;font-weight:500}.credit-balance{background:#dcfce7;border-radius:4px;color:#166534;font-weight:700;padding:.25rem .5rem}.grant-form-section{background:#fefce8;border:1px solid #facc15;border-radius:8px;padding:1rem}.grant-form{display:flex;flex-direction:column;gap:1rem}.grant-guide{background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:1rem}.guide-content h3{color:#334155;margin-bottom:.75rem}.guide-content ul{list-style:none;margin:0;padding:0}.guide-content li{border-bottom:1px solid #e2e8f0;color:#64748b;padding:.5rem 0}.guide-content li:before{color:#3b82f6;content:"• ";font-weight:700}.admin-btn.large{font-size:1rem;font-weight:600;padding:.75rem 1.5rem}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #fff;border-top-color:#0000;height:1rem;margin-right:.5rem;width:1rem}@media (max-width:768px){.manual-credit-section{margin-bottom:1rem;padding:1rem}.manual-credit-container{gap:1rem}.info-row{align-items:flex-start;flex-direction:column;gap:.25rem}.info-row .label{font-size:.875rem;min-width:auto}}.detail-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;display:flex;gap:.25rem}.detail-btn:hover{background:linear-gradient(135deg,#4f46e5,#4338ca);box-shadow:0 4px 12px #6366f14d;transform:translateY(-1px)}.host-actions{display:flex;flex-wrap:wrap;gap:.5rem}@media (max-width:768px){.action-btn{flex:1 1;justify-content:center;min-width:100px}.detail-btn{flex:1 1 100%;margin-bottom:.5rem}}.filters-section{border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;padding:1.5rem 2rem}.filters-row{grid-gap:1rem!important;align-items:end!important;display:grid!important;gap:1rem!important;grid-template-columns:1fr 1fr 1fr 1fr 2fr!important}.filter-group{display:flex!important;flex-direction:column!important;gap:.5rem!important;height:100%!important}.filter-group label{height:1.2rem!important;line-height:1.2rem!important;margin-bottom:.5rem!important}.filter-group.search{grid-column:span 2!important}@media (max-width:768px){.filters-row{gap:1rem!important;grid-template-columns:1fr!important}.filter-group.search{grid-column:span 1!important}.filters-section{padding:1rem!important}.filters-row{gap:1.25rem!important;grid-template-columns:1fr!important}.filter-group input,.filter-group select,.search-input{font-size:16px!important;height:44px!important}.filter-group label{font-size:.9rem!important;margin-bottom:.375rem!important}}.filter-group select,.filters-section select,.sort-enhanced,.sort-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;background-color:#fff!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5' stroke='%23475569' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-position:right 12px center!important;background-repeat:no-repeat!important;background-size:12px!important;border:1px solid #e2e8f0!important;border-radius:6px!important;cursor:pointer!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important;font-size:14px!important;height:40px!important;line-height:24px!important;min-height:40px!important;outline:none!important;overflow:hidden!important;padding:8px 32px 8px 12px!important;text-overflow:ellipsis!important;transition:all .2s ease!important;vertical-align:middle!important;white-space:nowrap!important}.filter-group select:hover,.filters-section select:hover,.sort-enhanced:hover,.sort-select:hover{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f11a!important}.filter-group select:focus,.filters-section select:focus,.sort-enhanced:focus,.sort-select:focus{border-color:#6366f1!important;box-shadow:0 0 0 3px #6366f126!important}.filter-group{flex:1 1;gap:8px;min-width:180px}.filter-group label{color:#475569;font-size:13px;margin-bottom:4px}.filter-group select{width:100%!important}.filter-group:first-child{flex:0.8 1;max-width:200px;min-width:160px}.filter-group:nth-child(2){flex:1.5 1;max-width:350px;min-width:280px}.filter-group:nth-child(3){flex:0.7 1;max-width:180px;min-width:140px}.search-group{display:flex;flex:2 1;flex-direction:column;gap:8px}.search-group.enhanced{flex:2.5 1;min-width:350px}.search-input-container{position:relative;width:100%}.search-input{padding-right:40px!important;width:100%!important}.filter-group option,.filters-section option{font-size:14px!important;line-height:1.5!important;padding:8px 12px!important}.filter-group select:disabled,.filters-section select:disabled{background-color:#f8fafc!important;color:#94a3b8!important;cursor:not-allowed!important;opacity:.6!important}.filters-row{align-items:flex-end;gap:20px;justify-content:space-between;padding:16px 0;width:100%}.filters-row.enhanced{background:#f8fafc;border-radius:8px;box-shadow:0 1px 3px #0000000d;margin-bottom:20px;padding:24px}.filters-section{width:100%}.filters-section.enhanced{margin:0 auto;max-width:100%}@media (max-width:768px){.filter-group select,.filters-section select,.sort-enhanced,.sort-select{font-size:13px!important;height:36px!important;min-height:36px!important;padding:6px 28px 6px 10px!important}.filter-group{min-width:100%}.filters-row{align-items:stretch;flex-direction:column}}:root{--toast-success:#10b981;--toast-success-bg:#d1fae5;--toast-success-border:#6ee7b7;--toast-success-text:#065f46;--toast-error:#ef4444;--toast-error-bg:#fef2f2;--toast-error-border:#fecaca;--toast-error-text:#7f1d1d;--toast-warning:#f59e0b;--toast-warning-bg:#fef3c7;--toast-warning-border:#fde047;--toast-warning-text:#92400e;--toast-info:#3b82f6;--toast-info-bg:#dbeafe;--toast-info-border:#93c5fd;--toast-info-text:#1e40af;--toast-loading:#8b5cf6;--toast-loading-bg:#f3e8ff;--toast-loading-border:#c084fc;--toast-loading-text:#5b21b6;--toast-bg:#fff;--toast-border:#e5e7eb;--toast-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--toast-text:#1f2937;--toast-text-secondary:#6b7280;--toast-spacing-xs:0.25rem;--toast-spacing-sm:0.5rem;--toast-spacing-md:0.75rem;--toast-spacing-lg:1rem;--toast-spacing-xl:1.5rem;--toast-spacing-2xl:2rem;--toast-radius:0.75rem;--toast-radius-sm:0.5rem;--toast-radius-lg:1rem;--toast-duration-fast:0.15s;--toast-duration-normal:0.3s;--toast-duration-slow:0.5s;--toast-z-index:9999}.admin-toast-container{display:flex;flex-direction:column;gap:.75rem;gap:var(--toast-spacing-md);max-width:400px;pointer-events:none;position:fixed;width:100%;z-index:9999;z-index:var(--toast-z-index)}.admin-toast-container.top-right{right:2rem;right:var(--toast-spacing-2xl);top:2rem;top:var(--toast-spacing-2xl)}.admin-toast-container.top-left{left:2rem;left:var(--toast-spacing-2xl);top:2rem;top:var(--toast-spacing-2xl)}.admin-toast-container.top-center{left:50%;top:2rem;top:var(--toast-spacing-2xl);transform:translateX(-50%)}.admin-toast-container.bottom-right{bottom:2rem;bottom:var(--toast-spacing-2xl);right:2rem;right:var(--toast-spacing-2xl)}.admin-toast-container.bottom-left{bottom:2rem;bottom:var(--toast-spacing-2xl);left:2rem;left:var(--toast-spacing-2xl)}.admin-toast-container.bottom-center{bottom:2rem;bottom:var(--toast-spacing-2xl);left:50%;transform:translateX(-50%)}.toast-wrapper{pointer-events:auto;position:relative;transform:translateY(0);transform:translateY(calc(var(--stack-index, 0)*var(--stacking-offset, 8px)));transition:transform .3s ease-out;transition:transform var(--toast-duration-normal) ease-out}.toast-wrapper:hover{transform:translateY(0)}.toast-wrapper:hover~.toast-wrapper{transform:translateY(8px);transform:translateY(calc((var(--stack-index, 0) + 1)*var(--stacking-offset, 8px)))}.admin-toast{background:#fff;background:var(--toast-bg);border:2px solid #e5e7eb;border:2px solid var(--toast-border);border-radius:.75rem;border-radius:var(--toast-radius);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--toast-shadow);max-width:400px;opacity:0;overflow:hidden;position:relative;transform:translateX(100%) scale(.9);transition:opacity .3s ease-out,transform .3s cubic-bezier(.68,-.55,.265,1.55);transition:opacity var(--toast-duration-normal) ease-out,transform var(--toast-duration-normal) cubic-bezier(.68,-.55,.265,1.55);width:100%}.admin-toast.visible{opacity:1;transform:translateX(0) scale(1)}.admin-toast.closing{opacity:0;transform:translateX(100%) scale(.9);transition:opacity .15s ease-in,transform .15s ease-in;transition:opacity var(--toast-duration-fast) ease-in,transform var(--toast-duration-fast) ease-in}.admin-toast.success{background:linear-gradient(135deg,#d1fae5,#ecfdf5);background:linear-gradient(135deg,var(--toast-success-bg) 0,#ecfdf5 100%);border-color:#6ee7b7;border-color:var(--toast-success-border)}.admin-toast.error{background:linear-gradient(135deg,#fef2f2,#fef7f7);background:linear-gradient(135deg,var(--toast-error-bg) 0,#fef7f7 100%);border-color:#fecaca;border-color:var(--toast-error-border)}.admin-toast.warning{background:linear-gradient(135deg,#fef3c7,#fefbf3);background:linear-gradient(135deg,var(--toast-warning-bg) 0,#fefbf3 100%);border-color:#fde047;border-color:var(--toast-warning-border)}.admin-toast.info{background:linear-gradient(135deg,#dbeafe,#f0f9ff);background:linear-gradient(135deg,var(--toast-info-bg) 0,#f0f9ff 100%);border-color:#93c5fd;border-color:var(--toast-info-border)}.admin-toast.loading{background:linear-gradient(135deg,#f3e8ff,#faf5ff);background:linear-gradient(135deg,var(--toast-loading-bg) 0,#faf5ff 100%);border-color:#c084fc;border-color:var(--toast-loading-border)}.admin-toast.high{border-width:3px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 4px #ef44441a;box-shadow:var(--toast-shadow),0 0 0 4px #ef44441a}.admin-toast.urgent{animation:toastPulse 1s ease-in-out infinite;border-width:3px}@keyframes toastPulse{0%,to{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 0 #ef444466;box-shadow:var(--toast-shadow),0 0 0 0 #ef444466}50%{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 0 8px #ef44441a;box-shadow:var(--toast-shadow),0 0 0 8px #ef44441a}}.toast-progress{background:#0000001a;border-radius:.75rem .75rem 0 0;border-radius:var(--toast-radius) var(--toast-radius) 0 0;height:4px;left:0;overflow:hidden;position:absolute;right:0;top:0}.toast-progress-bar{background:linear-gradient(90deg,currentColor,currentColor);border-radius:inherit;height:100%;transition:width .05s linear}.admin-toast.success .toast-progress-bar{background:linear-gradient(90deg,#10b981,#059669);background:linear-gradient(90deg,var(--toast-success) 0,#059669 100%)}.admin-toast.error .toast-progress-bar{background:linear-gradient(90deg,#ef4444,#dc2626);background:linear-gradient(90deg,var(--toast-error) 0,#dc2626 100%)}.admin-toast.warning .toast-progress-bar{background:linear-gradient(90deg,#f59e0b,#d97706);background:linear-gradient(90deg,var(--toast-warning) 0,#d97706 100%)}.admin-toast.info .toast-progress-bar{background:linear-gradient(90deg,#3b82f6,#1d4ed8);background:linear-gradient(90deg,var(--toast-info) 0,#1d4ed8 100%)}.toast-content{align-items:flex-start;gap:var(--toast-spacing-md);padding:1rem;padding:var(--toast-spacing-lg);position:relative}.toast-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1.125rem;height:24px;justify-content:center;margin-top:2px;width:24px}.admin-toast.success .toast-icon{background:#d1fae5;background:var(--toast-success-bg);color:#10b981;color:var(--toast-success)}.admin-toast.error .toast-icon{background:#fef2f2;background:var(--toast-error-bg);color:#ef4444;color:var(--toast-error)}.admin-toast.warning .toast-icon{background:#fef3c7;background:var(--toast-warning-bg);color:#f59e0b;color:var(--toast-warning)}.admin-toast.info .toast-icon{background:#dbeafe;background:var(--toast-info-bg);color:#3b82f6;color:var(--toast-info)}.admin-toast.loading .toast-icon{background:#f3e8ff;background:var(--toast-loading-bg);color:#8b5cf6;color:var(--toast-loading)}.toast-spinner{animation:toastSpin 1s linear infinite}@keyframes toastSpin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.toast-message{min-width:0}.toast-title{color:#1f2937;color:var(--toast-text);line-height:1.3;margin-bottom:.25rem;margin-bottom:var(--toast-spacing-xs)}.toast-text{word-wrap:break-word;color:#6b7280;color:var(--toast-text-secondary);font-size:.875rem;line-height:1.5}.admin-toast.success .toast-title{color:#065f46;color:var(--toast-success-text)}.admin-toast.error .toast-title{color:#7f1d1d;color:var(--toast-error-text)}.admin-toast.warning .toast-title{color:#92400e;color:var(--toast-warning-text)}.admin-toast.info .toast-title{color:#1e40af;color:var(--toast-info-text)}.admin-toast.loading .toast-title{color:#5b21b6;color:var(--toast-loading-text)}.toast-actions{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--toast-spacing-sm);margin-top:.75rem;margin-top:var(--toast-spacing-md)}.toast-action-btn{align-items:center;background:#0000;border:1px solid;border-radius:.5rem;border-radius:var(--toast-radius-sm);color:currentColor;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:600;gap:.25rem;gap:var(--toast-spacing-xs);padding:.5rem .75rem;padding:var(--toast-spacing-sm) var(--toast-spacing-md);transition:all .15s ease;transition:all var(--toast-duration-fast) ease;white-space:nowrap}.toast-action-btn:hover{background:currentColor;color:#fff;transform:translateY(-1px)}.toast-action-btn:active{transform:translateY(0)}.toast-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.toast-action-btn.primary{background:currentColor;color:#fff}.toast-action-btn.primary:hover{background:#0000;color:currentColor}.toast-action-btn.secondary{background:#0000;border-color:#6b7280;border-color:var(--toast-text-secondary);color:#6b7280;color:var(--toast-text-secondary)}.toast-action-btn.secondary:hover{background:#6b7280;background:var(--toast-text-secondary);color:#fff}.action-icon{font-size:.875rem}.toast-close-btn{align-items:center;background:#0000001a;border:none;border-radius:50%;color:#6b7280;color:var(--toast-text-secondary);cursor:pointer;display:flex;font-size:1.125rem;font-weight:400;height:24px;justify-content:center;line-height:1;opacity:.7;position:absolute;right:.5rem;right:var(--toast-spacing-sm);top:.5rem;top:var(--toast-spacing-sm);transition:all .15s ease;transition:all var(--toast-duration-fast) ease;width:24px}.toast-close-btn:hover{background:#0003;opacity:1;transform:scale(1.1)}.toast-close-btn:active{transform:scale(.95)}@media (max-width:768px){.admin-toast-container{left:1rem!important;left:var(--toast-spacing-lg)!important;max-width:320px;right:1rem!important;right:var(--toast-spacing-lg)!important}.admin-toast-container.bottom-center,.admin-toast-container.top-center{left:1rem;left:var(--toast-spacing-lg);max-width:none;right:1rem;right:var(--toast-spacing-lg);transform:none}.admin-toast{max-width:none}.toast-content{padding:.75rem;padding:var(--toast-spacing-md)}.toast-actions{flex-direction:column}.toast-action-btn{justify-content:center;width:100%}}@media (max-width:480px){.admin-toast-container{bottom:1rem!important;bottom:var(--toast-spacing-lg)!important;left:.75rem!important;left:var(--toast-spacing-md)!important;right:.75rem!important;right:var(--toast-spacing-md)!important;top:1rem!important;top:var(--toast-spacing-lg)!important}.toast-content{gap:.5rem;gap:var(--toast-spacing-sm);padding:.75rem;padding:var(--toast-spacing-md)}.toast-icon{font-size:1rem;height:20px;width:20px}.toast-text,.toast-title{font-size:.8125rem}.toast-action-btn{font-size:.75rem;padding:.5rem;padding:var(--toast-spacing-sm)}.toast-close-btn{font-size:1rem;height:20px;width:20px}}@media (prefers-color-scheme:dark){:root{--toast-bg:#1f2937;--toast-border:#374151;--toast-text:#f9fafb;--toast-text-secondary:#d1d5db;--toast-shadow:0 10px 15px -3px #00000080,0 4px 6px -2px #00000040}.toast-close-btn{background:#ffffff1a;color:#6b7280;color:var(--toast-text-secondary)}.toast-close-btn:hover{background:#fff3}.toast-progress{background:#ffffff1a}}@media (prefers-contrast:high){.admin-toast{border-width:3px}.toast-action-btn{border-width:2px}}@media (prefers-reduced-motion:reduce){.admin-toast,.toast-action-btn,.toast-close-btn,.toast-progress-bar,.toast-wrapper{animation:none;transition:none}.admin-toast.visible{opacity:1;transform:translateX(0) scale(1)}.admin-toast.closing{opacity:0}.toast-spinner{animation:none}}.toast-action-btn:focus,.toast-close-btn:focus{outline:2px solid currentColor;outline-offset:2px}.admin-toast-container{-ms-overflow-style:none;max-height:calc(100vh - 4rem);overflow-y:auto;scrollbar-width:none}.admin-toast-container::-webkit-scrollbar{display:none}.admin-toast-container:empty{display:none}.admin-toast{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:opacity,transform}.toast-progress-bar{transform:translateZ(0);will-change:width}:root{--notification-system:#6b7280;--notification-system-bg:#f9fafb;--notification-system-border:#e5e7eb;--notification-security:#ef4444;--notification-security-bg:#fef2f2;--notification-security-border:#fecaca;--notification-warning:#f59e0b;--notification-warning-bg:#fef3c7;--notification-warning-border:#fde047;--notification-info:#3b82f6;--notification-info-bg:#dbeafe;--notification-info-border:#93c5fd;--notification-update:#10b981;--notification-update-bg:#d1fae5;--notification-update-border:#6ee7b7;--notification-maintenance:#8b5cf6;--notification-maintenance-bg:#f3e8ff;--notification-maintenance-border:#c084fc;--priority-urgent:#ef4444;--priority-high:#f59e0b;--priority-normal:#6b7280;--priority-low:#9ca3af;--notification-bg:#fff;--notification-border:#e5e7eb;--notification-text:#1f2937;--notification-text-muted:#6b7280;--notification-shadow:0 4px 6px -1px #0000001a;--notification-radius:0.75rem;--notification-spacing:1rem}.notification-center{background:#fff;background:var(--notification-bg);border:1px solid #e5e7eb;border:1px solid var(--notification-border);border-radius:.75rem;border-radius:var(--notification-radius);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--notification-shadow);max-height:500px;max-width:400px;overflow:hidden;position:relative}.notification-center.expanded{max-height:80vh}.notification-center.empty{padding:1rem;padding:var(--notification-spacing);text-align:center}.empty-state{color:var(--notification-text-muted)}.empty-state h3{color:#1f2937;color:var(--notification-text)}.empty-state p{font-size:.875rem}.notification-center-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--notification-border);display:flex;justify-content:space-between;padding:1rem;padding:var(--notification-spacing)}.center-title h3{color:#1f2937;color:var(--notification-text);font-size:1.125rem;font-weight:700;margin:0 0 .25rem}.notification-stats{display:flex;flex-wrap:wrap;gap:.5rem}.stat-item{background:#e5e7eb;background:var(--notification-border);border-radius:12px;color:#6b7280;color:var(--notification-text-muted);font-size:.75rem;font-weight:600;padding:.125rem .5rem}.stat-item.unread{background:#3b82f6;background:var(--notification-info);color:#fff}.stat-item.urgent{background:#ef4444;background:var(--priority-urgent);color:#fff}.expand-toggle{align-items:center;background:none;border:1px solid #e5e7eb;border:1px solid var(--notification-border);border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s ease;width:32px}.expand-toggle:hover{background:#e5e7eb;background:var(--notification-border)}.notification-filters{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--notification-border);display:flex;flex-wrap:wrap;gap:1rem;padding:.75rem 1rem;padding:.75rem var(--notification-spacing)}.filter-group label{color:#6b7280;color:var(--notification-text-muted);font-size:.75rem}.filter-select{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--notification-border);border-radius:.375rem;font-size:.75rem;padding:.25rem .5rem}.filter-actions{display:flex;gap:.5rem;margin-left:auto}.filter-action-btn{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--notification-border);border-radius:.375rem;color:#1f2937;color:var(--notification-text);cursor:pointer;font-size:.75rem;padding:.25rem .5rem;transition:all .15s ease}.filter-action-btn:hover{background:#e5e7eb;background:var(--notification-border)}.filter-action-btn.outline{background:#0000;color:#6b7280;color:var(--notification-text-muted)}.notification-list{max-height:400px;overflow-y:auto;scrollbar-width:thin}.notification-more{background:#f9fafb;border-top:1px solid #e5e7eb;border-top:1px solid var(--notification-border);padding:.5rem 1rem;padding:.5rem var(--notification-spacing);text-align:center}.more-btn{background:none;border:1px solid #e5e7eb;border:1px solid var(--notification-border);border-radius:.375rem;color:#6b7280;color:var(--notification-text-muted);cursor:pointer;font-size:.75rem;padding:.5rem 1rem;transition:all .15s ease}.more-btn:hover{background:#e5e7eb;background:var(--notification-border)}.admin-notification{background:#fff;background:var(--notification-bg);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--notification-border);cursor:pointer;padding:1rem;padding:var(--notification-spacing);position:relative;transition:all .15s ease}.admin-notification:hover{background:#f9fafb}.admin-notification:last-child{border-bottom:none}.admin-notification.unread{background:linear-gradient(90deg,#3b82f605,#0000);border-left:4px solid #3b82f6;border-left:4px solid var(--notification-info)}.admin-notification.urgent{background:linear-gradient(90deg,#ef444405,#0000);border-left:4px solid #ef4444;border-left:4px solid var(--priority-urgent)}.admin-notification.compact{padding:.75rem 1rem;padding:.75rem var(--notification-spacing)}.admin-notification.processing{opacity:.7;pointer-events:none}.notification-priority-indicator{height:8px;position:absolute;right:.5rem;top:.5rem;width:8px}.notification-priority-indicator,.priority-pulse{background:#ef4444;background:var(--priority-urgent);border-radius:50%}.priority-pulse{animation:priorityPulse 1.5s ease-in-out infinite;height:100%;width:100%}@keyframes priorityPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.notification-content{display:flex;flex-direction:column;gap:.75rem}.notification-header{align-items:flex-start;display:flex;gap:.75rem}.notification-icon{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:1rem;height:32px;justify-content:center;width:32px}.admin-notification.system .notification-icon,.notification-icon{background:#f9fafb;background:var(--notification-system-bg)}.admin-notification.security .notification-icon{background:#fef2f2;background:var(--notification-security-bg)}.admin-notification.warning .notification-icon{background:#fef3c7;background:var(--notification-warning-bg)}.admin-notification.info .notification-icon{background:#dbeafe;background:var(--notification-info-bg)}.admin-notification.update .notification-icon{background:#d1fae5;background:var(--notification-update-bg)}.admin-notification.maintenance .notification-icon{background:#f3e8ff;background:var(--notification-maintenance-bg)}.notification-meta{flex:1 1;min-width:0}.notification-title{color:#1f2937;color:var(--notification-text);font-size:.875rem;font-weight:600;line-height:1.3;margin:0 0 .25rem}.notification-info{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.notification-time{color:#6b7280;color:var(--notification-text-muted);font-size:.75rem}.notification-type-label{background:#e5e7eb;background:var(--notification-border);color:#6b7280;color:var(--notification-text-muted);font-weight:600}.notification-type-label,.priority-badge{border-radius:.25rem;font-size:.625rem;padding:.125rem .375rem;text-transform:uppercase}.priority-badge{align-items:center;display:flex;font-weight:700;gap:.25rem}.priority-badge.high{background:#fef3c7;background:var(--notification-warning-bg);color:#f59e0b;color:var(--notification-warning)}.priority-badge.urgent{background:#fef2f2;background:var(--notification-security-bg);color:#ef4444;color:var(--notification-security)}.notification-status{align-items:center;display:flex;gap:.5rem}.unread-indicator{background:#3b82f6;background:var(--notification-info);border-radius:50%;height:8px;width:8px}.processing-indicator{animation:spin 1s linear infinite;font-size:.875rem}.notification-message{padding-left:2.75rem}.notification-message p{color:#1f2937;color:var(--notification-text);font-size:.875rem;line-height:1.5;margin:0}.expand-btn{background:none;border:none;color:#3b82f6;color:var(--notification-info);cursor:pointer;font-size:.75rem;margin-top:.25rem;text-decoration:underline}.notification-data{grid-gap:.25rem;display:grid;gap:.25rem;padding-left:2.75rem}.data-item{display:flex;font-size:.75rem;gap:.5rem}.data-key{color:#6b7280;color:var(--notification-text-muted);font-weight:600;min-width:60px}.data-value{color:#1f2937;color:var(--notification-text);word-break:break-all}.notification-actions{display:flex;flex-wrap:wrap;gap:.5rem;padding-left:2.75rem}.notification-action-btn{align-items:center;background:#0000;border:1px solid;border-radius:.375rem;color:#3b82f6;color:var(--notification-info);cursor:pointer;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;padding:.375rem .75rem;transition:all .15s ease}.notification-action-btn:hover{background:currentColor;color:#fff}.notification-action-btn:disabled{cursor:not-allowed;opacity:.5}.notification-action-btn.primary{background:#3b82f6;background:var(--notification-info);color:#fff}.notification-action-btn.primary:hover{background:#1d4ed8}.notification-action-btn.outline,.notification-action-btn.secondary{color:#6b7280;color:var(--notification-text-muted)}.notification-action-btn.outline{border-color:#e5e7eb;border-color:var(--notification-border)}.action-icon{font-size:.75rem}@media (max-width:768px){.notification-center{margin:0 1rem;max-width:100%}.notification-filters{align-items:stretch;flex-direction:column;gap:.5rem}.filter-actions{justify-content:center;margin-left:0}.notification-actions{flex-direction:column}.notification-action-btn{justify-content:center}}@media (max-width:480px){.notification-center{margin:0 .5rem}.notification-header{gap:.5rem}.notification-icon{font-size:.875rem;height:24px;width:24px}.notification-actions,.notification-data,.notification-message{padding-left:2rem}}@media (prefers-color-scheme:dark){:root{--notification-bg:#1f2937;--notification-border:#374151;--notification-text:#f9fafb;--notification-text-muted:#d1d5db;--notification-shadow:0 4px 6px -1px #0000004d}.notification-center-header,.notification-filters,.notification-more{background:#374151}.filter-action-btn,.filter-select,.more-btn{background:#1f2937;border-color:#4b5563;color:#1f2937;color:var(--notification-text)}}.admin-notification:focus{outline:2px solid #3b82f6;outline:2px solid var(--notification-info);outline-offset:-2px}.notification-action-btn:focus{outline:2px solid currentColor;outline-offset:2px}@media (prefers-reduced-motion:reduce){.admin-notification,.notification-action-btn,.priority-pulse,.processing-indicator{animation:none;transition:none}}.notification-list{contain:layout style paint}.admin-notification{will-change:background-color}:root{--progress-primary:#3b82f6;--progress-success:#10b981;--progress-warning:#f59e0b;--progress-error:#ef4444;--progress-info:#06b6d4;--progress-track:#e5e7eb;--progress-track-dark:#374151;--progress-height-small:4px;--progress-height-medium:8px;--progress-height-large:12px;--progress-transition:all 0.3s ease;--progress-animation-duration:2s}.admin-progress-indicator{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1rem}.admin-progress-indicator.completed{background:linear-gradient(135deg,#ecfdf5,#f0fdf4);border-color:#10b981;border-color:var(--progress-success)}.admin-progress-indicator.error{background:linear-gradient(135deg,#fef2f2,#fef7f7);border-color:#ef4444;border-color:var(--progress-error)}.admin-progress-indicator.paused{background:linear-gradient(135deg,#fef3c7,#fefbf3);border-color:#f59e0b;border-color:var(--progress-warning)}.progress-header{display:flex;flex-direction:column;gap:.25rem}.progress-title{color:#1f2937;font-size:1rem;font-weight:600;margin:0}.progress-description{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.progress-linear{display:flex;flex-direction:column;gap:.5rem}.progress-label{align-items:center;display:flex;justify-content:space-between}.progress-text{color:#374151;font-size:.875rem;font-weight:600}.progress-track{background:#e5e7eb;background:var(--progress-track);border-radius:1rem;overflow:hidden;position:relative;width:100%}.progress-linear.small .progress-track{height:4px;height:var(--progress-height-small)}.progress-linear.medium .progress-track{height:8px;height:var(--progress-height-medium)}.progress-linear.large .progress-track{height:12px;height:var(--progress-height-large)}.progress-fill{background:var(--progress-primary);border-radius:inherit;position:relative;transition:all .3s ease;transition:var(--progress-transition)}.progress-fill.primary{background:linear-gradient(90deg,#3b82f6,#1d4ed8);background:linear-gradient(90deg,var(--progress-primary),#1d4ed8)}.progress-fill.success{background:linear-gradient(90deg,#10b981,#059669);background:linear-gradient(90deg,var(--progress-success),#059669)}.progress-fill.warning{background:linear-gradient(90deg,#f59e0b,#d97706);background:linear-gradient(90deg,var(--progress-warning),#d97706)}.progress-fill.error{background:linear-gradient(90deg,#ef4444,#dc2626);background:linear-gradient(90deg,var(--progress-error),#dc2626)}.progress-fill.animated{overflow:hidden;position:relative}.progress-fill.animated:before{animation:progressShine 2s infinite;animation:progressShine var(--progress-animation-duration) infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes progressShine{0%{left:-100%}to{left:100%}}.progress-fill.striped{animation:progressStripes 1s linear infinite;background-image:linear-gradient(45deg,#ffffff26 25%,#0000 0,#0000 50%,#ffffff26 0,#ffffff26 75%,#0000 0,#0000);background-size:1rem 1rem}@keyframes progressStripes{0%{background-position:0 0}to{background-position:1rem 0}}.progress-circular{align-items:center;display:flex;justify-content:center;position:relative}.progress-svg{transform:rotate(0deg)}.progress-background{color:#e5e7eb;color:var(--progress-track)}.progress-indicator{transition:stroke-dashoffset .3s ease}.progress-indicator.primary{color:#3b82f6;color:var(--progress-primary)}.progress-indicator.success{color:#10b981;color:var(--progress-success)}.progress-indicator.warning{color:#f59e0b;color:var(--progress-warning)}.progress-indicator.error{color:#ef4444;color:var(--progress-error)}.progress-indicator.animated{animation:progressCircular 2s ease-in-out infinite}@keyframes progressCircular{0%{stroke-dasharray:0,100}50%{stroke-dasharray:50,100}to{stroke-dasharray:0,100}}.progress-label-center{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.progress-circular.small .progress-percentage{font-size:.75rem}.progress-circular.large .progress-percentage{font-size:1rem}.progress-stepped{display:flex;flex-direction:column;gap:1rem}.steps-container{display:flex;position:relative}.progress-stepped.horizontal .steps-container{align-items:center;flex-direction:row}.progress-stepped.vertical .steps-container{align-items:flex-start;flex-direction:column}.step-wrapper{align-items:center;display:flex;flex:1 1;position:relative}.progress-stepped.vertical .step-wrapper{align-items:flex-start;flex:none;flex-direction:column;width:100%}.step-item{align-items:center;border-radius:.5rem;display:flex;gap:.75rem;padding:.5rem;position:relative;transition:all .3s ease;transition:var(--progress-transition);z-index:1}.step-item.clickable{cursor:pointer}.step-item.clickable:hover{background:#f3f4f6}.step-item.pending{color:#9ca3af}.step-item.in_progress{background:#3b82f61a;color:#3b82f6;color:var(--progress-primary)}.step-item.completed{color:#10b981;color:var(--progress-success)}.step-item.error{color:#ef4444;color:var(--progress-error)}.step-icon{align-items:center;background:#fff;border:2px solid;border-radius:50%;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;width:2rem}.step-item.completed .step-icon{background:#10b981;background:var(--progress-success);color:#fff}.step-item.error .step-icon{background:#ef4444;background:var(--progress-error);color:#fff}.step-item.in_progress .step-icon{animation:stepPulse 1.5s ease-in-out infinite;background:#3b82f6;background:var(--progress-primary);color:#fff}@keyframes stepPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.step-content{min-width:0}.step-title{color:currentColor;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.step-description{color:#6b7280;font-size:.75rem;line-height:1.3}.step-connector{background:#e5e7eb;position:absolute;transition:all .3s ease;transition:var(--progress-transition)}.progress-stepped.horizontal .step-connector{height:2px;left:50%;right:-50%;top:50%;transform:translateY(-50%)}.progress-stepped.vertical .step-connector{bottom:-50%;left:1rem;top:50%;transform:translateX(-50%);width:2px}.step-connector.completed{background:#10b981;background:var(--progress-success)}.step-connector.error{background:#ef4444;background:var(--progress-error)}.progress-indeterminate{align-items:center;display:flex;flex-direction:column;gap:1rem}.progress-message{color:#6b7280;font-size:.875rem;text-align:center}.spinner{display:inline-block;position:relative}.spinner-circle{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;border-top:4px solid var(--progress-primary);height:40px;width:40px}.spinner.small .spinner-circle{border-width:2px;height:24px;width:24px}.spinner.large .spinner-circle{border-width:6px;height:60px;width:60px}.dots{align-items:center;display:flex;gap:.5rem}.dot{animation:dotPulse 1.4s ease-in-out infinite;background:#3b82f6;background:var(--progress-primary);border-radius:50%;height:8px;width:8px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes dotPulse{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.dots.small .dot{height:6px;width:6px}.dots.large .dot{height:12px;width:12px}.pulse{display:inline-block;position:relative}.pulse-circle{animation:pulse 1.5s ease-in-out infinite;background:#3b82f6;background:var(--progress-primary);border-radius:50%;height:40px;width:40px}.wave{align-items:center;display:flex;gap:.25rem;height:40px}.wave-bar{animation:wave 1.2s ease-in-out infinite;background:#3b82f6;background:var(--progress-primary);border-radius:2px;height:100%;width:4px}.wave-bar:first-child{animation-delay:-.9s}.wave-bar:nth-child(2){animation-delay:-.6s}.wave-bar:nth-child(3){animation-delay:-.3s}.wave-bar:nth-child(4){animation-delay:0s}@keyframes wave{0%,40%,to{transform:scaleY(.4)}20%{transform:scaleY(1)}}.progress-info{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.progress-status-message{color:#6b7280;font-size:.875rem;font-weight:500}.progress-details{align-items:center;display:flex;gap:.5rem}.progress-percentage{color:#374151;font-size:.875rem;font-weight:700}.progress-step-info{color:#9ca3af;font-size:.75rem;font-weight:500}.progress-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.progress-action-btn{align-items:center;background:#0000;border:1px solid;border-radius:.5rem;color:#3b82f6;color:var(--progress-primary);cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.25rem;padding:.5rem 1rem;transition:all .3s ease;transition:var(--progress-transition)}.progress-action-btn:hover{background:currentColor;color:#fff}.progress-action-btn:disabled{cursor:not-allowed;opacity:.5}.progress-action-btn.secondary{color:#f59e0b;color:var(--progress-warning)}.progress-action-btn.outline{color:#6b7280}@media (max-width:768px){.progress-stepped.horizontal .steps-container{align-items:flex-start;flex-direction:column}.progress-stepped.horizontal .step-connector{bottom:auto;height:1rem;left:1rem;right:auto;top:100%;transform:translateX(-50%);width:2px}.progress-info{align-items:flex-start;flex-direction:column;gap:.5rem}.progress-actions{justify-content:center;width:100%}.progress-action-btn{flex:1 1;justify-content:center}}@media (max-width:480px){.admin-progress-indicator{padding:.75rem}.progress-circular.medium .spinner-circle{height:32px;width:32px}.step-item{gap:.5rem}.step-icon{font-size:.75rem;height:1.5rem;width:1.5rem}.step-title{font-size:.8125rem}.step-description{font-size:.6875rem}}@media (prefers-color-scheme:dark){:root{--progress-track:#374151}.admin-progress-indicator{background:#1f2937;border-color:#374151}.progress-title{color:#f9fafb}.progress-description{color:#d1d5db}.progress-percentage,.progress-text{color:#e5e7eb}.progress-status-message{color:#d1d5db}.step-icon{color:#e5e7eb}.step-icon,.step-item.clickable:hover{background:#374151}.progress-action-btn{background:#374151;border-color:#4b5563;color:#e5e7eb}}.step-item:focus{outline:2px solid #3b82f6;outline:2px solid var(--progress-primary);outline-offset:2px}.progress-action-btn:focus{outline:2px solid currentColor;outline-offset:2px}@media (prefers-reduced-motion:reduce){.dot,.progress-fill.animated:before,.progress-fill.striped,.progress-indicator.animated,.pulse-circle,.spinner-circle,.step-item.in_progress .step-icon,.wave-bar{animation:none}}.progress-indicator-wrapper{will-change:transform}.progress-fill{will-change:width}:root{--error-primary:#ef4444;--error-secondary:#f87171;--error-success:#10b981;--error-warning:#f59e0b;--error-info:#3b82f6;--error-bg:#fef2f2;--error-card-bg:#fff;--error-border:#fecaca;--error-text-primary:#7f1d1d;--error-text-secondary:#991b1b;--error-text-muted:#b91c1c;--error-shadow-sm:0 1px 3px 0 #ef44441a,0 1px 2px 0 #ef44440f;--error-shadow-md:0 4px 6px -1px #ef44441a,0 2px 4px -1px #ef44440f;--error-shadow-lg:0 10px 15px -3px #ef44441a,0 4px 6px -2px #ef44440d;--radius-2xl:1.5rem}.admin-error-boundary{align-items:center;background:linear-gradient(135deg,#fef2f2,#fef7f7);background:linear-gradient(135deg,var(--error-bg) 0,#fef7f7 100%);display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:2rem;padding:var(--spacing-2xl);position:relative}.admin-error-boundary:before{background-image:radial-gradient(circle at 20% 80%,#ef44441a 0,#0000 50%),radial-gradient(circle at 80% 20%,#ef44441a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.error-container{animation:errorBoundaryFadeIn .5s ease-out;background:var(--error-card-bg);border:2px solid #fecaca;border:2px solid var(--error-border);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 10px 15px -3px #ef44441a,0 4px 6px -2px #ef44440d;box-shadow:var(--error-shadow-lg);max-width:800px;padding:3rem 2rem;padding:var(--spacing-3xl) var(--spacing-2xl);position:relative;z-index:1}@keyframes errorBoundaryFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-header{border-bottom:2px solid #fecaca;border-bottom:2px solid var(--error-border);margin-bottom:3rem;margin-bottom:var(--spacing-3xl);padding-bottom:1.5rem;padding-bottom:var(--spacing-xl);text-align:center}.error-icon{animation:errorIconPulse 2s ease-in-out infinite;margin-bottom:1rem;margin-bottom:var(--spacing-lg)}@keyframes errorIconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-header h1{color:#7f1d1d;color:var(--error-text-primary);font-size:2rem;font-weight:800;line-height:1.2;margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.error-subtitle{color:#991b1b;color:var(--error-text-secondary);font-size:1.125rem;line-height:1.5;margin:0 auto;max-width:500px}.error-info-card{background:linear-gradient(135deg,#fef2f2,#fdf4f4);border:2px solid #fecaca;border:2px solid var(--error-border);border-radius:1rem;border-radius:var(--radius-xl);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:1.5rem;padding:var(--spacing-xl)}.error-info-header{align-items:center;border-bottom:1px solid #fecaca;border-bottom:1px solid var(--error-border);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding-bottom:.75rem;padding-bottom:var(--spacing-md)}.error-info-header h3{align-items:center;color:#7f1d1d;color:var(--error-text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0}.error-id{background:#ef4444;background:var(--error-primary);border-radius:20px;color:#fff;font-family:ui-monospace,monospace;font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.25rem .75rem;padding:var(--spacing-xs) var(--spacing-md)}.error-details{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md)}.error-detail-item{align-items:center;background:#fff;border:1px solid #fecaca;border:1px solid var(--error-border);border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem;padding:var(--spacing-md)}.detail-label{color:#991b1b;color:var(--error-text-secondary);font-size:.875rem;font-weight:600;min-width:100px}.detail-value{color:#7f1d1d;color:var(--error-text-primary);font-weight:600;max-width:300px;text-align:right;word-break:break-word}.error-solutions{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.error-solutions h3{align-items:center;color:#7f1d1d;color:var(--error-text-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0 0 1.5rem;margin:0 0 var(--spacing-xl) 0}.solution-steps{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg)}.solution-step{align-items:flex-start;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-left:4px solid #3b82f6;border-left:4px solid var(--error-info);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.step-number{background:#3b82f6;background:var(--error-info);height:32px;width:32px}.step-content{flex:1 1}.step-content strong{color:#7f1d1d;color:var(--error-text-primary);display:block;font-size:.875rem;font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.step-content p{color:#991b1b;color:var(--error-text-secondary);font-size:.875rem;line-height:1.5;margin:0}.error-actions{flex-direction:column;gap:1.5rem;gap:var(--spacing-xl);margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.primary-actions,.secondary-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-lg);justify-content:center}.error-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;gap:var(--spacing-sm);justify-content:center;line-height:1;min-width:150px;overflow:hidden;padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl);position:relative;text-decoration:none;transition:all .15s ease;white-space:nowrap}.error-btn:disabled{cursor:not-allowed;opacity:.6;transform:none!important}.error-btn.primary{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--error-success) 0,#059669 100%);box-shadow:0 4px 6px -1px #ef44441a,0 2px 4px -1px #ef44440f;box-shadow:var(--error-shadow-md);color:#fff}.error-btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 8px 20px -2px #10b9814d;transform:translateY(-2px)}.error-btn.secondary{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--error-warning) 0,#d97706 100%);box-shadow:0 4px 6px -1px #ef44441a,0 2px 4px -1px #ef44440f;box-shadow:var(--error-shadow-md);color:#fff}.error-btn.secondary:hover:not(:disabled){background:linear-gradient(135deg,#d97706,#b45309);box-shadow:0 8px 20px -2px #f59e0b4d;transform:translateY(-2px)}.error-btn.outline{background:#0000;border:2px solid #fecaca;border:2px solid var(--error-border);color:#7f1d1d;color:var(--error-text-primary)}.error-btn.outline:hover:not(:disabled){background:#fef2f2;background:var(--error-bg);border-color:#991b1b;border-color:var(--error-text-secondary);transform:translateY(-1px)}.btn-spinner{font-size:1rem}.error-debug-info{border:2px solid #e5e7eb;border-radius:.75rem;border-radius:var(--radius-lg);margin-top:2rem;margin-top:var(--spacing-2xl);overflow:hidden}.error-debug-info summary{background:#f3f4f6;border-bottom:1px solid #e5e7eb;color:#374151;cursor:pointer;font-weight:600;padding:1rem;padding:var(--spacing-lg);transition:background .15s ease}.error-debug-info summary:hover{background:#e5e7eb}.debug-content{background:#fafafa;padding:1rem;padding:var(--spacing-lg)}.debug-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.debug-section:last-child{margin-bottom:0}.debug-section h4{align-items:center;color:#374151;display:flex;font-size:1rem;font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0 0 .75rem;margin:0 0 var(--spacing-md) 0}.debug-stack{background:#1f2937;border:1px solid #374151;border-radius:.5rem;border-radius:var(--radius-md);color:#e5e7eb;font-family:ui-monospace,monospace;font-size:.75rem;line-height:1.5;margin:0;overflow-x:auto;padding:1rem;padding:var(--spacing-lg);white-space:pre-wrap;word-break:break-all}.error-boundary-toast{animation:toastSlideIn .3s ease-out;border:2px solid #fff3;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #ef44441a,0 4px 6px -2px #ef44440d;box-shadow:var(--error-shadow-lg);color:#fff;font-size:.875rem;font-weight:600;max-width:400px;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:9999}@keyframes toastSlideIn{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.error-boundary-toast.success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--error-success) 0,#059669 100%)}.error-boundary-toast.error{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--error-primary) 0,#dc2626 100%)}.error-boundary-toast.warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--error-warning) 0,#d97706 100%)}.error-boundary-toast.info{background:linear-gradient(135deg,#3b82f6,#1d4ed8);background:linear-gradient(135deg,var(--error-info) 0,#1d4ed8 100%)}@media (max-width:768px){.admin-error-boundary{padding:1rem;padding:var(--spacing-lg)}.error-container{padding:2rem 1rem;padding:var(--spacing-2xl) var(--spacing-lg)}.error-header h1{font-size:1.5rem}.error-subtitle{font-size:1rem}.error-icon{font-size:3rem}.primary-actions,.secondary-actions{flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.error-btn{min-width:auto;width:100%}.error-detail-item{align-items:flex-start;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.detail-label{min-width:auto}.detail-value{max-width:none;text-align:left}.solution-step{flex-direction:column;gap:.75rem;gap:var(--spacing-md);text-align:center}.step-number{align-self:center}}@media (max-width:480px){.admin-error-boundary{padding:.75rem;padding:var(--spacing-md)}.error-container{padding:1.5rem .75rem;padding:var(--spacing-xl) var(--spacing-md)}.error-header h1{font-size:1.25rem}.error-icon{font-size:2.5rem}.error-info-header{align-items:flex-start;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.error-id{align-self:stretch;text-align:center}.error-btn{font-size:.875rem}.debug-stack,.error-btn{padding:.75rem;padding:var(--spacing-md)}.debug-stack{font-size:.625rem}.error-boundary-toast{left:1rem;max-width:none;right:1rem;top:1rem}}.error-btn:focus{outline:3px solid #3b82f680;outline-offset:2px}.error-debug-info summary:focus{outline:2px solid #3b82f680;outline-offset:2px}@media (prefers-contrast:high){.error-container{border-width:3px}.error-btn,.error-detail-item{border-width:2px}}@media (prefers-reduced-motion:reduce){.admin-error-boundary,.error-boundary-toast,.error-btn,.error-icon{animation:none}.error-btn:hover{transform:none}}@media (prefers-color-scheme:dark){.admin-error-boundary{background:linear-gradient(135deg,#1f1f1f,#2d1b1b)}.error-container{background:#1f2937;border-color:#4b5563;color:#f9fafb}.detail-label,.detail-value,.error-header h1,.error-subtitle{color:#f9fafb}.error-info-card{background:#374151;border-color:#4b5563}.error-detail-item{background:#4b5563;border-color:#6b7280}.solution-step{background:#1f2937;border-color:#3b82f6;border-color:var(--error-info)}}@media print{.admin-error-boundary{background:#fff;color:#000}.error-container{border:2px solid #000;box-shadow:none}.error-actions,.error-debug-info{display:none}.error-icon{color:#000}}.host-detail-page{background:#f8fafc;background:var(--admin-bg);min-height:100vh}.detail-header{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);margin-bottom:var(--spacing-2xl);padding:1.5rem;padding:var(--spacing-xl)}.header-left{gap:1rem;gap:var(--spacing-lg)}.back-btn,.header-left{align-items:center;display:flex}.back-btn{background:#f1f5f9;background:var(--admin-border-light);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#64748b;color:var(--admin-text-secondary);font-size:var(--text-sm);gap:.5rem;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .15s ease}.back-btn:hover{background:#e2e8f0;background:var(--admin-border);color:#0f172a;color:var(--admin-text-primary);transform:translateY(-1px)}.host-title{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg)}.host-title h1{color:#0f172a;color:var(--admin-text-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;margin:0}.detail-content{display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-2xl)}.detail-section{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);padding:2rem;padding:var(--spacing-2xl)}.detail-section h3{align-items:center;color:#0f172a;color:var(--admin-text-primary);display:flex;font-size:1.25rem;font-size:var(--text-xl);font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.section-divider{background:linear-gradient(90deg,#e2e8f0,#0000);background:linear-gradient(to right,var(--admin-border),#0000);height:1px;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.detail-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.detail-item{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--admin-border-light);display:flex;justify-content:space-between;padding:1rem 0;padding:var(--spacing-lg) 0}.detail-item:last-child{border-bottom:none}.detail-item.wide{grid-column:1/-1}.detail-item .label{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:600;min-width:120px}.detail-item .value{color:#0f172a;color:var(--admin-text-primary);flex:1 1;font-weight:600;text-align:right}.detail-item .value.hostid{background:#2563eb1a;border-radius:.375rem;border-radius:var(--radius-sm);color:#2563eb;color:var(--admin-primary);font-family:ui-monospace,monospace;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.detail-item .value.credit-balance{color:#10b981;color:var(--admin-success);font-size:1.125rem;font-size:var(--text-lg)}.status-active{color:#10b981;color:var(--admin-success);font-weight:600}.status-inactive{color:#ef4444;color:var(--admin-error);font-weight:600}.detail-item.editable .view-mode{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);justify-content:space-between;width:100%}.edit-btn{background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;opacity:.7;padding:.25rem;padding:var(--spacing-xs);transition:background-color .15s ease}.edit-btn:hover{background:#f1f5f9;background:var(--admin-border-light);opacity:1}.edit-mode{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm);width:100%}.edit-input{border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.375rem;border-radius:var(--radius-sm);flex:1 1;font-size:.875rem;font-size:var(--text-sm);padding:.5rem;padding:var(--spacing-sm)}.edit-input:focus{border-color:#2563eb;border-color:var(--admin-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.edit-actions{display:flex;gap:.25rem;gap:var(--spacing-xs)}.cancel-btn,.save-btn{background:none;border:none;border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;padding:.25rem;padding:var(--spacing-xs);transition:background-color .15s ease}.save-btn:hover{background:#10b9811a}.cancel-btn:hover{background:#ef44441a}.status-badge{border-radius:9999px;letter-spacing:.5px}.status-badge.pending{border:1px solid #f59e0b4d}.status-badge.approved{background:#10b9811a;border:1px solid #10b9814d;color:#10b981;color:var(--admin-success)}.status-badge.rejected{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444;color:var(--admin-error)}.status-badge.suspended{background:#6b72801a;border:1px solid #6b72804d;color:#94a3b8;color:var(--admin-text-muted)}.modal-content{border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);width:90%}.modal-header{border-bottom:1px solid #f1f5f9;padding:1.5rem 2rem;padding:var(--spacing-xl) var(--spacing-2xl)}.modal-header h3{color:#0f172a;color:var(--admin-text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:700}.modal-close{border-radius:var(--radius-sm);color:#94a3b8}.modal-close:hover{background:#f1f5f9;color:#64748b}.modal-body{padding:2rem;padding:var(--spacing-2xl)}.modal-actions{border-top:1px solid #f1f5f9;gap:var(--spacing-lg);padding:1rem 2rem 2rem;padding:var(--spacing-lg) var(--spacing-2xl) var(--spacing-2xl) var(--spacing-2xl)}.host-summary{background:#f1f5f9;background:var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}.host-summary h4{color:#0f172a;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.host-summary p{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm);margin:.5rem 0;margin:var(--spacing-sm) 0}.form-group{margin-bottom:var(--spacing-xl)}.form-group label{color:#0f172a;color:var(--admin-text-primary);font-size:var(--text-sm);margin-bottom:var(--spacing-sm)}.form-group input,.form-group textarea{border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.5rem;border-radius:var(--radius-md);box-sizing:border-box;font-family:inherit;font-size:.875rem;font-size:var(--text-sm);padding:1rem;padding:var(--spacing-lg);transition:all .15s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#2563eb;border-color:var(--admin-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.form-group small{color:#94a3b8;color:var(--admin-text-muted);display:block;font-size:.75rem;font-size:var(--text-xs);margin-top:.5rem;margin-top:var(--spacing-sm)}.admin-btn.success{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm)}.admin-btn.success:hover:not(:disabled){background:#059669;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.admin-btn.error{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm)}.admin-btn.error:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.admin-btn.warning{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm)}.admin-btn.warning:hover:not(:disabled){background:#d97706;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.admin-btn.secondary{background:#94a3b8;background:var(--admin-text-muted);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm)}.admin-btn.secondary:hover:not(:disabled){background:#64748b;background:var(--admin-text-secondary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md)}@media (max-width:1024px){.detail-header{align-items:stretch}.detail-header,.header-left{flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.host-title{align-items:flex-start}.header-actions,.host-title{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.detail-grid{grid-template-columns:1fr}}@media (max-width:768px){.admin-container,.detail-section{padding:1rem;padding:var(--spacing-lg)}.detail-item{align-items:stretch;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);text-align:left}.detail-item .label{font-size:.75rem;font-size:var(--text-xs);letter-spacing:.5px;margin-bottom:.25rem;margin-bottom:var(--spacing-xs);min-width:auto;text-transform:uppercase}.detail-item .value{text-align:left}.edit-mode{flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.edit-actions{align-self:flex-end}.modal-content{margin:1rem;margin:var(--spacing-lg);max-height:calc(100vh - 2rem)}.modal-actions,.modal-body,.modal-header{padding:1rem;padding:var(--spacing-lg)}.modal-actions{flex-direction:column;gap:.75rem;gap:var(--spacing-md)}}@media (max-width:480px){.detail-header{padding:1rem;padding:var(--spacing-lg)}.detail-section{padding:.75rem;padding:var(--spacing-md)}.detail-section h3{font-size:1.125rem;font-size:var(--text-lg)}.host-title h1{font-size:1.25rem;font-size:var(--text-xl)}.admin-btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){.admin-btn,.back-btn,.cancel-btn,.edit-btn,.form-group input,.form-group textarea,.modal-close,.save-btn{transition:none}.loading-spinner-large{animation:none}}@media (prefers-color-scheme:dark){:root{--admin-bg:#0f172a;--admin-card-bg:#1e293b;--admin-text-primary:#f1f5f9;--admin-text-secondary:#cbd5e1;--admin-text-muted:#94a3b8;--admin-border:#334155;--admin-border-light:#475569}.detail-section,.host-summary,.loading-content,.modal-content{background:#fff;background:var(--admin-card-bg);border-color:#e2e8f0;border-color:var(--admin-border);color:#0f172a;color:var(--admin-text-primary)}.back-btn{background:#e2e8f0;background:var(--admin-border);color:#0f172a;color:var(--admin-text-primary)}.back-btn:hover{background:#f1f5f9;background:var(--admin-border-light)}.edit-input,.form-group input,.form-group textarea{background:#fff;background:var(--admin-card-bg);border-color:#e2e8f0;border-color:var(--admin-border);color:#0f172a;color:var(--admin-text-primary)}}.admin-host-detail{margin:0 auto;max-width:1400px;padding:2rem}.detail-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.back-button,.detail-header{align-items:center;display:flex}.back-button{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.back-button:hover{background:#e5e7eb;transform:translateX(-2px)}.header-info{text-align:center}.header-info h1{font-size:2rem;margin:0 0 .5rem}.host-meta{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:1rem;justify-content:center}.status-badge{border-radius:12px;font-size:.875rem;padding:.25rem .75rem}.status-badge.pending_approval{background:#fef3c7;color:#92400e}.status-badge.suspended{background:#e5e7eb}.cancel-button,.edit-button,.save-button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.edit-button{background:#3b82f6;color:#fff}.edit-button:hover{background:#2563eb}.save-button{background:#10b981;color:#fff}.save-button:hover:not(:disabled){background:#059669}.cancel-button{background:#f3f4f6;color:#374151}.cancel-button:hover{background:#e5e7eb}button:disabled{cursor:not-allowed;opacity:.5}.alert{align-items:center;border-radius:8px;display:flex;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.5rem}.alert-error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.alert-warning{background:#fef3c7;border:1px solid #fde68a;color:#92400e}.detail-tabs{border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.detail-tabs,.tab{display:flex;gap:.5rem}.tab{align-items:center;background:none;border:none;color:#6b7280;cursor:pointer;font-weight:600;padding:1rem 1.5rem;position:relative;transition:all .2s}.tab:hover{color:#374151}.tab.active{color:#3b82f6}.tab.active:after{background:#3b82f6;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.tab-content{padding:2rem}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-bottom:2rem}.form-group{gap:.5rem}.form-group input,.form-group select,.form-group textarea{border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled,.form-group select:disabled,.form-group textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}textarea{min-height:100px;resize:vertical}.basic-info-section h2,.business-info-section h2,.settings-section h2{align-items:center;color:#111827;display:flex;gap:.5rem;margin:0 0 2rem}.business-info-section h3,.settings-section h3{align-items:center;color:#374151;display:flex;font-size:1.25rem;gap:.5rem;margin:2rem 0 1rem}.settings-section h4{align-items:center;color:#4b5563;display:flex;font-size:1.1rem;gap:.5rem;margin:1.5rem 0 1rem}.room-types-section{margin-bottom:2rem}.room-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.room-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:1rem;padding:1rem}.room-item,.room-order{align-items:center;display:flex}.room-order{background:#3b82f6;border-radius:50%;color:#fff;font-size:.875rem;font-weight:600;height:32px;justify-content:center;width:32px}.room-name{flex:1 1;font-weight:500}.delete-btn{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem;transition:all .2s}.delete-btn:hover{background:#dc2626}.add-room-form{display:flex;gap:.75rem;margin-top:1rem}.add-room-form input{border:1px solid #e5e7eb;border-radius:8px;flex:1 1;padding:.75rem 1rem}.add-room-form button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.add-room-form button:hover{background:#2563eb}.amenities-section{margin-bottom:2rem}.amenities-display{background:#f9fafb;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.no-amenities{color:#9ca3af;font-style:italic;text-align:center}.amenity-tag{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:20px;display:inline-flex;gap:.25rem;padding:.5rem .75rem}.manage-amenities-btn{background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.manage-amenities-btn:hover{background:#4f46e5}.rules-section{margin-bottom:2rem}.rules-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.rule-item{align-items:flex-start;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:1rem;padding:1rem}.rule-order{color:#6b7280;font-weight:600}.rule-text{flex:1 1;line-height:1.5}.add-rule-form{display:flex;flex-direction:column;gap:.75rem}.add-rule-form textarea{border:1px solid #e5e7eb;border-radius:8px;min-height:80px;padding:.75rem 1rem;resize:vertical}.add-rule-form button{align-self:flex-start;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.add-rule-form button:hover{background:#2563eb}.business-license-section{background:#f9fafb;border-radius:8px;margin-top:2rem;padding:1.5rem}.license-info,.no-license{align-items:center;display:flex;gap:1rem}.license-info p,.no-license p{font-weight:500;margin:0}.change-license-btn,.upload-license-btn,.view-license-btn{border-radius:6px;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:all .2s}.view-license-btn{align-items:center;background:#3b82f6;color:#fff;display:inline-flex;gap:.25rem;text-decoration:none}.view-license-btn:hover{background:#2563eb}.change-license-btn,.upload-license-btn{background:#6366f1;border:none;color:#fff}.change-license-btn:hover,.upload-license-btn:hover{background:#4f46e5}.upload-progress{margin-top:1rem}.progress-bar{background:#e5e7eb;border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:#3b82f6;height:100%;transition:width .3s ease}.upload-error{color:#ef4444;font-size:.875rem;margin-top:.5rem}.modal-content{border-radius:12px;box-shadow:0 20px 40px #0003;max-width:90%}.amenity-modal{width:800px}.confirm-modal{padding:2rem;text-align:center;width:500px}.confirm-modal h3{color:#111827;margin:0 0 1rem}.confirm-modal p{color:#6b7280;margin:0 0 2rem}.modal-header h3{color:#111827;margin:0}.modal-close{border-radius:6px;transition:all .2s}.modal-close:hover{color:#374151}.modal-footer{align-items:center;justify-content:space-between}.modal-actions{gap:1rem;justify-content:center}.modal-actions button{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.confirm-btn{background:#10b981;color:#fff}.confirm-btn:hover:not(:disabled){background:#059669}.cancel-btn{background:#f3f4f6;color:#374151}.cancel-btn:hover{background:#e5e7eb}.amenity-categories{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.category-btn{align-items:center;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s}.category-btn:hover{background:#e5e7eb;color:#374151}.category-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.amenity-items h4{color:#111827;margin:0 0 1rem}.amenity-checkboxes{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.amenity-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem;transition:all .2s}.amenity-checkbox:hover{background:#f3f4f6}.amenity-checkbox input{cursor:pointer;height:18px;width:18px}.amenity-checkbox span{font-size:.95rem}.selected-count{color:#6b7280;font-weight:600}.modal-confirm{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.modal-confirm:hover{background:#2563eb}.admin-loading{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px}.admin-loading h3{color:#374151;font-size:1.25rem;margin:0}.admin-error{align-items:center;display:flex;flex-direction:column;gap:1rem;justify-content:center;min-height:400px;text-align:center}.admin-error h3{color:#991b1b;font-size:1.5rem;margin:0}.admin-error p{color:#6b7280;margin:0}.admin-error button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem;transition:all .2s}.admin-error button:hover{background:#2563eb}@media (max-width:768px){.admin-host-detail{padding:1rem}.detail-header{flex-direction:column;gap:1rem}.detail-header,.header-info{text-align:center}.host-meta{flex-wrap:wrap;justify-content:center}.header-actions{justify-content:center;width:100%}.detail-tabs{flex-wrap:wrap}.tab{flex:1 1;font-size:.875rem;min-width:120px;padding:.75rem 1rem}.tab-content{padding:1.5rem 1rem}.form-grid{grid-template-columns:1fr}.amenity-modal{width:95%}.amenity-categories{justify-content:center}.amenity-checkboxes{grid-template-columns:1fr}.modal-content{margin:1rem}}.credit-statistics{animation:fadeIn .3s ease}.statistics-header{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:16px 20px}.statistics-title{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0}.statistics-title .icon{font-size:24px}.statistics-controls{align-items:center;display:flex;gap:16px}.last-updated{color:#6b7280}.last-updated,.refresh-button{align-items:center;display:flex;font-size:13px;gap:6px}.refresh-button{background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s ease}.refresh-button:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb33;transform:translateY(-1px)}.refresh-button.refreshing{animation:spin 1s linear infinite;cursor:not-allowed;opacity:.7}.time-range-selector{background:#f3f4f6;border-radius:10px;display:flex;gap:8px;margin-bottom:24px;padding:6px;width:-webkit-fit-content;width:fit-content}.range-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.range-btn:hover{background:#fff;color:#4b5563}.range-btn.active{background:#fff;box-shadow:0 2px 8px #00000014;color:#1f2937}.statistics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:32px}.stat-card{border:1px solid #e5e7eb;border-radius:16px;height:auto!important;max-height:200px!important;padding:24px;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#3b82f6,#60a5fa);height:4px;right:0}.stat-card:hover{border-color:#d1d5db;box-shadow:0 12px 24px #0000001a;transform:translateY(-4px)}.stat-card.primary:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.stat-card.success:before{background:linear-gradient(90deg,#10b981,#34d399)}.stat-card.warning:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.stat-card.danger:before{background:linear-gradient(90deg,#ef4444,#f87171)}.stat-card.info:before{background:linear-gradient(90deg,#8b5cf6,#a78bfa)}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.stat-info{flex:1 1}.stat-label{color:#6b7280;display:block;font-size:13px;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-value{align-items:baseline;color:#1f2937;display:flex;font-size:32px;font-weight:700;gap:6px;line-height:1.2}.stat-value .unit{color:#6b7280;font-size:16px;font-weight:500}.stat-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-card.primary .stat-icon{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#3b82f6}.stat-card.success .stat-icon{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#10b981}.stat-card.warning .stat-icon{background:linear-gradient(135deg,#fffbeb,#fef3c7);color:#f59e0b}.stat-card.danger .stat-icon{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#ef4444}.stat-card.info .stat-icon{background:linear-gradient(135deg,#f5f3ff,#ede9fe);color:#8b5cf6}.stat-change{align-items:center;border-top:1px solid #f3f4f6;display:flex;gap:8px;margin-top:16px;padding-top:16px}.change-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.change-badge.increase{background:#d1fae5;color:#065f46}.change-badge.decrease{background:#fee2e2;color:#991b1b}.change-badge.neutral{background:#f3f4f6;color:#6b7280}.change-badge .arrow{font-size:10px}.change-text{color:#6b7280;font-size:12px}.host-statistics-section{margin-bottom:32px}.section-subtitle{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:700;gap:8px;margin:0 0 20px}.section-subtitle .icon{font-size:20px}.host-statistics-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.host-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:16px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.host-stat-card:after{background:linear-gradient(180deg,#3b82f6,#60a5fa);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:3px}.host-stat-card:hover{border-color:#3b82f6;box-shadow:0 8px 16px #00000014;transform:translateY(-2px)}.host-stat-card:hover:after{opacity:1}.host-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:28px;height:56px;justify-content:center;width:56px}.host-stat-icon.total{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.host-stat-icon.active{background:linear-gradient(135deg,#f0fdf4,#dcfce7)}.host-stat-icon.new{background:linear-gradient(135deg,#fef3ff,#fae8ff)}.host-stat-icon.average{background:linear-gradient(135deg,#fffbeb,#fef3c7)}.host-stat-content{display:flex;flex:1 1;flex-direction:column;gap:4px}.host-stat-label{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.3px}.host-stat-value{color:#1f2937;font-size:24px;font-weight:700;line-height:1.2}.quick-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.quick-action-btn{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;color:#4b5563;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;min-width:140px;overflow:hidden;padding:14px 20px;position:relative;transition:all .2s ease}.quick-action-btn:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;color:#1e40af;transform:translateY(-2px)}.quick-action-btn:active{box-shadow:0 2px 4px #3b82f626;transform:translateY(0)}.quick-action-btn span{align-items:center;display:inline-flex;font-size:16px;height:20px;justify-content:center;width:20px}.quick-action-btn:first-child{background:linear-gradient(135deg,#fff,#f0f9ff);border-color:#dbeafe}.quick-action-btn:first-child:hover{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#3b82f6;color:#1e40af}.quick-action-btn:nth-child(2){background:linear-gradient(135deg,#fff,#f0fdf4);border-color:#dcfce7}.quick-action-btn:nth-child(2):hover{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#10b981;color:#059669}.quick-action-btn:nth-child(3){background:linear-gradient(135deg,#fff,#fffbeb);border-color:#fef3c7}.quick-action-btn:nth-child(3):hover{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;color:#d97706}.quick-action-btn:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.statistics-loading{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:16px;display:flex;justify-content:center;min-height:400px}.loading-spinner{border-top-color:#3b82f6}.statistics-error{background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:20px;text-align:center}.error-icon{color:#ef4444;font-size:48px;margin-bottom:12px}.error-message{color:#991b1b;font-size:14px;margin-bottom:16px}.retry-button{background:#ef4444;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.retry-button:hover{background:#dc2626;transform:translateY(-1px)}@media (max-width:1200px){.host-statistics-grid,.statistics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.statistics-header{align-items:flex-start;flex-direction:column;gap:12px}.statistics-controls{justify-content:space-between;width:100%}.host-statistics-grid,.statistics-grid{gap:12px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-value{font-size:28px}.stat-icon{font-size:20px;height:40px;width:40px}.host-stat-card{padding:16px}.host-stat-icon{font-size:24px;height:48px;width:48px}.host-stat-value{font-size:20px}.quick-actions{flex-direction:column}.quick-action-btn{width:100%}.time-range-selector{justify-content:space-between;width:100%}.range-btn{flex:1 1;font-size:13px;padding:8px 12px}}@media (max-width:480px){.statistics-title{font-size:18px}.section-subtitle{font-size:16px}.stat-card{padding:16px}.stat-value{font-size:24px}.stat-value .unit{font-size:14px}.host-stat-card{flex-direction:column;padding:20px;text-align:center}.host-stat-content{align-items:center}.host-stat-value{font-size:22px}}@media (prefers-color-scheme:dark){.credit-statistics{color:#f3f4f6}.host-stat-card,.quick-action-btn,.stat-card,.statistics-header{background:#1f2937;border-color:#374151}.host-stat-value,.section-subtitle,.stat-value,.statistics-title{color:#f3f4f6}.change-text,.host-stat-label,.last-updated,.stat-label{color:#9ca3af}.host-stat-card:hover,.stat-card:hover{border-color:#4b5563;box-shadow:0 8px 24px #0000004d}.time-range-selector{background:#374151}.range-btn{color:#9ca3af}.range-btn.active,.range-btn:hover{background:#4b5563;color:#f3f4f6}.quick-action-btn{background:#374151;border-color:#4b5563;color:#9ca3af}.quick-action-btn:hover{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6;color:#fff}.statistics-loading{background:#1f2937;border-color:#374151}}@media (prefers-reduced-motion:reduce){.credit-statistics,.host-stat-card,.quick-action-btn,.refresh-button,.stat-card{animation:none;transition:none}}@media print{.quick-actions,.refresh-button,.time-range-selector{display:none}.host-statistics-grid,.statistics-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.host-stat-card,.stat-card{border:1px solid #000;page-break-inside:avoid}}.modal-overlay{animation:fadeIn .2s ease-out}.modal-container{animation:slideUp .3s ease-out;border-radius:12px;display:flex;flex-direction:column}.modal-container.modal-lg{max-width:800px}.modal-container.modal-sm{max-width:400px}.modal-header h2{font-size:1.25rem;gap:.5rem}.modal-close,.modal-icon{font-size:1.5rem}.modal-close{padding:.25rem;transition:color .2s}.modal-close:hover{color:#ef4444}.modal-footer{gap:1rem;padding:1.5rem}.form-section{margin-bottom:2rem}.section-title{background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none!important;border-radius:8px;color:#fff!important;  /* !important 추가로 강제 적용 */display:block;font-size:1rem;margin-bottom:1rem;padding:.75rem 1rem;width:100%}.form-group label{font-size:.875rem;margin-bottom:.5rem}.required{margin-left:.25rem}.form-input,.form-select,.form-textarea{font-size:.875rem;padding:.625rem .875rem;transition:all .2s}.form-help{font-size:.75rem;margin-top:.25rem}.credit-options{grid-gap:.75rem;gap:.75rem;margin-bottom:1rem}.credit-option{padding:.75rem;transition:all .2s}.credit-option:hover{background:#eff6ff}.option-label{font-size:.875rem;font-weight:600}.option-price{font-size:.75rem;margin-top:.25rem}.selected-host-info{background:#f8fafc;border:1px solid #e2e8f0;margin-top:1rem;padding:1rem}.info-grid{grid-gap:.75rem;gap:.75rem}.info-item{font-size:.875rem;gap:.5rem}.info-label{color:#64748b}.info-value.highlight{color:#3b82f6;font-size:1rem}.checkbox-label{gap:.5rem}.checkbox-label input[type=checkbox]{height:1rem;width:1rem}.btn{padding:.625rem 1.25rem}.btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #2563eb4d}.btn-secondary{background:#f3f4f6}.btn-secondary:hover:not(:disabled){background:#e5e7eb}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#dc2626,#b91c1c)}.btn-cancel{background:#f3f4f6;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem;transition:all .2s}.btn-cancel:hover{background:#e5e7eb}.btn-icon{font-size:1rem}.loading-state{padding:3rem}.spinner{margin-bottom:1rem}.toggle-advanced{font-size:.875rem;gap:.5rem;padding:.5rem 0;transition:color .2s}.toggle-icon{font-size:.75rem;transition:transform .2s}.advanced-options{margin-top:1rem;padding-top:1rem}.grant-summary{border:1px solid #bfdbfe;margin-top:1.5rem;padding:1.25rem}.summary-content{gap:.75rem}.summary-item{font-size:.875rem}.summary-item.total{border-top:1px solid #93c5fd;font-size:1rem;padding-top:.75rem}.text-success{color:#10b981}.text-danger{color:#ef4444}@media (max-width:640px){.modal-container{margin:1rem;max-height:95vh;width:95%}.modal-body,.modal-header{padding:1rem}.modal-footer{flex-direction:column-reverse;padding:1rem}.modal-footer .btn{width:100%}.credit-options{grid-template-columns:repeat(2,1fr)}.info-grid{grid-template-columns:1fr}}.search-dropdown-overlay{position:absolute!important;z-index:999999!important}.modal-container .search-input-wrapper{position:relative!important}.modal-container .search-input-wrapper>div[style*="position: absolute"]{position:fixed!important;z-index:999999!important}.admin-modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:9999}.admin-modal{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;overflow:hidden;position:relative;width:100%}.admin-modal.small{max-width:400px}.admin-modal.medium{max-width:600px}.admin-modal.large{max-width:900px}.admin-modal.xlarge{max-width:1200px}.admin-modal.fullscreen{height:calc(100vh - 40px);max-height:calc(100vh - 40px);max-width:calc(100vw - 40px)}.admin-modal.primary .admin-modal-header{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.admin-modal.success .admin-modal-header{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.admin-modal.warning .admin-modal-header{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.admin-modal.danger .admin-modal-header{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.admin-modal.info .admin-modal-header{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.admin-modal-header{align-items:center;background:linear-gradient(90deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.admin-modal-title{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0}.admin-modal-title .icon{color:#3b82f6;font-size:24px}.admin-modal.danger .admin-modal-title,.admin-modal.info .admin-modal-title,.admin-modal.primary .admin-modal-title,.admin-modal.success .admin-modal-title,.admin-modal.warning .admin-modal-title{color:#fff}.admin-modal.danger .admin-modal-title .icon,.admin-modal.info .admin-modal-title .icon,.admin-modal.primary .admin-modal-title .icon,.admin-modal.success .admin-modal-title .icon,.admin-modal.warning .admin-modal-title .icon{color:#ffffffe6}.admin-modal-close{align-items:center;background:#0000000d;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.admin-modal-close:hover{background:#0000001a;color:#1f2937;transform:rotate(90deg)}.admin-modal.danger .admin-modal-close,.admin-modal.info .admin-modal-close,.admin-modal.primary .admin-modal-close,.admin-modal.success .admin-modal-close,.admin-modal.warning .admin-modal-close{background:#fff3;color:#fff}.admin-modal.danger .admin-modal-close:hover,.admin-modal.info .admin-modal-close:hover,.admin-modal.primary .admin-modal-close:hover,.admin-modal.success .admin-modal-close:hover,.admin-modal.warning .admin-modal-close:hover{background:#ffffff4d}.admin-modal-body{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:24px}.admin-modal-body::-webkit-scrollbar{width:8px}.admin-modal-body::-webkit-scrollbar-track{background:#f3f4f6;border-radius:4px}.admin-modal-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.admin-modal-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}.admin-modal-footer{align-items:center;background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 24px}.admin-modal-footer.center{justify-content:center}.admin-modal-footer.right{justify-content:flex-end}.modal-footer-left,.modal-footer-right{align-items:center;display:flex;gap:8px}.admin-modal-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.admin-modal-btn:disabled{cursor:not-allowed;opacity:.5}.admin-modal-btn.primary{background:#3b82f6;color:#fff}.admin-modal-btn.primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.admin-modal-btn.secondary{background:#6b7280;color:#fff}.admin-modal-btn.secondary:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.admin-modal-btn.success{background:#10b981;color:#fff}.admin-modal-btn.success:hover:not(:disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.admin-modal-btn.danger{background:#ef4444;color:#fff}.admin-modal-btn.danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.admin-modal-btn.ghost{background:#0000;border:1px solid #e5e7eb;color:#6b7280}.admin-modal-btn.ghost:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#4b5563}.admin-modal-loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:60px 20px}.modal-loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:48px;margin-bottom:16px;width:48px}.modal-loading-text{color:#6b7280;font-size:14px}.confirm-modal-content{padding:20px;text-align:center}.confirm-modal-icon{font-size:64px;margin-bottom:20px}.confirm-modal-icon.warning{color:#f59e0b}.confirm-modal-icon.danger{color:#ef4444}.confirm-modal-icon.success{color:#10b981}.confirm-modal-icon.info{color:#3b82f6}.confirm-modal-message{color:#374151;font-size:16px;line-height:1.6;margin-bottom:24px}.confirm-modal-submessage{color:#6b7280;font-size:14px;margin-top:8px}.admin-modal.draggable .admin-modal-header{cursor:move;-webkit-user-select:none;user-select:none}.admin-modal.dragging{opacity:.9;transition:none}@media (max-width:768px){.admin-modal-overlay{align-items:flex-end;padding:0}.admin-modal{border-radius:16px 16px 0 0;margin:0;max-height:100vh;max-width:100%}.admin-modal.fullscreen{border-radius:0;height:100vh}.admin-modal-header{padding:16px 20px}.admin-modal-body{padding:20px}.admin-modal-footer{flex-direction:column-reverse;padding:16px 20px}.modal-footer-left,.modal-footer-right{justify-content:stretch;width:100%}.admin-modal-btn{flex:1 1;justify-content:center}}@media (prefers-color-scheme:dark){.admin-modal-overlay{background:#000c}.admin-modal{background:#1f2937;box-shadow:0 20px 60px #00000080}.admin-modal-header{background:linear-gradient(90deg,#111827,#1f2937);border-bottom-color:#374151}.admin-modal-title{color:#f3f4f6}.admin-modal-title .icon{color:#60a5fa}.admin-modal-close{background:#ffffff0d;color:#9ca3af}.admin-modal-close:hover{background:#ffffff1a;color:#f3f4f6}.admin-modal-body::-webkit-scrollbar-track{background:#374151}.admin-modal-body::-webkit-scrollbar-thumb{background:#4b5563}.admin-modal-body::-webkit-scrollbar-thumb:hover{background:#6b7280}.admin-modal-footer{background:#111827;border-top-color:#374151}.admin-modal-btn.ghost{border-color:#374151;color:#9ca3af}.admin-modal-btn.ghost:hover:not(:disabled){background:#374151;border-color:#4b5563;color:#d1d5db}.confirm-modal-message{color:#d1d5db}.confirm-modal-submessage{color:#9ca3af}}@media print{.admin-modal-overlay{background:none;padding:0;position:static}.admin-modal{border:1px solid #000;box-shadow:none;max-height:none}.admin-modal-close,.admin-modal-footer{display:none}}@media (prefers-reduced-motion:reduce){.admin-modal,.admin-modal-btn,.admin-modal-overlay,.modal-loading-spinner{animation:none;transition:none}}.modal-overlay{animation:fadeIn .2s ease;background:#0009;z-index:9999}.modal-container{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow:hidden;position:relative;width:90%}.modal-container.modal-deduct,.modal-container.modal-lg{max-width:700px}.modal-header{background:linear-gradient(90deg,#f9fafb,#fff);border-bottom:1px solid #e5e7eb;padding:24px}.modal-header.modal-header-danger{background:linear-gradient(90deg,#fef2f2,#fee2e2);border-bottom:2px solid #fca5a5}.modal-header h2{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:8px;margin:0}.modal-header-danger h2{color:#991b1b}.modal-close,.modal-icon{font-size:24px}.modal-close{background:#0000;border-radius:8px;color:#6b7280;transition:all .2s ease}.modal-close:hover{color:#1f2937}.modal-body{max-height:calc(90vh - 180px);min-height:0;overflow-x:hidden;padding:24px;position:relative}.modal-footer{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;margin-bottom:0;padding:20px 24px;position:relative}.form-section{margin-bottom:24px}.form-section:last-child{margin-bottom:0}.section-title{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:16px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.section-title.section-title-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-bottom:none;border-radius:8px;color:#fff;margin-bottom:20px;padding:12px 16px}.form-group{margin-bottom:20px;position:relative}.form-group label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.required{color:#ef4444}.label-helper{color:#6b7280;font-size:12px;font-weight:400;margin-left:8px}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444}.form-textarea{min-height:80px;resize:vertical}.error-message{color:#dc2626;display:block;font-size:13px;margin-top:4px}.form-help{color:#6b7280;font-size:12px;margin-top:4px}.form-help.text-warning{color:#f59e0b}.form-help.text-danger{color:#ef4444}.search-input-wrapper{position:relative}.search-clear-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:18px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s}.search-clear-btn:hover{background:#f3f4f6;color:#1f2937}.search-dropdown-wrapper{animation:dropdownSlide .2s ease;position:fixed!important;z-index:10001!important}.search-dropdown{animation:dropdownSlide .2s ease;background:#fff;border:2px solid #3b82f6;border-radius:8px;box-shadow:0 10px 40px #0003;max-height:400px;overflow:hidden;width:100%}.search-dropdown.search-dropdown-danger{border-color:#ef4444;box-shadow:0 10px 40px #ef444433}.dropdown-header{background:linear-gradient(90deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e5e7eb;padding:10px 14px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.dropdown-header.dropdown-header-danger{background:linear-gradient(90deg,#fef2f2,#fee2e2);border-bottom:1px solid #fca5a5}.dropdown-header-text{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.dropdown-header-danger .dropdown-header-text{color:#991b1b}.dropdown-body{background:#fff;max-height:300px;overflow-y:auto;padding:4px 0}.dropdown-item{background:#fff;display:block;padding:12px 14px}.dropdown-item:hover{background:linear-gradient(90deg,#eff6ff,#f0f9ff);border-left:3px solid #3b82f6;padding-left:11px}.dropdown-item.dropdown-item-danger:hover{background:linear-gradient(90deg,#fef2f2,#fee2e2);border-left:3px solid #ef4444}.dropdown-item-main{align-items:center;display:flex;gap:12px;justify-content:space-between;margin-bottom:8px;width:100%}.dropdown-item-title{color:#1e293b;flex:1 1;font-size:14px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-item-sub{align-items:center;display:flex;flex-wrap:wrap;font-size:12px;gap:8px;line-height:1.4;padding-left:2px}.dropdown-item-sub>span:not(.dropdown-info){color:#cbd5e1;font-size:10px}.dropdown-info{align-items:center;color:#64748b;display:inline-flex;font-size:12px;gap:4px}.dropdown-info.purple{color:#8b5cf6}.dropdown-info .icon{font-size:12px;opacity:.9}.dropdown-footer{background:linear-gradient(90deg,#fef3c7,#fde68a);border-top:1px solid #fbbf24;bottom:0;padding:10px 14px;position:-webkit-sticky;position:sticky;text-align:center;z-index:10}.dropdown-footer.dropdown-footer-danger{background:linear-gradient(90deg,#fef2f2,#fee2e2);border-top:1px solid #fca5a5}.dropdown-footer-text{color:#92400e;font-size:12px;font-weight:500}.dropdown-footer-danger .dropdown-footer-text{color:#991b1b}.dropdown-body::-webkit-scrollbar{width:6px}.dropdown-body::-webkit-scrollbar-track{background:#f3f4f6}.dropdown-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.dropdown-body::-webkit-scrollbar-thumb:hover{background:#94a3b8}.selected-host-info{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:1px solid #bfdbfe;border-radius:8px;margin-top:16px;padding:16px}.selected-host-info h4{color:#1e40af;font-size:14px;font-weight:600;margin:0 0 12px}.selected-host-info.danger-theme{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5}.selected-host-info.danger-theme h4{color:#991b1b}.info-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.info-item{align-items:center;display:flex;font-size:13px;gap:8px}.info-label{color:#6b7280;font-weight:500;min-width:80px}.info-value{color:#1e293b;font-size:13px;font-weight:600}.info-value.highlight{font-size:14px;font-weight:700}.info-value.highlight.danger{color:#dc2626}.credit-options{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin-bottom:12px}.credit-option{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;padding:12px;text-align:center;transition:all .2s ease}.credit-option:hover{background:#f0f9ff;border-color:#3b82f6}.credit-option.selected{background:#eff6ff;border-color:#3b82f6}.option-label{color:#1f2937;font-size:16px;font-weight:700;margin-bottom:4px}.option-price{color:#6b7280;font-size:12px}.grant-summary{background:linear-gradient(135deg,#eff6ff,#dbeafe);border:2px solid #60a5fa;border-radius:8px;margin-top:24px;padding:20px}.deduct-summary{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fca5a5;border-radius:8px;margin-top:24px;padding:20px}.deduct-summary.danger-theme h3{color:#991b1b;font-size:16px;font-weight:600;margin:0 0 16px}.summary-content{display:flex;flex-direction:column;gap:12px}.summary-item{align-items:center;border-bottom:1px solid #0000000d;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.summary-item:last-child{border-bottom:none}.summary-item.total{border-top:2px solid #0000001a;font-size:16px;font-weight:600;margin-top:4px;padding-top:12px}.summary-warning{background:#fef3c7;border-radius:6px;color:#92400e;font-size:13px;font-weight:500;margin-top:12px;padding:10px;text-align:center}.btn{font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;box-shadow:0 4px 12px #dc26264d;transform:translateY(-1px)}.btn:disabled,button:disabled{cursor:not-allowed;opacity:.5}.btn-icon{font-size:16px}.credit-badge{align-items:center;border-radius:12px;display:inline-flex;flex-shrink:0;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;white-space:nowrap}.credit-badge.primary{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border:1px solid #93c5fd;color:#1e40af}.credit-badge.danger{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #fca5a5;color:#dc2626}.text-primary{color:#3b82f6}.text-danger{color:#dc2626}.text-success{color:#16a34a}.text-warning{color:#d97706}.text-purple{color:#8b5cf6}.loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.spinner{border:3px solid #e5e7eb;border-top-color:#3b82f6;height:40px;margin-bottom:16px;width:40px}.spinner-small{animation:spin .8s linear infinite;border-top-color:#fff;display:inline-block;height:14px;width:14px}.toggle-advanced{align-items:center;background:none;border:none;color:#3b82f6;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 0;transition:all .2s ease}.toggle-advanced:hover{color:#2563eb}.toggle-icon{font-size:12px;transition:transform .2s ease}.advanced-options{animation:slideDown .3s ease;border-top:1px solid #e5e7eb;margin-top:16px;padding-top:16px}.checkbox-label{align-items:center;display:flex;font-size:14px;gap:8px}.checkbox-label input[type=checkbox]{cursor:pointer}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@media (max-width:768px){.modal-container{max-width:none;width:95%}.modal-container.modal-deduct,.modal-container.modal-lg{width:95%}.info-grid{grid-template-columns:1fr}.credit-options{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.dropdown-item{padding:10px 12px}.dropdown-item-main,.dropdown-item-sub{align-items:flex-start;flex-direction:column;gap:6px}.credit-badge{align-self:flex-start}.summary-item{font-size:13px}.summary-item.total{font-size:14px}}@media (max-width:480px){.modal-body,.modal-header{padding:16px}.modal-footer{flex-direction:column;gap:8px;padding:16px}.btn{justify-content:center;width:100%}}.edit-application-modal{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:800px;position:relative;width:90%}.edit-application-modal .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;justify-content:space-between;padding:24px}.edit-application-modal .modal-title{align-items:center;color:#1f2937;display:flex;font-size:20px;font-weight:700;gap:10px;margin:0}.edit-application-modal .modal-icon{font-size:24px}.edit-application-modal .modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.edit-application-modal .modal-close:hover{background:#e5e7eb;color:#374151}.edit-application-modal .modal-content{flex:1 1;overflow-y:auto;padding:24px}.edit-application-modal .form-section{border-bottom:1px solid #f3f4f6;margin-bottom:28px;padding-bottom:28px}.edit-application-modal .form-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.edit-application-modal .section-title{align-items:center;color:#374151;display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 20px}.edit-application-modal .section-title:before{background:#3b82f6;border-radius:2px;content:"";height:16px;width:4px}.edit-application-modal .section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.edit-application-modal .toggle-history{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;font-size:13px;padding:6px 12px;transition:all .2s ease}.edit-application-modal .toggle-history:hover{background:#e5e7eb;color:#374151}.edit-application-modal .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.edit-application-modal .form-row:last-child{margin-bottom:0}.edit-application-modal .form-group{display:flex;flex-direction:column}.edit-application-modal .form-label{color:#4b5563;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.edit-application-modal .form-label.required:after{color:#ef4444;content:" *"}.edit-application-modal .form-input,.edit-application-modal .form-select,.edit-application-modal .form-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:14px;padding:10px 14px;transition:all .2s ease}.edit-application-modal .form-input:focus,.edit-application-modal .form-select:focus,.edit-application-modal .form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.edit-application-modal .form-input.error,.edit-application-modal .form-select.error,.edit-application-modal .form-textarea.error{border-color:#ef4444}.edit-application-modal .form-input.error:focus,.edit-application-modal .form-select.error:focus,.edit-application-modal .form-textarea.error:focus{box-shadow:0 0 0 3px #ef44441a}.edit-application-modal .form-textarea{font-family:inherit;min-height:80px;resize:vertical}.edit-application-modal .error-message{align-items:center;color:#dc2626;display:flex;font-size:12px;gap:4px;margin-top:4px}.edit-application-modal .error-message:before{content:"⚠";font-size:14px}.edit-application-modal .edit-history{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;max-height:200px;overflow-y:auto;padding:12px}.edit-application-modal .history-item{grid-gap:12px;border-bottom:1px solid #e5e7eb;display:grid;font-size:13px;gap:12px;grid-template-columns:140px 120px 1fr;padding:10px}.edit-application-modal .history-item:last-child{border-bottom:none}.edit-application-modal .history-date{color:#6b7280;font-size:12px}.edit-application-modal .history-editor{color:#3b82f6;font-weight:500}.edit-application-modal .history-changes{color:#1f2937}.edit-application-modal .no-history{color:#9ca3af;font-size:13px;padding:20px;text-align:center}.edit-application-modal .changes-preview{background:#fef3c7;border:1px solid #fde68a;border-radius:10px;margin-top:20px;padding:16px}.edit-application-modal .preview-title{align-items:center;color:#92400e;display:flex;font-size:14px;font-weight:600;gap:6px;margin:0 0 12px}.edit-application-modal .preview-title:before{content:"📝";font-size:16px}.edit-application-modal .changes-list{display:flex;flex-direction:column;gap:8px}.edit-application-modal .change-item{align-items:center;background:#fff;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:6px 10px}.edit-application-modal .change-label{color:#78350f;font-weight:600;min-width:100px}.edit-application-modal .change-old{color:#dc2626;opacity:.7;text-decoration:line-through}.edit-application-modal .change-arrow{color:#6b7280;font-weight:700}.edit-application-modal .change-new{color:#059669;font-weight:600}.edit-application-modal .modal-footer{border-top:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:12px;justify-content:flex-end;padding:20px 24px}.edit-application-modal .modal-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:10px 20px;transition:all .2s ease}.edit-application-modal .cancel-button{background:#f3f4f6;color:#6b7280}.edit-application-modal .cancel-button:hover:not(:disabled){background:#e5e7eb;color:#4b5563}.edit-application-modal .save-button{background:#3b82f6;color:#fff}.edit-application-modal .save-button:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.edit-application-modal .modal-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.edit-application-modal .modal-button .icon{font-size:16px}.edit-application-modal .spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:14px;width:14px}.edit-application-modal .edit-history::-webkit-scrollbar,.edit-application-modal .modal-content::-webkit-scrollbar{width:6px}.edit-application-modal .edit-history::-webkit-scrollbar-track,.edit-application-modal .modal-content::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.edit-application-modal .edit-history::-webkit-scrollbar-thumb,.edit-application-modal .modal-content::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.edit-application-modal .edit-history::-webkit-scrollbar-thumb:hover,.edit-application-modal .modal-content::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width:768px){.edit-application-modal{max-height:95vh;width:95%}.edit-application-modal .form-row{grid-template-columns:1fr}.edit-application-modal .history-item{gap:4px;grid-template-columns:1fr}.edit-application-modal .change-item{flex-wrap:wrap}.edit-application-modal .modal-footer{flex-direction:column}.edit-application-modal .modal-button{justify-content:center;width:100%}}@media (prefers-color-scheme:dark){.edit-application-modal{background:#1f2937;color:#f3f4f6}.edit-application-modal .modal-footer,.edit-application-modal .modal-header{border-color:#374151}.edit-application-modal .modal-title{color:#f3f4f6}.edit-application-modal .modal-close{background:#374151;color:#9ca3af}.edit-application-modal .modal-close:hover{background:#4b5563;color:#f3f4f6}.edit-application-modal .section-title{color:#e5e7eb}.edit-application-modal .form-label{color:#9ca3af}.edit-application-modal .form-input,.edit-application-modal .form-select,.edit-application-modal .form-textarea{background:#374151;border-color:#4b5563;color:#f3f4f6}.edit-application-modal .form-input:focus,.edit-application-modal .form-select:focus,.edit-application-modal .form-textarea:focus{border-color:#60a5fa;box-shadow:0 0 0 3px #60a5fa33}.edit-application-modal .edit-history{background:#374151;border-color:#4b5563}.edit-application-modal .changes-preview{background:#1e3a8a;border-color:#2563eb}.edit-application-modal .change-item{background:#1f2937}}.admin-page{min-height:calc(100vh - 64px);padding:32px 24px}.page-header{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:32px;padding:28px 32px}.page-header h1{align-items:center;color:#1f2937;display:flex;font-size:26px;font-weight:700;gap:12px;letter-spacing:-.5px;margin:0 0 10px}.page-header h1:before{content:"💳";font-size:32px}.page-header p{color:#6b7280;font-size:15px;line-height:1.5;margin:0 0 24px}.page-actions{align-items:center;display:flex;gap:12px}.action-btn{border:none;border-radius:10px;font-size:14px;font-weight:600;gap:8px;min-height:42px;padding:11px 20px;transition:all .2s cubic-bezier(.4,0,.2,1)}.action-btn .icon{align-items:center;display:flex;font-size:18px}.action-btn.primary{background:linear-gradient(135deg,#1e40af,#3b82f6);box-shadow:0 2px 4px #1e40af26;color:#fff}.action-btn.primary:hover{background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 6px 16px #1e40af4d;transform:translateY(-2px)}.action-btn.secondary{background:#fff;border:2px solid #e5e7eb;color:#6b7280}.action-btn.secondary:hover{background:#f9fafb;border-color:#3b82f6;color:#1e40af;transform:translateY(-1px)}.action-btn.danger{background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 2px 4px #dc262626;color:#fff}.action-btn.danger:hover{background:linear-gradient(135deg,#b91c1c,#dc2626);box-shadow:0 6px 16px #dc26264d;transform:translateY(-2px)}.tab-navigation{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;gap:8px;margin-bottom:32px;padding:8px}.tab-btn{background:#0000;border:2px solid #0000;border-radius:12px;display:flex;flex:1 1;font-size:15px;gap:10px;justify-content:center;min-height:48px;padding:14px 24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.tab-btn:hover:not(.active){background:#f3f4f6;color:#1f2937}.tab-btn.active{background:linear-gradient(135deg,#ea580c,#dc2626);box-shadow:0 4px 12px #ea580c40;color:#fff;transform:scale(1.02)}.tab-btn.active:hover{box-shadow:0 6px 16px #ea580c59}.tab-icon{align-items:center;display:flex;font-size:20px}.tab-btn .badge{align-items:center;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background:linear-gradient(135deg,#dc2626,#ef4444);box-shadow:0 2px 6px #dc26264d;display:inline-flex;font-size:12px;height:22px;justify-content:center;margin-left:6px;min-width:22px;padding:0 7px}.tab-content{border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 8px #0000000a;min-height:500px;padding:32px}.credit-statistics{margin-bottom:32px}.credit-management-filters{margin-bottom:28px}.table-container{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.admin-table{border-collapse:initial;border-spacing:0;width:100%}.admin-table thead{background:linear-gradient(180deg,#f8fafc,#f3f4f6)}.admin-table thead th{border-bottom:2px solid #e5e7eb;color:#475569;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase;white-space:nowrap}.admin-table tbody tr{border-bottom:1px solid #f1f5f9;transition:all .2s ease}.admin-table tbody tr:hover{background:#f8fafc;transform:translateX(2px)}.admin-table tbody tr:nth-child(2n){background:#fafbfc}.admin-table tbody td{color:#1f2937;font-size:14px;padding:14px 20px;vertical-align:middle}.status-badge{border-radius:8px;font-size:13px;gap:6px;letter-spacing:.3px;padding:6px 12px}.status-badge.pending{background:linear-gradient(135deg,#fef3c7,#fed7aa);border:1px solid #fbbf24}.status-badge.approved{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border:1px solid #4ade80;color:#14532d}.status-badge.rejected{background:linear-gradient(135deg,#fee2e2,#fecaca);border:1px solid #f87171;color:#7f1d1d}.error-state{align-items:center;display:flex;flex-direction:column;gap:16px;padding:80px 20px}.error-state:before{content:"⚠️";font-size:48px;margin-bottom:8px}.error-state h3{color:#dc2626;font-size:22px;font-weight:700;margin:0}.error-state p{color:#6b7280;font-size:15px;line-height:1.5;margin:0;max-width:400px}.error-state button{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:10px;font-size:15px;margin-top:8px;padding:12px 28px;transition:all .2s ease}.error-state button:hover{background:linear-gradient(135deg,#1e3a8a,#2563eb);box-shadow:0 6px 16px #1e40af4d;transform:translateY(-2px)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;padding:80px 20px}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-top-color:#1e40af;display:inline-block;height:48px;width:48px}.loading-text{color:#6b7280;font-size:15px;font-weight:500}@media (max-width:1280px){.admin-container{max-width:100%;padding:0 16px}}@media (max-width:1024px){.admin-page{padding:24px 16px}.page-header,.tab-content{padding:24px}}@media (max-width:768px){.admin-page{padding:20px 12px}.page-header{border-radius:12px;padding:20px}.page-header h1{font-size:22px}.page-actions{flex-wrap:wrap;gap:10px;width:100%}.action-btn{flex:1 1;font-size:13px;min-width:calc(50% - 5px);padding:10px 16px}.tab-navigation{border-radius:12px;padding:6px}.tab-btn{border-radius:10px;font-size:14px;padding:12px 16px}.tab-icon{font-size:18px}.tab-content{border-radius:12px;padding:20px}.admin-table{font-size:13px}.admin-table thead th{font-size:12px;padding:12px 16px}.admin-table tbody td{font-size:13px;padding:12px 16px}}@media (max-width:480px){.admin-page{padding:16px 8px}.page-header{padding:16px}.page-header h1{font-size:20px;gap:8px}.page-header h1:before{font-size:24px}.action-btn{min-width:100%;padding:10px 14px}.tab-navigation{flex-direction:column;gap:6px}.tab-btn{justify-content:flex-start;padding:12px 16px;width:100%}.tab-btn.active{transform:none}.tab-content{min-height:400px;padding:16px}.table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{min-width:600px}}.admin-unified-layout .admin-page{background:#0000;padding:24px}.admin-unified-layout .admin-container{max-width:none}.admin-unified-layout .page-header{display:none}@media (prefers-color-scheme:dark){.admin-page{background:#0f172a}.page-header,.tab-content,.tab-navigation,.table-container{background:#1e293b;border-color:#334155}.page-header h1{color:#f1f5f9}.page-header p{color:#94a3b8}.tab-navigation{background:#1e293b}.tab-btn{color:#94a3b8}.tab-btn:hover:not(.active){background:#334155;color:#e2e8f0}.tab-btn.active{background:linear-gradient(135deg,#ea580c,#dc2626);color:#fff}.action-btn.secondary{background:#334155;border-color:#475569;color:#cbd5e1}.action-btn.secondary:hover{background:#475569;border-color:#3b82f6;color:#60a5fa}.admin-table thead{background:linear-gradient(180deg,#1e293b,#0f172a)}.admin-table thead th{border-bottom-color:#475569;color:#94a3b8}.admin-table tbody tr{border-bottom-color:#334155}.admin-table tbody tr:hover{background:#334155}.admin-table tbody tr:nth-child(2n){background:#1a202c}.admin-table tbody td{color:#e2e8f0}.error-state h3{color:#f87171}.error-state p{color:#94a3b8}}.admin-page .tab-navigation .tab-btn.active{background:linear-gradient(135deg,#fc803d,lab(58.25% 50.13 66.29))!important;color:#fff!important}.tab-navigation{border-bottom:2px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:2rem;overflow-x:auto;padding-bottom:0;white-space:nowrap}.tab-btn{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:#6b7280;display:inline-flex;flex-shrink:0;font-size:.95rem;font-weight:600;gap:.5rem;min-width:-webkit-fit-content;min-width:fit-content;padding:1rem 1.5rem;transition:all .2s ease;white-space:nowrap}.tab-btn:hover{background:#f9fafb;color:#1f2937}.tab-btn.active{background:#eff6ff;border-bottom-color:#3b82f6;color:#3b82f6}.tab-icon{font-size:1.1rem}.tab-btn .badge{background:#ef4444;border-radius:12px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;margin-left:.5rem;min-width:20px;padding:.125rem .5rem;text-align:center}.tab-btn .badge.info{background:#3b82f6}.tab-btn .badge.secondary{background:#6b7280}@media (max-width:768px){.tab-navigation{gap:.5rem;padding:0}.tab-btn{font-size:.85rem;padding:.75rem 1rem}.tab-icon{font-size:1rem}}.tab-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;min-height:400px;padding:1.5rem}.error-state{color:#6b7280;padding:3rem;text-align:center}.error-state h3{color:#1f2937;margin-bottom:1rem}.error-state button{background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-top:1rem;padding:.75rem 1.5rem}.error-state button:hover{background:#2563eb}.admin-page{padding:0 1rem 1.5rem;padding:0 var(--spacing-lg) var(--spacing-xl) var(--spacing-lg)}.admin-page.loading{padding:1.5rem 1rem;padding:var(--spacing-xl) var(--spacing-lg)}.section-header{border-bottom:2px solid #f1f5f9;border-bottom:2px solid var(--admin-border-light);padding-bottom:1rem;padding-bottom:var(--spacing-lg)}.realtime-status-section,.section-header{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.realtime-status-section{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);padding:2rem;padding:var(--spacing-2xl)}.status-info{color:#94a3b8;color:var(--admin-text-muted);font-size:.875rem;font-size:var(--text-sm);gap:1.5rem;gap:var(--spacing-xl)}.connection-status{background:#f1f5f9;background:var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-md);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg)}.status-icon{font-size:1rem;font-size:var(--text-base)}.status-text{font-size:.875rem;font-size:var(--text-sm)}.last-update{font-weight:500}.stats-grid{margin-top:1.5rem;margin-top:var(--spacing-xl)}.stat-card.success{--card-color:var(--admin-success)}.stat-card.info{--card-color:var(--admin-info)}.stat-card.warning{--card-color:var(--admin-warning)}.stat-card.primary{--card-color:var(--admin-primary)}.stat-detail{color:#94a3b8;color:var(--admin-text-muted);font-size:.75rem;font-size:var(--text-xs);font-weight:500}.failure-alerts-section{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-2xl)}.alerts-grid{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.alert-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative;transition:all .15s ease}.alert-card:before{background:#ef4444;background:var(--admin-error);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.alert-card.critical{background:linear-gradient(135deg,#fef2f2,#fff);border-left-color:#ef4444;border-left-color:var(--admin-error)}.alert-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.alert-title{font-size:1.125rem;font-size:var(--text-lg)}.alert-description{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.alert-actions{display:flex;flex-shrink:0;gap:.75rem;gap:var(--spacing-md)}.alert-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);text-decoration:none;transition:all .15s ease;white-space:nowrap}.alert-btn.warning{background:#f59e0b;background:var(--admin-warning);color:#fff}.alert-btn.secondary{background:#f1f5f9;background:var(--admin-border-light);border:1px solid #e2e8f0;border:1px solid var(--admin-border);color:#64748b;color:var(--admin-text-secondary)}.alert-btn.dismiss{background:#ef4444;background:var(--admin-error);color:#fff;font-size:1.125rem;font-size:var(--text-lg);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.alert-btn:hover{transform:translateY(-1px)}.alert-btn:hover,.filters-section{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm)}.filters-section{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-2xl)}.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;gap:var(--spacing-2xl)}.filter-group{align-items:center;gap:.75rem;gap:var(--spacing-md)}.filter-group label{color:#0f172a;color:var(--admin-text-primary);font-weight:600;white-space:nowrap}.filter-group label,.filter-group select{font-size:.875rem;font-size:var(--text-sm)}.filter-group select{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;min-width:140px;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .15s ease}.filter-group select:focus{border-color:#2563eb;border-color:var(--admin-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-group{flex:1 1;min-width:300px}.search-input{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.5rem;border-radius:var(--radius-md);font-size:.875rem;font-size:var(--text-sm);padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .15s ease;width:100%}.search-input:focus{border-color:#2563eb;border-color:var(--admin-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.search-input::placeholder{color:#94a3b8}.realtime-stream-section{background:#fff;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm)}.stream-controls{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg)}.live-indicator{align-items:center;background:#ef4444;background:var(--admin-error);border-radius:.5rem;border-radius:var(--radius-md);color:#fff;display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:700;gap:.5rem;gap:var(--spacing-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg)}.live-dot{animation:pulse 2s infinite;background:#fff;border-radius:50%;height:8px;width:8px}.stream-container{margin-top:1.5rem;margin-top:var(--spacing-xl)}.bookings-stream{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.booking-stream-item{grid-gap:1rem;grid-gap:var(--spacing-lg);align-items:center;background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-md);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:100px 80px 1fr 200px;overflow:hidden;padding:1rem;padding:var(--spacing-lg);position:relative;transition:all .15s ease}.booking-stream-item:before{background:#10b981;background:var(--stream-color,var(--admin-success));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.booking-stream-item.new{--stream-color:var(--admin-primary);animation:newBookingGlow 3s ease-out;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#2563eb;border-color:var(--admin-primary)}.booking-stream-item.failed{--stream-color:var(--admin-error);background:linear-gradient(135deg,#fef2f2,#fff);border-color:#ef4444;border-color:var(--admin-error)}.booking-stream-item.success{--stream-color:var(--admin-success)}.booking-stream-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateX(4px)}.stream-time{font-weight:600}.stream-status{font-size:1.25rem;font-size:var(--text-xl);text-align:center}.stream-accommodation{font-weight:600}.stream-accommodation,.stream-guest{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.stream-guest{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm)}.stream-details{color:#94a3b8;color:var(--admin-text-muted);font-size:.75rem;font-size:var(--text-xs)}.stream-btn{border-radius:.375rem;border-radius:var(--radius-sm);transition:all .15s ease}.stream-btn.warning{background:#f59e0b;background:var(--admin-warning)}.stream-btn.secondary{background:#f1f5f9;background:var(--admin-border-light);border:1px solid #e2e8f0;border:1px solid var(--admin-border);color:#64748b;color:var(--admin-text-secondary)}.stream-btn.primary{background:#2563eb;background:var(--admin-primary)}.stream-btn:hover{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-xs);transform:translateY(-1px)}.no-bookings{padding:3rem 2rem;padding:var(--spacing-3xl) var(--spacing-2xl)}.no-bookings-icon{font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.no-bookings h3{font-weight:700}.no-bookings p{font-size:1rem;font-size:var(--text-base)}.admin-btn{opacity:1!important;visibility:visible!important}.admin-btn:disabled{opacity:.5!important}.admin-btn.primary,.admin-btn.primary:hover:not(:disabled),.header-actions .admin-btn{opacity:1!important;visibility:visible!important}.header-actions .admin-btn{display:inline-flex!important}.header-actions .admin-btn.primary{background:#2563eb!important;background:var(--admin-primary)!important;border:none!important;color:#fff!important;font-size:.875rem!important;font-size:var(--text-sm)!important;font-weight:600!important}.section-header .admin-btn{display:inline-flex!important;opacity:1!important;visibility:visible!important}.section-header .admin-btn.secondary{background:#ffffffe6!important;border:2px solid #e2e8f0!important;border:2px solid var(--admin-border)!important}.section-header .admin-btn.secondary,.section-header .admin-btn.secondary:hover:not(:disabled){color:#0f172a!important;color:var(--admin-text-primary)!important;opacity:1!important;visibility:visible!important}.section-header .admin-btn.secondary:hover:not(:disabled){background:#f1f5f9!important;background:var(--admin-border-light)!important;transform:translateY(-1px)}.admin-btn[onclick*=calculateStats],button[onclick*=calculateStats]{background:#2563eb!important;background:var(--admin-primary)!important;color:#fff!important}.admin-btn.secondary,.admin-btn.success,.admin-btn[onclick*=calculateStats],.admin-page .admin-btn,button[onclick*=calculateStats]{display:inline-flex!important;opacity:1!important;visibility:visible!important}.admin-page .admin-btn{position:relative!important;z-index:10!important}.admin-header .header-actions *{opacity:1!important;visibility:visible!important}.admin-btn:before{content:"";display:none}.admin-btn{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (max-width:768px){.admin-btn{display:inline-flex!important;opacity:1!important;visibility:visible!important}.header-actions{flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.header-actions .admin-btn{min-width:120px!important;opacity:1!important;visibility:visible!important;width:auto!important}}@media (max-width:480px){.admin-btn{display:inline-flex!important;font-size:.875rem!important;font-size:var(--text-sm)!important;opacity:1!important;padding:.5rem 1rem!important;padding:var(--spacing-sm) var(--spacing-lg)!important;visibility:visible!important}}@keyframes slideOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100px)}}.admin-toast{animation:slideInRight .3s ease-out}.toast-content{flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.toast-title{font-size:.875rem;font-size:var(--text-sm);font-weight:700}.toast-message{font-size:.75rem;font-size:var(--text-xs);opacity:.9}@media (max-width:1024px){.nav-content{flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md);height:auto;min-height:70px;padding:0 .75rem;padding:0 var(--spacing-md)}.nav-menu{flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs);justify-content:center;width:100%}.nav-item{padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg)}.admin-container{margin:0;max-width:none}.header-content{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.header-actions{justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.booking-stream-item{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr;text-align:left}.filters-row{gap:1rem;gap:var(--spacing-lg)}.filter-group,.filters-row{align-items:stretch;flex-direction:column}.filter-group{gap:.5rem;gap:var(--spacing-sm)}.search-group{min-width:auto}}@media (max-width:768px){.admin-page{padding:0 .5rem 1.5rem;padding:0 var(--spacing-sm) var(--spacing-xl) var(--spacing-sm)}.nav-content{flex-direction:column;gap:.75rem;gap:var(--spacing-md);height:auto;padding:.75rem;padding:var(--spacing-md)}.nav-menu{flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs)}.nav-item{flex:1 1;font-size:.75rem;font-size:var(--text-xs);justify-content:center;min-width:120px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.admin-info{display:none}.failure-alerts-section,.filters-section,.realtime-status-section,.realtime-stream-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}.section-header{gap:1rem;gap:var(--spacing-lg)}.section-header,.stream-controls{align-items:stretch;flex-direction:column}.stream-controls{gap:.75rem;gap:var(--spacing-md)}.alert-card{flex-direction:column;gap:1rem;gap:var(--spacing-lg);text-align:center}.alert-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.alert-btn{justify-content:center}.status-info{align-items:center;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);text-align:center}}@media (max-width:480px){.admin-page{padding:0 .25rem 1rem;padding:0 var(--spacing-xs) var(--spacing-lg) var(--spacing-xs)}.nav-menu{gap:.25rem;gap:var(--spacing-xs)}.nav-item{flex:1 1;justify-content:center;min-width:0;padding:.5rem;padding:var(--spacing-sm)}.header-left h1{font-size:1.5rem;font-size:var(--text-2xl)}.header-left p{font-size:1rem;font-size:var(--text-base)}.stat-card{flex-direction:column;gap:.75rem;gap:var(--spacing-md);text-align:center}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem;font-size:var(--text-2xl)}.booking-stream-item{gap:.25rem;gap:var(--spacing-xs);padding:.75rem;padding:var(--spacing-md)}.stream-actions{flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.stream-btn{justify-content:center}}@media (prefers-reduced-motion:reduce){.admin-btn,.alert-btn,.alert-card,.booking-stream-item,.nav-brand,.nav-item,.stat-card,.stream-btn{transition:none}.booking-stream-item.new,.live-dot,.loading-spinner-large{animation:none}}@media (prefers-color-scheme:dark){:root{--admin-bg:#0f172a;--admin-card-bg:#1e293b;--admin-text-primary:#f1f5f9;--admin-text-secondary:#cbd5e1;--admin-text-muted:#94a3b8;--admin-border:#334155;--admin-border-light:#475569}.admin-navigation{background:#fff;background:var(--admin-card-bg);border-bottom-color:#e2e8f0;border-bottom-color:var(--admin-border)}.nav-item{color:#64748b;color:var(--admin-text-secondary)}.nav-item:hover{background:#60a5fa1a}.nav-item.active,.nav-item:hover{color:#60a5fa;color:var(--admin-primary-light)}.nav-item.active{background:#60a5fa26}.admin-name{color:#0f172a;color:var(--admin-text-primary)}.failure-alerts-section,.filters-section,.loading-content,.realtime-status-section,.realtime-stream-section{background:#fff;background:var(--admin-card-bg);border-color:#e2e8f0;border-color:var(--admin-border);color:#0f172a;color:var(--admin-text-primary)}.alert-card,.booking-stream-item,.stat-card{background:#fff;background:var(--admin-card-bg);border-color:#e2e8f0;border-color:var(--admin-border)}.connection-status{background:#e2e8f0;background:var(--admin-border)}.connection-status,.filter-group select,.search-input,.stream-accommodation{color:#0f172a;color:var(--admin-text-primary)}.filter-group select,.search-input{background:#fff;background:var(--admin-card-bg);border-color:#e2e8f0;border-color:var(--admin-border)}.filter-group select:focus,.search-input:focus{border-color:#2563eb;border-color:var(--admin-primary)}.booking-stream-item.new{background:linear-gradient(135deg,#1e3a8a,#1e40af)}.booking-stream-item.failed{background:linear-gradient(135deg,#7f1d1d,#991b1b)}.alert-card.critical{background:linear-gradient(135deg,#7f1d1d,#fff);background:linear-gradient(135deg,#7f1d1d 0,var(--admin-card-bg) 100%)}}.bulk-actions-panel{background:linear-gradient(135deg,#f8fafc,#e2e8f0);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md)}.bulk-controls{flex-direction:column}.bulk-controls,.bulk-selection{display:flex;gap:1rem;gap:var(--spacing-lg)}.bulk-selection{align-items:center;flex-wrap:wrap;justify-content:space-between}.selection-info{gap:.75rem;gap:var(--spacing-md)}.bulk-checkbox{border:2px solid #e2e8f0;border:2px solid var(--admin-border);height:18px;transition:all .15s ease;width:18px}.master-checkbox{height:20px;width:20px}.selection-label{cursor:pointer}.selected-count{background:#10b981;background:var(--admin-success)}.bulk-action-select,.selected-count{border-radius:.5rem;border-radius:var(--radius-md)}.bulk-action-select{min-width:200px;transition:all .15s ease}.stream-item{border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);grid-template-columns:auto 100px 1fr auto;padding:1rem;padding:var(--spacing-lg);transition:all .15s ease}.stream-item.selectable{grid-template-columns:auto auto 100px 1fr auto;padding-left:1.5rem;padding-left:var(--spacing-xl)}.checkbox-label{height:16px;transition:all .15s ease;width:16px}.bulk-checkbox:checked+.checkbox-label:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:1px;position:absolute;top:-2px}.individual-actions{flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.stream-btn.success{background:#10b981;background:var(--admin-success)}.stream-btn.error{background:#ef4444;background:var(--admin-error)}.contact-modal{max-height:90vh;max-width:700px;overflow-y:auto}.contact-target-info{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}.target-header{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.target-icon{flex-shrink:0;font-size:2.5rem}.target-details{flex:1 1}.target-details h3{color:#0f172a;color:var(--admin-text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;margin:0 0 .25rem;margin:0 0 var(--spacing-xs) 0}.target-details p{color:#64748b;color:var(--admin-text-secondary);font-weight:600;margin:0}.target-status{flex-shrink:0}.target-booking-info{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.booking-detail{align-items:center;color:#64748b;color:var(--admin-text-secondary);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--spacing-sm)}.detail-icon{font-size:1rem;font-size:var(--text-base)}.contact-method-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.contact-method-section h4{color:#0f172a;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.contact-methods{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.contact-method{align-items:center;background:#fff;border:2px solid #f1f5f9;border:2px solid var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg);transition:all .15s ease}.contact-method:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);transform:translateY(-1px)}.contact-method.selected,.contact-method:hover{border-color:#2563eb;border-color:var(--admin-primary)}.contact-method.selected{background:linear-gradient(135deg,#dbeafe,#bfdbfe)}.contact-method input[type=radio]{display:none}.method-icon{flex-shrink:0;font-size:1.5rem}.method-info{flex:1 1}.method-name{color:#0f172a;color:var(--admin-text-primary);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.method-desc{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm)}.message-template-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.template-buttons{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md)}.template-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.5rem;border-radius:var(--radius-md);color:#0f172a;color:var(--admin-text-primary);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:600;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .15s ease}.template-btn:hover{background:#2563eb;background:var(--admin-primary);color:#fff;transform:translateY(-1px)}.template-btn.secondary{background:#f1f5f9;background:var(--admin-border-light);color:#64748b;color:var(--admin-text-secondary)}.template-btn.secondary:hover{background:#ef4444;background:var(--admin-error);color:#fff}.message-compose-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.message-compose{position:relative}.message-textarea{border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:.75rem;border-radius:var(--radius-lg);font-family:inherit;font-size:.875rem;font-size:var(--text-sm);padding:1rem;padding:var(--spacing-lg);resize:vertical;transition:all .15s ease;width:100%}.message-textarea:focus{border-color:#2563eb;border-color:var(--admin-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.message-info{color:#94a3b8;color:var(--admin-text-muted);display:flex;font-size:.75rem;font-size:var(--text-xs);justify-content:space-between;margin-top:.5rem;margin-top:var(--spacing-sm)}.char-count{font-weight:600}.estimated-cost{color:#f59e0b;color:var(--admin-warning);font-weight:600}.message-preview-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.message-preview{background:#f8fafc;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden}.preview-header{align-items:center;background:#2563eb;background:var(--admin-primary);color:#fff;display:flex;font-weight:600;justify-content:space-between;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg)}.preview-content,.preview-header{font-size:.875rem;font-size:var(--text-sm)}.preview-content{color:#0f172a;color:var(--admin-text-primary);line-height:1.6;padding:1rem;padding:var(--spacing-lg);white-space:pre-line}.approval-modal{max-height:90vh;max-width:600px;overflow-y:auto}.approval-booking-summary,.summary-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.summary-header{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg)}.approval-icon{flex-shrink:0;font-size:3rem}.approval-icon.approve{color:#10b981;color:var(--admin-success)}.approval-icon.reject{color:#ef4444;color:var(--admin-error)}.summary-title h3{color:#0f172a;color:var(--admin-text-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.summary-title p{color:#64748b;color:var(--admin-text-secondary);line-height:1.5;margin:0}.booking-summary-card{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-xl)}.summary-row{align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--admin-border-light);display:flex;justify-content:space-between;padding:.75rem 0;padding:var(--spacing-md) 0}.summary-row:last-child{border-bottom:none}.summary-label{color:#64748b;color:var(--admin-text-secondary);font-weight:600;min-width:80px}.summary-value{color:#0f172a;color:var(--admin-text-primary);font-weight:700;text-align:right}.guest-phone{color:#94a3b8;color:var(--admin-text-muted);font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin-left:.5rem;margin-left:var(--spacing-sm)}.credit-success{color:#10b981;color:var(--admin-success)}.credit-failed{color:#ef4444;color:var(--admin-error)}.approval-reason-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.approval-reason-section h4{color:#0f172a;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.optional{color:#94a3b8;color:var(--admin-text-muted);font-size:.875rem;font-size:var(--text-sm);font-weight:500;margin-left:.5rem;margin-left:var(--spacing-sm)}.quick-reasons{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.reason-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.5rem;border-radius:var(--radius-md);color:#0f172a;color:var(--admin-text-primary);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:600;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease}.reason-btn:hover{background:#2563eb;background:var(--admin-primary);color:#fff;transform:translateY(-1px)}.reason-input{position:relative}.reason-textarea{border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:.75rem;border-radius:var(--radius-lg);font-family:inherit;font-size:.875rem;font-size:var(--text-sm);padding:1rem;padding:var(--spacing-lg);resize:vertical;transition:all .15s ease;width:100%}.reason-textarea:focus{border-color:#2563eb;border-color:var(--admin-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.reason-info{color:#94a3b8;color:var(--admin-text-muted);display:flex;font-size:.75rem;font-size:var(--text-xs);justify-content:space-between;margin-top:.5rem;margin-top:var(--spacing-sm)}.reason-note{font-style:italic}.notification-options{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.notification-options h4{color:#0f172a;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.notification-checkboxes{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.notification-option{align-items:center;background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:flex;gap:1rem;gap:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg);transition:all .15s ease}.notification-option:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#2563eb;border-color:var(--admin-primary)}.notification-option input[type=checkbox]{display:none}.checkbox-custom{border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:.375rem;border-radius:var(--radius-sm);height:20px;transition:all .15s ease;width:20px}.notification-option input[type=checkbox]:checked+.checkbox-custom{background:#2563eb;background:var(--admin-primary);border-color:#2563eb;border-color:var(--admin-primary)}.notification-option input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:3px;position:absolute;top:-1px}.option-info{flex:1 1}.option-title{color:#0f172a;color:var(--admin-text-primary);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.option-desc{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm)}.approval-warning{align-items:center;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--spacing-lg);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}.approval-warning.approve{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #f59e0b}.approval-warning.reject{background:linear-gradient(135deg,#fef2f2,#fecaca);border:1px solid #ef4444}.warning-icon{flex-shrink:0;font-size:2rem}.warning-content{flex:1 1}.warning-title{color:#0f172a;color:var(--admin-text-primary);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.warning-text{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.5}.approval-footer{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg);justify-content:space-between}@media (max-width:768px){.bulk-actions-panel{padding:1rem;padding:var(--spacing-lg)}.bulk-selection{align-items:stretch}.bulk-action-buttons,.bulk-selection{flex-direction:column}.bulk-action-select{min-width:auto}.stream-item.selectable{gap:.75rem;gap:var(--spacing-md);grid-template-columns:auto 1fr}.individual-actions{flex-direction:column}.approval-modal,.contact-modal{margin:1rem;margin:var(--spacing-lg);max-width:95vw}.contact-methods{grid-template-columns:1fr}.summary-header,.target-header{flex-direction:column;text-align:center}.approval-footer,.quick-reasons,.template-buttons{flex-direction:column}}.enhanced-monitoring-stats{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-2xl)}.stats-controls{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg)}.auto-refresh-toggle{align-items:center;color:#64748b;color:var(--admin-text-secondary);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;gap:var(--spacing-sm)}.auto-refresh-toggle input[type=checkbox]{border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;height:16px;width:16px}.key-metrics-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.metric-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative;transition:all .3s ease}.metric-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);transform:translateY(-4px)}.metric-card:before{background:var(--card-accent-color);content:"";height:100%;left:0;position:absolute;top:0;width:4px}.metric-card.primary{--card-accent-color:var(--admin-primary)}.metric-card.success{--card-accent-color:var(--admin-success)}.metric-card.warning{--card-accent-color:var(--admin-warning)}.metric-card.info{--card-accent-color:var(--admin-info)}.metric-card{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg)}.metric-icon{flex-shrink:0;font-size:2.5rem;opacity:.8}.metric-content{flex:1 1}.metric-value{color:#0f172a;color:var(--admin-text-primary);font-size:1.875rem;font-size:var(--text-3xl);line-height:1}.metric-label{font-size:.875rem;font-size:var(--text-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.metric-trend{background:#f1f5f9;background:var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#94a3b8;color:var(--admin-text-muted);display:inline-block;font-size:.75rem;font-size:var(--text-xs);font-weight:600;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.metric-status{animation:pulse-status 2s infinite;border-radius:50%;height:12px;position:absolute;right:1rem;right:var(--spacing-lg);top:1rem;top:var(--spacing-lg);width:12px}.metric-status.active{background:#2563eb;background:var(--admin-primary)}.metric-status.excellent{background:#10b981;background:var(--admin-success)}.metric-status.normal{background:#06b6d4;background:var(--admin-info)}.metric-status.warning{background:#f59e0b;background:var(--admin-warning)}.detailed-stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.stats-panel{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-xs);padding:1.5rem;padding:var(--spacing-xl);transition:all .15s ease}.stats-panel:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateY(-2px)}.stats-panel h3{align-items:center;color:#0f172a;color:var(--admin-text-primary);display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.status-distribution{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.status-item{gap:.5rem;gap:var(--spacing-sm)}.status-bar{background:#f1f5f9;background:var(--admin-border-light);height:8px;overflow:hidden}.status-bar,.status-fill{border-radius:.375rem;border-radius:var(--radius-sm)}.status-fill{height:100%;transition:width .3s ease}.status-fill.pending{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.status-fill.confirmed{background:linear-gradient(90deg,#34d399,#10b981)}.status-fill.cancelled{background:linear-gradient(90deg,#f87171,#ef4444)}.status-info{align-items:center;display:flex;justify-content:space-between}.status-count{color:#0f172a;color:var(--admin-text-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:700}.time-activity{align-items:end;display:flex;gap:2px;height:120px;padding:.5rem 0;padding:var(--spacing-sm) 0}.hour-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.25rem;gap:var(--spacing-xs);height:100%}.hour-label{color:#94a3b8;color:var(--admin-text-muted);font-size:.75rem;font-size:var(--text-xs);font-weight:600}.hour-bar-container{align-items:end;background:#f1f5f9;background:var(--admin-border-light);border-radius:2px;display:flex;flex:1 1;overflow:hidden;width:100%}.hour-fill{background:linear-gradient(0deg,#2563eb,#60a5fa);background:linear-gradient(0deg,var(--admin-primary) 0,var(--admin-primary-light) 100%);border-radius:2px;min-height:2px;transition:height .3s ease;width:100%}.hour-count{color:#0f172a;color:var(--admin-text-primary);font-size:.75rem;font-size:var(--text-xs);font-weight:700}.host-rankings{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.host-ranking-item{align-items:center;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:1rem;gap:var(--spacing-lg);padding:.75rem;padding:var(--spacing-md);transition:all .15s ease}.host-ranking-item:hover{background:#f1f5f9;background:var(--admin-border-light);transform:translateX(4px)}.rank-number{color:#2563eb;color:var(--admin-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:800;min-width:30px;text-align:center}.host-name{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.host-stats{text-align:right}.total-bookings{color:#0f172a;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700}.success-rate{color:#10b981;color:var(--admin-success);font-size:.875rem;font-size:var(--text-sm);font-weight:600}.alerts-panel{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#f59e0b;border-color:var(--admin-warning)}.real-time-alerts{max-height:300px;overflow-y:auto}.alert-item.mini{align-items:center;background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:.75rem;gap:var(--spacing-md);margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding:.75rem;padding:var(--spacing-md)}.alert-icon{flex-shrink:0;font-size:1.125rem;font-size:var(--text-lg)}.alert-content{flex:1 1}.alert-title{color:#0f172a;color:var(--admin-text-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:700}.alert-message,.alert-title{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.alert-message{color:#64748b;color:var(--admin-text-secondary)}.alert-message,.alert-time{font-size:.75rem;font-size:var(--text-xs)}.alert-time{color:#94a3b8;color:var(--admin-text-muted)}.alert-action-btn{background:#10b981;background:var(--admin-success);border-radius:50%;font-size:.75rem;font-size:var(--text-xs);height:24px;transition:all .15s ease;width:24px}.alert-action-btn:hover{background:#059669;transform:scale(1.1)}.more-alerts{color:#94a3b8;color:var(--admin-text-muted);font-size:.875rem;font-size:var(--text-sm);font-weight:600;padding:.5rem;padding:var(--spacing-sm);text-align:center}.no-alerts{align-items:center;display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md);padding:1.5rem;padding:var(--spacing-xl)}.no-alerts-icon{color:#10b981;color:var(--admin-success);font-size:2rem}.no-alerts-text{text-align:center}.no-alerts-text div:first-child{color:#0f172a;color:var(--admin-text-primary);font-weight:700;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.no-alerts-text div:last-child{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm)}.performance-metrics{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.perf-item{align-items:center;background:#f1f5f9;background:var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:.75rem;padding:var(--spacing-md)}.perf-label{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:600}.perf-value{align-items:baseline;display:flex;gap:.25rem;gap:var(--spacing-xs)}.perf-number{color:#0f172a;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:800}.perf-unit{color:#94a3b8;color:var(--admin-text-muted);font-size:.875rem;font-size:var(--text-sm);font-weight:600}.perf-status{border-radius:.375rem;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--text-xs);font-weight:700;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.perf-status.excellent{background:#10b981;background:var(--admin-success);color:#fff}.perf-status.good{background:#06b6d4;background:var(--admin-info);color:#fff}.perf-status.warning{background:#f59e0b;background:var(--admin-warning);color:#fff}.update-info{background:linear-gradient(135deg,#e0f2fe,#b3e5fc);border-color:#06b6d4;border-color:var(--admin-info)}.update-details{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.update-item{align-items:center;border-bottom:1px solid #ffffff4d;display:flex;justify-content:space-between;padding:.5rem 0;padding:var(--spacing-sm) 0}.update-item:last-child{border-bottom:none}.update-label{color:#64748b;color:var(--admin-text-secondary);font-weight:600}.update-label,.update-time{font-size:.875rem;font-size:var(--text-sm)}.update-time{color:#0f172a;color:var(--admin-text-primary);font-weight:700}.system-status{border-radius:.375rem;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--text-xs);font-weight:700;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.system-status.operational{background:#10b981;background:var(--admin-success);color:#fff}@media (max-width:1024px){.enhanced-monitoring-stats{padding:1.5rem;padding:var(--spacing-xl)}.key-metrics-grid{gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.detailed-stats-grid{gap:1rem;gap:var(--spacing-lg);grid-template-columns:1fr}.metric-card{flex-direction:column;gap:.75rem;gap:var(--spacing-md);text-align:center}.metric-icon{font-size:2rem}.metric-value{font-size:1.5rem;font-size:var(--text-2xl)}}@media (max-width:768px){.stats-controls{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.key-metrics-grid{gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.metric-card{padding:1rem;padding:var(--spacing-lg)}.time-activity{gap:1px;height:80px}.hour-label{display:none}.host-ranking-item{gap:.5rem;gap:var(--spacing-sm)}.alert-item.mini,.host-ranking-item,.perf-item{flex-direction:column;text-align:center}.perf-item{gap:.5rem;gap:var(--spacing-sm)}.update-item{flex-direction:column;gap:.25rem;gap:var(--spacing-xs);text-align:center}}@media (max-width:480px){.enhanced-monitoring-stats{margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.key-metrics-grid{grid-template-columns:1fr}.stats-panel{padding:1rem;padding:var(--spacing-lg)}.time-activity{height:60px}.hour-count{display:none}}.realtime-stream-section{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);overflow:hidden;padding:2rem;padding:var(--spacing-2xl);position:relative}.realtime-stream-section:before{animation:stream-glow 3s ease-in-out infinite;background:linear-gradient(90deg,#2563eb,#8b5cf6 50%,#06b6d4);background:linear-gradient(90deg,var(--admin-primary) 0,var(--admin-secondary) 50%,var(--admin-info) 100%);content:"";height:4px;left:0;position:absolute;right:0;top:0}@keyframes stream-glow{0%,to{opacity:.6}50%{opacity:1}}.realtime-stream-section .section-header{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:1.5rem;padding:var(--spacing-xl);position:relative}.realtime-stream-section .section-header h2{-webkit-text-fill-color:#0000;align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-secondary) 100%);-webkit-background-clip:text;background-clip:text;display:flex;font-size:1.5rem;font-size:var(--text-2xl);font-weight:800;gap:.75rem;gap:var(--spacing-md);margin:0}.stream-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-lg)}.connection-status{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #6ee7b7;border-radius:.75rem;border-radius:var(--radius-lg);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:700;gap:.5rem;gap:var(--spacing-sm);overflow:hidden;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);position:relative}.connection-status:before{animation:connection-shine 2s infinite;background:linear-gradient(90deg,#0000,#fff6 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;width:100%}@keyframes connection-shine{0%{left:-100%}to{left:100%}}.status-indicator{align-items:center;color:#10b981;color:var(--admin-success);display:flex;gap:.5rem;gap:var(--spacing-sm)}.status-indicator.connected:before{animation:pulse-indicator 2s infinite;background:#10b981;background:var(--admin-success);border-radius:50%;content:"";height:8px;width:8px}.status-indicator.disconnected{color:#ef4444;color:var(--admin-error)}.status-indicator.disconnected:before{background:#ef4444;background:var(--admin-error);border-radius:50%;content:"";height:8px;width:8px}@keyframes pulse-indicator{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.bulk-actions-panel{background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border:2px solid #2563eb;border:2px solid var(--admin-primary);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px #2563eb26;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative}.bulk-actions-panel:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='20' cy='20' r='2' fill='rgba(37,99,235,0.1)'/%3E%3Ccircle cx='80' cy='80' r='2' fill='rgba(37,99,235,0.1)'/%3E%3C/svg%3E") repeat;background-size:50px 50px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.bulk-controls{position:relative;z-index:1}.bulk-selection{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.selection-info{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg)}.bulk-checkbox{background:#fff;border:2px solid #2563eb;border:2px solid var(--admin-primary);border-radius:.375rem;border-radius:var(--radius-sm);cursor:pointer;height:20px;position:relative;transition:all .2s ease;width:20px}.bulk-checkbox:checked{background:#2563eb;background:var(--admin-primary);border-color:#2563eb;border-color:var(--admin-primary)}.bulk-checkbox:checked:after{color:#fff;content:"✓";font-size:14px;font-weight:700;left:2px;position:absolute;top:-2px}.master-checkbox{border:3px solid #2563eb;border:3px solid var(--admin-primary);box-shadow:0 0 0 3px #2563eb33;height:24px;width:24px}.selection-label{color:#0f172a;color:var(--admin-text-primary);font-size:1rem;font-size:var(--text-base);font-weight:700}.selected-count{animation:count-bounce .3s ease;background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--admin-success) 0,#059669 100%);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #10b9814d;color:#fff;font-size:.875rem;font-size:var(--text-sm);font-weight:700;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg)}@keyframes count-bounce{0%{transform:scale(.8)}50%{transform:scale(1.1)}to{transform:scale(1)}}.bulk-action-buttons{align-items:center;background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.bulk-action-select{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-xs);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:600;min-width:220px;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.bulk-action-select:focus{border-color:#2563eb;border-color:var(--admin-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none;transform:translateY(-1px)}.realtime-stream{border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md)}.realtime-stream,.stream-item{background:#fff;overflow:hidden}.stream-item{grid-gap:1rem;grid-gap:var(--spacing-lg);align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--admin-border-light);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:auto 120px 1fr auto;padding:1.5rem;padding:var(--spacing-xl);position:relative;transition:all .3s ease}.stream-item:last-child{border-bottom:none}.stream-item:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9);box-shadow:inset 4px 0 0 #2563eb;box-shadow:inset 4px 0 0 var(--admin-primary);transform:translateX(8px)}.stream-item.selectable{grid-template-columns:auto auto 120px 1fr auto;padding-left:2rem;padding-left:var(--spacing-2xl)}.stream-item.selectable:hover{transform:translateX(4px)}.stream-checkbox{align-items:center;display:flex;justify-content:center;padding:.5rem;padding:var(--spacing-sm)}.checkbox-label{background:#fff;border:2px solid #e2e8f0;border:2px solid var(--admin-border);border-radius:.375rem;border-radius:var(--radius-sm);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-xs);height:18px;position:relative;transition:all .2s ease;width:18px}.checkbox-label:hover{border-color:#2563eb;border-color:var(--admin-primary);transform:scale(1.1)}.bulk-checkbox:checked+.checkbox-label{background:#2563eb;background:var(--admin-primary);border-color:#2563eb;border-color:var(--admin-primary);box-shadow:0 0 0 3px #2563eb33}.stream-time{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:.75rem;border-radius:var(--radius-lg);color:#2563eb;color:var(--admin-primary);display:flex;flex-direction:column;font-family:ui-monospace,monospace;font-size:.875rem;font-size:var(--text-sm);font-weight:700;gap:.25rem;gap:var(--spacing-xs);min-width:100px;padding:.75rem;padding:var(--spacing-md)}.time-ago{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.375rem;border-radius:var(--radius-sm);color:#94a3b8;color:var(--admin-text-muted);font-size:.75rem;font-size:var(--text-xs);font-weight:500;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.stream-content{flex:1 1;padding:.5rem;padding:var(--spacing-sm)}.stream-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-lg);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.stream-status{border-radius:.5rem;border-radius:var(--radius-md);font-size:.75rem;font-size:var(--text-xs);font-weight:700;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);white-space:nowrap}.stream-accommodation{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#2563eb);background:linear-gradient(135deg,var(--admin-text-primary) 0,var(--admin-primary) 100%);-webkit-background-clip:text;background-clip:text;color:#0f172a;color:var(--admin-text-primary);font-size:1rem;font-size:var(--text-base);font-weight:700}.stream-host{font-weight:600}.stream-details,.stream-host{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm)}.stream-details{background:#f1f5f9;background:var(--admin-border-light);border-left:4px solid #06b6d4;border-left:4px solid var(--admin-info);border-radius:.5rem;border-radius:var(--radius-md);line-height:1.5;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.process-success{color:#10b981;color:var(--admin-success);font-weight:600}.process-failure{animation:error-pulse 2s infinite;color:#ef4444;color:var(--admin-error);font-weight:600}@keyframes error-pulse{0%,to{opacity:1}50%{opacity:.7}}.guest-contact{color:#94a3b8;color:var(--admin-text-muted);font-weight:500}.stream-actions{align-items:stretch;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);min-width:120px}.status-badge{border-radius:.5rem;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-xs);transition:all .2s ease}.status-badge:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);transform:translateY(-1px)}.status-badge.pending{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.status-badge.confirmed{background:linear-gradient(135deg,#34d399,#10b981);color:#fff}.status-badge.cancelled{background:linear-gradient(135deg,#f87171,#ef4444);color:#fff}.status-badge.error{animation:error-glow 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}@keyframes error-glow{0%,to{box-shadow:0 0 5px #ef444480}50%{box-shadow:0 0 20px #ef4444cc}}.individual-actions{flex-direction:column}.approval-actions,.individual-actions{display:flex;gap:.25rem;gap:var(--spacing-xs)}.stream-btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-xs);cursor:pointer;display:inline-flex;font-size:.75rem;font-size:var(--text-xs);font-weight:600;gap:.25rem;gap:var(--spacing-xs);justify-content:center;overflow:hidden;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);position:relative;text-decoration:none;transition:all .2s ease;white-space:nowrap}.stream-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.stream-btn:hover:before{left:100%}.stream-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateY(-2px)}.stream-btn.primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-primary-dark) 100%);color:#fff}.stream-btn.secondary{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff}.stream-btn.warning{background:linear-gradient(135deg,#f59e0b,#d97706);background:linear-gradient(135deg,var(--admin-warning) 0,#d97706 100%);color:#fff}.stream-btn.success{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--admin-success) 0,#059669 100%);color:#fff}.stream-btn.error{background:linear-gradient(135deg,#ef4444,#dc2626);background:linear-gradient(135deg,var(--admin-error) 0,#dc2626 100%);color:#fff}.stream-btn.small{font-size:.75rem;font-size:var(--text-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.no-stream{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border:2px dashed #e2e8f0;border:2px dashed var(--admin-border);border-radius:1rem;border-radius:var(--radius-xl);overflow:hidden;padding:3rem 2rem;padding:var(--spacing-3xl) var(--spacing-2xl);position:relative;text-align:center}.no-stream:before{animation:no-stream-pattern 20s linear infinite;background:repeating-linear-gradient(45deg,#0000,#0000 10px,#94a3b81a 0,#94a3b81a 20px);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes no-stream-pattern{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.no-stream-icon{animation:no-stream-float 3s ease-in-out infinite;font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);opacity:.6;position:relative;z-index:1}@keyframes no-stream-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-stream h3{color:#64748b;color:var(--admin-text-secondary);font-size:1.25rem;font-size:var(--text-xl);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.no-stream h3,.no-stream p{position:relative;z-index:1}.no-stream p{color:#94a3b8;color:var(--admin-text-muted);font-size:1rem;font-size:var(--text-base);margin:0 0 1.5rem;margin:0 0 var(--spacing-xl) 0}.no-stream .admin-btn{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);position:relative;z-index:1}.stream-loading{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #7dd3fc;border-radius:1rem;border-radius:var(--radius-xl);padding:3rem 2rem;padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center}.stream-loading .loading-spinner-large{animation:spin-enhanced 1s linear infinite;border:6px solid #f1f5f9;border-top:6px solid #2563eb;border:6px solid var(--admin-border-light);border-radius:50%;border-top-color:var(--admin-primary);height:80px;margin:0 auto 1.5rem;margin:0 auto var(--spacing-xl) auto;position:relative;width:80px}.stream-loading .loading-spinner-large:after{animation:spin-enhanced 2s linear infinite reverse;border:3px solid #0000;border-radius:50%;border-top-color:#8b5cf6;border-top:3px solid var(--admin-secondary);bottom:10px;content:"";left:10px;position:absolute;right:10px;top:10px}@keyframes spin-enhanced{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.stream-loading p{animation:loading-pulse 2s ease-in-out infinite;color:#0f172a;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:600;margin:0}@keyframes loading-pulse{0%,to{opacity:.6}50%{opacity:1}}.load-more-section{background:linear-gradient(135deg,#f8fafc,#fff);border-top:1px solid #f1f5f9;border-top:1px solid var(--admin-border-light);padding:2rem;padding:var(--spacing-2xl);text-align:center}.load-more-section .admin-btn{background:linear-gradient(135deg,#6b7280,#4b5563);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);color:#fff;font-size:1rem;font-size:var(--text-base);font-weight:700;overflow:hidden;padding:1rem 2rem;padding:var(--spacing-lg) var(--spacing-2xl);position:relative}.load-more-section .admin-btn:before{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.load-more-section .admin-btn:hover:before{left:100%}.load-more-section .admin-btn:hover{box-shadow:0 12px 40px #6b728066;opacity:1;transform:translateY(-3px)}@media (max-width:1024px){.stream-item{gap:.75rem;gap:var(--spacing-md);grid-template-columns:1fr;text-align:left}.stream-item.selectable{grid-template-columns:auto 1fr}.stream-header{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.stream-actions{min-width:auto}.individual-actions,.stream-actions{flex-direction:row;flex-wrap:wrap}}@media (max-width:768px){.realtime-stream-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}.stream-header-actions{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.bulk-actions-panel{padding:1rem;padding:var(--spacing-lg)}.bulk-action-buttons,.bulk-selection{flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.bulk-action-select{min-width:auto}.stream-item{padding:1rem;padding:var(--spacing-lg)}.stream-time{align-self:flex-start;min-width:auto}.approval-actions{flex-direction:column}}@media (max-width:480px){.stream-item{padding:.75rem;padding:var(--spacing-md)}.stream-actions{gap:.25rem;gap:var(--spacing-xs)}.stream-btn{font-size:.75rem;font-size:var(--text-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.no-stream{padding:2rem 1rem;padding:var(--spacing-2xl) var(--spacing-lg)}.no-stream-icon{font-size:3rem}}.admin-page{background:#f8fafc;background:var(--admin-bg);min-height:100vh;padding:1.5rem 1rem;padding:var(--spacing-xl) var(--spacing-lg)}.admin-page.loading{align-items:center;display:flex;justify-content:center}.admin-header:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='2' fill='rgba(255,255,255,0.1)'/%3E%3C/svg%3E") repeat;background-size:20px 20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.header-left p{margin:0}.header-actions{gap:1rem;gap:var(--spacing-lg);z-index:102}.date-range-section{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-2xl)}.date-range-section h2{align-items:center;color:#0f172a;color:var(--admin-text-primary);display:flex;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0 0 1.5rem;margin:0 0 var(--spacing-xl) 0}.date-range-buttons{display:flex;flex-wrap:wrap;gap:.75rem;gap:var(--spacing-md)}.date-range-btn{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.75rem;border-radius:var(--radius-lg);color:#64748b;color:var(--admin-text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:600;padding:.75rem 1.5rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .15s ease;white-space:nowrap}.date-range-btn:hover{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-xs);color:#2563eb;color:var(--admin-primary);transform:translateY(-1px)}.date-range-btn.active,.date-range-btn:hover{border-color:#2563eb;border-color:var(--admin-primary)}.date-range-btn.active{background:#2563eb;background:var(--admin-primary);box-shadow:0 4px 12px #2563eb4d;color:#fff}.overview-section{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-2xl)}.overview-section h2{align-items:center;color:#0f172a;color:var(--admin-text-primary);display:flex;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0 0 1.5rem;margin:0 0 var(--spacing-xl) 0}.overview-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.overview-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-xs);display:flex;gap:1rem;gap:var(--spacing-lg);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative;transition:all .15s ease}.overview-card:before{background:#2563eb;background:var(--card-color,var(--admin-primary));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.overview-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateY(-2px)}.overview-card.total-hosts{--card-color:var(--admin-primary)}.overview-card.total-bookings{--card-color:var(--admin-success)}.overview-card.total-revenue{--card-color:var(--admin-warning)}.overview-card.growth-rate{--card-color:var(--admin-info)}.card-icon{flex-shrink:0;font-size:2.5rem;opacity:.8}.card-content{flex:1 1}.card-value{font-size:1.875rem;font-size:var(--text-3xl);font-weight:800;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.card-label{font-size:.875rem;font-size:var(--text-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.card-detail{color:#94a3b8;color:var(--admin-text-muted);font-size:.75rem;font-size:var(--text-xs);font-weight:500}.bookings-analysis-section,.hosts-analysis-section,.revenue-analysis-section,.system-analysis-section{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-2xl)}.analysis-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.chart-card{background:#f1f5f9;background:var(--admin-border-light);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-xl);transition:all .15s ease}.chart-card:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);transform:translateY(-1px)}.chart-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.chart-header h3{color:#0f172a;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;margin:0}.export-btn{background:#e2e8f0;background:var(--admin-border);border:none;border-radius:.5rem;border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease}.export-btn:hover{background:#f1f5f9;background:var(--admin-border-light);transform:translateY(-1px)}.simple-chart{align-items:end;display:flex;gap:.75rem;gap:var(--spacing-md);height:200px;padding:1rem 0;padding:var(--spacing-lg) 0}.chart-bar{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);height:100%}.bar{background:linear-gradient(135deg,#2563eb,#60a5fa);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-primary-light) 100%);border-radius:.375rem .375rem 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;margin-top:auto;min-height:20px;position:relative;transition:all .15s ease;width:100%}.bar:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);transform:scaleY(1.05)}.bar.hosts{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--admin-success) 0,#34d399 100%)}.bar.revenue{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--admin-warning) 0,#fbbf24 100%)}.bar.errors{background:linear-gradient(135deg,#ef4444,#f87171);background:linear-gradient(135deg,var(--admin-error) 0,#f87171 100%)}.bar-label{color:#64748b;color:var(--admin-text-secondary);font-weight:600}.bar-label,.bar-value{font-size:.75rem;font-size:var(--text-xs);text-align:center}.bar-value{color:#2563eb;color:var(--admin-primary);font-weight:700}.stats-card{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-xl);transition:all .15s ease}.stats-card:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);transform:translateY(-1px)}.stats-card h3{color:#0f172a;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.ranking-list{flex-direction:column}.ranking-item,.ranking-list{display:flex;gap:.75rem;gap:var(--spacing-md)}.ranking-item{align-items:center;background:#f1f5f9;background:var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-md);padding:.75rem;padding:var(--spacing-md);transition:all .15s ease}.ranking-item:hover{background:#e2e8f0;background:var(--admin-border);transform:translateX(4px)}.rank{color:#2563eb;color:var(--admin-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:700;min-width:24px}.name{color:#0f172a;color:var(--admin-text-primary);flex:1 1;font-weight:600}.value{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:700}.package-distribution,.status-distribution{display:flex;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.package-item,.status-item{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.package-info,.status-info{align-items:center;display:flex;justify-content:space-between}.package-label,.status-label{color:#0f172a;color:var(--admin-text-primary);font-size:.875rem;font-size:var(--text-sm);font-weight:600}.package-percentage,.status-count{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:700}.package-bar,.status-bar{background:#f1f5f9;background:var(--admin-border-light);height:8px;overflow:hidden}.package-bar,.package-fill,.status-bar,.status-fill{border-radius:.375rem;border-radius:var(--radius-sm)}.package-fill,.status-fill{background:linear-gradient(135deg,#2563eb,#60a5fa);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-primary-light) 100%);height:100%;transition:all .15s ease}.status-item.pending .status-fill{background:linear-gradient(135deg,#f59e0b,#fbbf24);background:linear-gradient(135deg,var(--admin-warning) 0,#fbbf24 100%)}.status-item.approved .status-fill{background:linear-gradient(135deg,#10b981,#34d399);background:linear-gradient(135deg,var(--admin-success) 0,#34d399 100%)}.status-item.rejected .status-fill{background:linear-gradient(135deg,#ef4444,#f87171);background:linear-gradient(135deg,var(--admin-error) 0,#f87171 100%)}.status-item.suspended .status-fill{background:linear-gradient(135deg,#6b7280,#9ca3af)}.metrics-grid{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.metric-item{background:#f1f5f9;background:var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-md);padding:1rem;padding:var(--spacing-lg);text-align:center;transition:all .15s ease}.metric-item:hover{background:#e2e8f0;background:var(--admin-border);transform:translateY(-2px)}.metric-value{color:#2563eb;color:var(--admin-primary);font-size:1.25rem;font-size:var(--text-xl);font-weight:800;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.metric-label{color:#64748b;color:var(--admin-text-secondary);font-size:.75rem;font-size:var(--text-xs);font-weight:600}.insights-section{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-2xl)}.insights-section h2{align-items:center;color:#0f172a;color:var(--admin-text-primary);display:flex;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0 0 1.5rem;margin:0 0 var(--spacing-xl) 0}.insights-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.insight-card{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;gap:1rem;gap:var(--spacing-lg);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative;transition:all .15s ease}.insight-card:before{background:#2563eb;background:var(--insight-color,var(--admin-primary));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.insight-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateY(-2px)}.insight-card.positive{--insight-color:var(--admin-success);background:linear-gradient(135deg,#f0fdf4,#fff)}.insight-card.warning{--insight-color:var(--admin-warning);background:linear-gradient(135deg,#fffbeb,#fff)}.insight-card.recommendation{--insight-color:var(--admin-info);background:linear-gradient(135deg,#f0f9ff,#fff)}.insight-icon{flex-shrink:0;font-size:2rem;opacity:.8}.insight-content{flex:1 1}.insight-content h3{color:#0f172a;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0;text-align:left}.insight-content p{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.5;margin:0;text-align:left}.admin-btn.secondary{background:#fff3;border:1px solid #ffffff4d;color:#fff}.admin-btn.secondary:hover:not(:disabled){background:#ffffff4d}.loading-content h3{font-size:1.25rem;font-size:var(--text-xl)}@media (max-width:1024px){.admin-container{margin:0;max-width:none}.header-content{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.header-actions{justify-content:center}.analysis-grid,.overview-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.insights-grid{grid-template-columns:1fr}.simple-chart{height:150px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}}@media (max-width:768px){.admin-page{padding:1rem .5rem;padding:var(--spacing-lg) var(--spacing-sm)}.admin-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}.header-left h1{font-size:1.5rem;font-size:var(--text-2xl)}.header-left p{font-size:1rem;font-size:var(--text-base)}.header-actions{gap:.5rem;gap:var(--spacing-sm)}.admin-btn{font-size:.75rem;font-size:var(--text-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.bookings-analysis-section,.date-range-section,.hosts-analysis-section,.insights-section,.overview-section,.revenue-analysis-section,.system-analysis-section{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}.nav-menu{gap:.25rem;gap:var(--spacing-xs);padding:.75rem 0;padding:var(--spacing-md) 0}.nav-btn{font-size:.75rem;font-size:var(--text-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg)}.analysis-grid,.overview-grid{gap:1rem;gap:var(--spacing-lg);grid-template-columns:1fr}.date-range-buttons{flex-direction:column}.simple-chart{gap:.5rem;gap:var(--spacing-sm);height:120px}.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.admin-page{padding:.5rem;padding:var(--spacing-sm)}.admin-header{margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.header-left h1{font-size:1.25rem;font-size:var(--text-xl)}.header-left p{font-size:.875rem;font-size:var(--text-sm)}.header-actions{flex-direction:column;gap:.25rem;gap:var(--spacing-xs);width:100%}.admin-btn{font-size:.875rem;font-size:var(--text-sm);justify-content:center;padding:.75rem;padding:var(--spacing-md);width:100%}.insight-card,.overview-card{flex-direction:column;gap:.75rem;gap:var(--spacing-md);text-align:center}.card-icon,.insight-icon{font-size:2rem}.card-value{font-size:1.5rem;font-size:var(--text-2xl)}.nav-btn{font-size:.75rem;font-size:var(--text-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.simple-chart{gap:.25rem;gap:var(--spacing-xs);height:100px}.metrics-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.admin-btn,.bar,.chart-card,.date-range-btn,.insight-card,.metric-item,.nav-btn,.overview-card,.ranking-item,.stats-card{transition:none}.loading-spinner-large{animation:none}}@media (prefers-color-scheme:dark){:root{--admin-bg:#0f172a;--admin-card-bg:#1e293b;--admin-text-primary:#f1f5f9;--admin-text-secondary:#cbd5e1;--admin-text-muted:#94a3b8;--admin-border:#334155;--admin-border-light:#475569}.admin-navigation,.bookings-analysis-section,.chart-card,.date-range-section,.hosts-analysis-section,.insight-card,.insights-section,.loading-content,.overview-card,.overview-section,.revenue-analysis-section,.stats-card,.system-analysis-section{background:#fff;background:var(--admin-card-bg);border-color:#e2e8f0;border-color:var(--admin-border)}.nav-btn{background:#e2e8f0;background:var(--admin-border);color:#64748b;color:var(--admin-text-secondary)}.nav-btn:hover{background:#f1f5f9;background:var(--admin-border-light);color:#0f172a;color:var(--admin-text-primary)}.date-range-btn{background:#fff;background:var(--admin-card-bg);border-color:#e2e8f0;border-color:var(--admin-border);color:#64748b;color:var(--admin-text-secondary)}.date-range-btn:hover{border-color:#2563eb;border-color:var(--admin-primary);color:#2563eb;color:var(--admin-primary)}.metric-item,.ranking-item{background:#e2e8f0;background:var(--admin-border)}.metric-item:hover,.ranking-item:hover{background:#f1f5f9;background:var(--admin-border-light)}.package-bar,.status-bar{background:#e2e8f0;background:var(--admin-border)}.insight-card.positive{background:linear-gradient(135deg,#064e3b,#fff);background:linear-gradient(135deg,#064e3b 0,var(--admin-card-bg) 100%)}.insight-card.warning{background:linear-gradient(135deg,#78350f,#fff);background:linear-gradient(135deg,#78350f 0,var(--admin-card-bg) 100%)}.insight-card.recommendation{background:linear-gradient(135deg,#0c4a6e,#fff);background:linear-gradient(135deg,#0c4a6e 0,var(--admin-card-bg) 100%)}}:root{--admin-primary-light:#3b82f6;--admin-secondary:#64748b;--status-pending:#f59e0b;--status-approved:#059669;--status-rejected:#dc2626;--status-suspended:#6b7280;--admin-text-primary:#1f2937;--admin-text-secondary:#6b7280;--admin-text-muted:#9ca3af;--admin-border:#e5e7eb;--admin-border-light:#f3f4f6;--admin-border-dark:#d1d5db;--admin-shadow-sm:0 1px 3px 0 #0000001a;--admin-shadow-md:0 4px 6px -1px #0000001a;--admin-shadow-lg:0 10px 15px -3px #0000001a;--text-xs:1rem;--text-sm:1rem;--text-lg:1rem;--text-xl:1.125rem;--text-2xl:1.25rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem}.admin-credits{background:#f8fafc;background:var(--admin-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;font-size:var(--text-base);min-height:100vh}@media (max-width:768px){.admin-credits{padding:0}}.credits-header{background:#fff;background:var(--admin-card-bg);border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--admin-border-light);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}@media (max-width:768px){.credits-header{border-radius:0;margin:0}.header-content{padding:1rem}}.header-content{align-items:center;margin:0 auto;max-width:1400px;padding:2rem;padding:var(--spacing-2xl)}.page-title{align-items:center;color:#1f2937;color:var(--admin-text-primary);display:flex;font-size:1.25rem;font-size:var(--text-2xl);font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0;transition:all .2s ease}.page-title:hover{color:#1e40af;color:var(--admin-primary);transform:translateY(-1px)}.page-description{color:#6b7280;color:var(--admin-text-secondary);font-size:1rem;font-size:var(--text-base);font-weight:400;margin:0}.header-actions{align-items:center}.credits-tabs-section{background:#fff;background:var(--admin-card-bg);border:1px solid #f3f4f6;border:1px solid var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--admin-shadow-sm);margin:0 1.5rem 1.5rem;margin:0 var(--spacing-xl) var(--spacing-xl) var(--spacing-xl)}@media (max-width:768px){.credits-tabs-section{border-left:none;border-radius:0;border-right:none;margin:0}}.tabs-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--admin-border-light);padding:1.5rem;padding:var(--spacing-xl)}.tabs-nav{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(4,1fr);margin-bottom:1rem;margin-bottom:var(--spacing-lg)}.tab-btn{background:#f1f5f9;border:2px solid #e2e8f0;border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--admin-shadow-sm);cursor:pointer;overflow:hidden;padding:1rem;padding:var(--spacing-lg);position:relative;text-align:left;transition:all .3s ease}.tab-btn:hover{background:#e2e8f0;border-color:#3b82f6;border-color:var(--admin-primary-light);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--admin-shadow-md);transform:translateY(-2px)}.tab-btn.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);border-color:#1e40af;border-color:var(--admin-primary);border-width:3px;box-shadow:0 8px 16px #2563eb26;transform:translateY(-1px)}.tab-btn.active:before{background:linear-gradient(90deg,#1e40af,#3b82f6);background:linear-gradient(90deg,var(--admin-primary) 0,var(--admin-primary-light) 100%);border-radius:.25rem .25rem 0 0;border-radius:var(--radius-sm) var(--radius-sm) 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.tab-content{position:relative;z-index:1}.tab-label{align-items:center;color:#1f2937;color:var(--admin-text-primary);display:flex;font-size:1.125rem;font-size:var(--text-xl);font-weight:700;gap:.25rem;gap:var(--spacing-xs);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.tab-btn.active .tab-label{color:#1e40af;color:var(--admin-primary)}.tab-stats{display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--spacing-sm)}.stat{align-items:center;border:1px solid;border-radius:.375rem;border-radius:var(--radius-md);display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:600;gap:.25rem;gap:var(--spacing-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.stat.pending{background:#fef3c7;border-color:#f59e0b;color:#92400e}.stat.expiring{background:#fee2e2;border-color:#dc2626;color:#991b1b}.stat.total{background:#e0e7ff;border-color:#6366f1;color:#3730a3}.stat.manual{background:#7c3aed;border-color:#7c3aed;color:#fff}.current-tab-info{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #f3f4f6;border:1px solid var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-lg);padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl);text-align:center}.current-tab-info h3{color:#1f2937;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-xl);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.current-tab-info p{color:#6b7280;color:var(--admin-text-secondary);font-size:1rem;font-size:var(--text-base);margin:0}.credits-kpi-section{background:#fff;background:var(--admin-card-bg);border:1px solid #f3f4f6;border:1px solid var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--admin-shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-2xl)}@media (max-width:768px){.credits-kpi-section{border-radius:0;margin:0;padding:1rem}}.kpi-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--admin-border-light);justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding-bottom:1rem;padding-bottom:var(--spacing-lg)}.kpi-header,.kpi-header h2{align-items:center;display:flex}.kpi-header h2{color:#1f2937;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-xl);font-weight:600;gap:.5rem;gap:var(--spacing-sm);margin:0}.kpi-controls{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg)}.kpi-trend{color:#6b7280;color:var(--admin-text-secondary);font-weight:500}.kpi-grid{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.kpi-card,.kpi-grid{gap:1rem;gap:var(--spacing-lg)}.kpi-card{align-items:center;background:#fff;background:var(--admin-card-bg);border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--admin-shadow-sm);display:flex;padding:1.5rem;padding:var(--spacing-xl);position:relative;transition:all .2s ease}@media (max-width:768px){.kpi-card{box-sizing:border-box;margin-bottom:.5rem;padding:1rem}.kpi-card,.kpi-content{width:100%}}.kpi-card:hover{box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.kpi-card.applications{border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-left:4px solid var(--admin-primary)}.kpi-card.pending{border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-left:4px solid var(--status-pending)}.kpi-card.approved{border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-left:4px solid var(--status-approved)}.kpi-card.rejected{border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-left:4px solid var(--status-rejected)}.kpi-card.total-amount{border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-left:4px solid #6366f1}.kpi-card.expiring{border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-left:4px solid var(--status-rejected)}.kpi-card.expired{border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-left:4px solid var(--status-suspended)}.kpi-card.refunded{border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-left:4px solid #06b6d4}.kpi-card.manual-grants{border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-left:4px solid #7c3aed}.kpi-icon{flex-shrink:0;font-size:2rem;opacity:.7}.kpi-content{flex:1 1}.kpi-value{color:#1f2937;color:var(--admin-text-primary);font-size:1.25rem;font-size:var(--text-2xl);font-weight:700;line-height:1.2;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.kpi-label{color:#6b7280;color:var(--admin-text-secondary);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.kpi-label,.kpi-trend{font-size:1rem;font-size:var(--text-base)}.kpi-trend{color:#9ca3af;color:var(--admin-text-muted);font-weight:400}.credits-filters-section{background:#fff;background:var(--admin-card-bg);border:1px solid #f3f4f6;border:1px solid var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--admin-shadow-sm);margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}@media (max-width:768px){.credits-filters-section{border-radius:0;margin:0;padding:1rem}}.filters-header{align-items:center;border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--admin-border-light);display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding-bottom:.75rem;padding-bottom:var(--spacing-md)}.filters-header h3{align-items:center;color:#1f2937;color:var(--admin-text-primary);display:flex;font-size:1.125rem;font-size:var(--text-xl);font-weight:600;gap:.5rem;gap:var(--spacing-sm);margin:0}.filters-actions{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md)}.filters-grid{grid-gap:1rem;grid-gap:var(--spacing-lg);align-items:end;display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.filter-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.filter-group.search{min-width:300px}.filter-label{color:#1f2937;color:var(--admin-text-primary);font-size:1rem;font-size:var(--text-base);font-weight:500}.filter-input,.filter-select,.search-input{background:#fff;background:var(--admin-card-bg);border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.375rem;border-radius:var(--radius-md);box-sizing:border-box;font-size:1rem;font-size:var(--text-base);height:40px;padding:.75rem;padding:var(--spacing-md);transition:border-color .2s ease}.filter-input:focus,.filter-select:focus,.search-input:focus{border-color:#1e40af;border-color:var(--admin-primary);box-shadow:0 0 0 3px #1e40af1a;outline:none}.search-input::placeholder{color:#9ca3af;color:var(--admin-text-muted)}.filter-reset-btn{background:#9ca3af;background:var(--admin-text-muted);border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:1rem;font-size:var(--text-base);font-weight:500;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);transition:background-color .2s ease}.filter-reset-btn:hover{background:#6b7280;background:var(--admin-text-secondary)}.credits-table-section{background:#fff;background:var(--admin-card-bg);border:1px solid #f3f4f6;border:1px solid var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 1px 3px 0 #0000001a;box-shadow:var(--admin-shadow-sm);padding:1.5rem;padding:var(--spacing-xl)}@media (max-width:768px){.credits-table-section{border-radius:0;margin:0;padding:1rem}}.table-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--admin-border-light);justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding-bottom:.75rem;padding-bottom:var(--spacing-md)}.table-header,.table-header h3{align-items:center;display:flex}.table-header h3{color:#1f2937;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-xl);font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0}.table-controls{align-items:center;display:flex;gap:.75rem;gap:var(--spacing-md)}.credits-table-container{background:#fff;background:var(--admin-card-bg);border:1px solid #f3f4f6;border:1px solid var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-lg);overflow:hidden}@media (max-width:768px){.credits-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto;width:100%}.credits-table{min-width:600px}.credits-table td,.credits-table th{padding:.75rem .5rem;text-align:left}}.credits-table{border-collapse:collapse;font-size:1rem;font-size:var(--text-base);width:100%}.credits-table thead{background:#f9fafb}.credits-table th{color:#1f2937;color:var(--admin-text-primary);font-size:1rem;font-size:var(--text-base);font-weight:700;padding:1rem;padding:var(--spacing-lg);text-align:left;white-space:nowrap}.credits-table tbody tr,.credits-table th{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--admin-border-light)}.credits-table tbody tr{min-height:90px;transition:background-color .15s ease}.credits-table tbody tr:hover{background:#f9fafb}.credits-table tbody tr:last-child{border-bottom:none}.credits-table td{color:#6b7280;color:var(--admin-text-secondary);font-weight:400;padding:1rem;padding:var(--spacing-lg);vertical-align:middle}.credits-table td,.status-badge{font-size:1rem;font-size:var(--text-base)}.status-badge{align-items:center;border:1px solid;border-radius:var(--radius-md);display:inline-flex;gap:.25rem;gap:var(--spacing-xs);justify-content:center;min-height:32px;min-width:100px}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.approved{background:#d1fae5;border-color:#059669;color:#065f46}.status-badge.rejected{background:#fee2e2;border-color:#dc2626;color:#991b1b}.status-badge.suspended{background:#f3f4f6;border-color:#6b7280;color:#374151}.credits-btn{align-items:center;border:none;border-radius:.375rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:500;gap:.5rem;gap:var(--spacing-sm);justify-content:center;min-height:44px;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);text-decoration:none;transition:all .15s ease;white-space:nowrap}.credits-btn:hover{transform:translateY(-1px)}.credits-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.credits-btn.primary{background:#1e40af;background:var(--admin-primary);border:1px solid #1e40af;border:1px solid var(--admin-primary);color:#fff}.credits-btn.primary:hover:not(:disabled){background:#1e3a8a;background:var(--admin-primary-dark);border-color:#1e3a8a;border-color:var(--admin-primary-dark)}.credits-btn.secondary{background:#64748b;background:var(--admin-secondary);border:1px solid #64748b;border:1px solid var(--admin-secondary);color:#fff}.credits-btn.secondary:hover:not(:disabled){background:#475569;border-color:#475569}.credits-btn.success{background:#059669;background:var(--status-approved);border:1px solid #059669;border:1px solid var(--status-approved);color:#fff}.credits-btn.success:hover:not(:disabled){background:#047857;border-color:#047857}.credits-btn.error{background:#dc2626;background:var(--status-rejected);border:1px solid #dc2626;border:1px solid var(--status-rejected);color:#fff}.credits-btn.error:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.action-buttons{align-items:center;display:flex;flex-wrap:wrap;min-height:40px}.action-btn,.action-buttons{gap:.25rem;gap:var(--spacing-xs);justify-content:center}.action-btn{border:1px solid;border-radius:.25rem;border-radius:var(--radius-sm);display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:500;height:38px;min-width:80px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;transition:all .15s ease;white-space:nowrap}.action-btn:hover:not(:disabled){transform:translateY(-1px)}.action-btn:disabled{opacity:.5;transform:none!important}.action-btn.approve{background:#059669;background:var(--status-approved);border-color:#059669;border-color:var(--status-approved);color:#fff}.action-btn.approve:hover:not(:disabled){background:#047857;border-color:#047857}.action-btn.reject{background:#dc2626;background:var(--status-rejected);border-color:#dc2626;border-color:var(--status-rejected);color:#fff}.action-btn.reject:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.pagination-section{align-items:center;border-top:1px solid #f3f4f6;border-top:1px solid var(--admin-border-light);display:flex;justify-content:space-between;margin-top:1.5rem;margin-top:var(--spacing-xl);padding-top:1rem;padding-top:var(--spacing-lg)}.pagination-info{color:#6b7280;color:var(--admin-text-secondary);font-size:1rem;font-size:var(--text-base);font-weight:500}.pagination-controls{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.pagination-btn{align-items:center;background:#fff;border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.375rem;border-radius:var(--radius-md);color:#6b7280;color:var(--admin-text-secondary);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:600;gap:.25rem;gap:var(--spacing-xs);justify-content:center;min-width:90px;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.pagination-btn:hover:not(:disabled){border-color:#1e40af;border-color:var(--admin-primary);color:#1e40af;color:var(--admin-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-btn.active{background:#1e40af;background:var(--admin-primary);border-color:#1e40af;border-color:var(--admin-primary);color:#fff}.empty-state{color:#9ca3af;padding:var(--spacing-2xl)}.empty-state-icon{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-state h3{color:#6b7280;color:var(--admin-text-secondary);font-size:1.125rem;font-size:var(--text-xl);font-weight:600;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.empty-state p{font-size:var(--text-base)}.loading-state{padding:2rem;padding:var(--spacing-2xl);text-align:center}.loading-spinner{border:3px solid #f3f4f6;border-top:3px solid #1e40af;border:3px solid var(--admin-border-light);border-top-color:var(--admin-primary);height:40px;margin:0 auto 1rem;margin:0 auto var(--spacing-lg) auto;width:40px}.loading-state h3{color:#1f2937;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-xl);font-weight:600;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.loading-state p{color:#6b7280;color:var(--admin-text-secondary);font-size:1rem;font-size:var(--text-base);margin:0}.credits-content{animation:fadeInUp .3s ease-out;margin:0 1.5rem;margin:0 var(--spacing-xl)}@media (max-width:768px){.credits-content{margin:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:1rem;padding:var(--spacing-lg);z-index:1000}.modal-content{animation:modalSlideIn .3s ease-out;background:var(--admin-card-bg);border:1px solid #e5e7eb;border:1px solid var(--admin-border);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 10px 15px -3px #0000001a;max-width:600px;overflow-y:auto;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--admin-border-light)}.modal-title{color:#1f2937;color:var(--admin-text-primary);font-size:1.125rem;font-weight:600}.modal-close{align-items:center;border-radius:.375rem;color:#9ca3af;color:var(--admin-text-muted);display:flex;font-size:1.125rem;height:32px;justify-content:center;transition:all .15s ease;width:32px}.modal-close:hover{background:#f3f4f6;background:var(--admin-border-light);color:#6b7280;color:var(--admin-text-secondary)}.modal-body{font-size:1rem;font-size:var(--text-base)}.modal-actions{border-top:1px solid #f3f4f6;border-top:1px solid var(--admin-border-light)}@media (max-width:1024px){.header-content{margin:0;max-width:none}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tabs-nav{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.admin-credits{padding:0}.credits-header{margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.header-content{flex-direction:column;gap:1rem;gap:var(--spacing-lg);padding:1.5rem;padding:var(--spacing-xl);text-align:center}.header-actions{justify-content:center;width:100%}.credits-tabs-section{border-radius:0;margin:0}.tabs-nav{gap:.75rem;gap:var(--spacing-md);grid-template-columns:1fr}.tab-btn{padding:.75rem;padding:var(--spacing-md)}.tab-label{font-size:1rem;font-size:var(--text-base)}.current-tab-info{padding:.75rem;padding:var(--spacing-md)}.current-tab-info h3{font-size:1rem;font-size:var(--text-lg)}.credits-content{margin:0}.kpi-grid{gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.kpi-card{padding:1rem;padding:var(--spacing-lg)}.filters-grid{gap:.75rem;gap:var(--spacing-md);grid-template-columns:1fr}.filter-group.search{min-width:auto}.filters-header,.table-header{align-items:stretch;flex-direction:column;gap:.75rem;gap:var(--spacing-md)}.credits-table-container{overflow-x:auto}.credits-table{min-width:600px}.pagination-section{flex-direction:column;gap:.75rem;gap:var(--spacing-md);text-align:center}.modal-content{margin:.75rem;margin:var(--spacing-md);width:calc(100% - 2rem)}}@media (max-width:480px){.credits-filters-section,.credits-header,.credits-kpi-section,.credits-table-section,.credits-tabs-section{border-radius:0;margin:0 0 1rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.credits-content{margin:0;padding:0}.kpi-grid{grid-template-columns:1fr}.kpi-card{flex-direction:column;gap:.75rem;gap:var(--spacing-md);text-align:center}.credits-table td,.credits-table th{font-size:1rem;font-size:var(--text-base);padding:.75rem;padding:var(--spacing-md)}.pagination-btn{font-size:1rem;font-size:var(--text-base);min-width:70px;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.page-title{font-size:1.125rem;font-size:var(--text-xl)}.page-description{font-size:1rem;font-size:var(--text-base)}}.action-btn:focus,.credits-btn:focus,.filter-input:focus,.filter-select:focus,.pagination-btn:focus,.search-input:focus,.tab-btn:focus{outline:2px solid #1e40af;outline:2px solid var(--admin-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.loading-spinner{animation:none}}.credits-filters-section,.credits-table-section,.kpi-card{contain:layout style}.credits-content{contain:layout}.lazy-image-container{background-color:#f3f4f6;border-radius:8px;display:inline-block;overflow:hidden;position:relative;transition:all .3s ease}.lazy-image-container.loading{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#f3f4f6 25%,#e5e7eb 50%,#f3f4f6 75%);background-size:200% 100%}.lazy-image-container.loaded{background-color:initial}.lazy-image-container.error{background-color:#fef2f2;border:1px solid #fecaca}.lazy-image-img{display:block;height:100%;object-fit:cover;opacity:0;transition:opacity .3s ease-in-out;width:100%}.lazy-image-container.loaded .lazy-image-img{opacity:1}.lazy-image-placeholder{align-items:center;background-color:#f9fafb;color:#6b7280;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.lazy-image-placeholder.default{flex-direction:column;gap:.5rem}.placeholder-content{text-align:center}.placeholder-icon{font-size:2rem;margin-bottom:.5rem;opacity:.6}.placeholder-text{font-size:.875rem;font-weight:500;opacity:.8}.placeholder-img{height:100%;object-fit:cover;opacity:.7;width:100%}.lazy-image-error{align-items:center;background-color:#fef2f2;color:#ef4444;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%}.error-content{text-align:center}.error-icon{font-size:1.5rem;margin-bottom:.25rem}.error-text{font-size:.75rem;font-weight:500}.lazy-image-fallback{height:100%;object-fit:cover;width:100%}.accommodation-image{border-radius:12px;box-shadow:0 4px 12px #0000001a;transition:transform .2s ease,box-shadow .2s ease}.accommodation-image:hover{box-shadow:0 8px 24px #00000026;transform:translateY(-2px)}.accommodation-image .lazy-image-img{border-radius:12px}.avatar-image{border-radius:50%;box-shadow:0 2px 8px #0000001a}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;height:100%;justify-content:center;width:100%}.logo-image{height:auto}.logo-placeholder{align-items:center;background:#0000;display:flex;height:100%;justify-content:center;width:100%}.lazy-image-debug{background:#000000b3;border-radius:4px;bottom:2px;color:#fff;font-family:monospace;font-size:10px;left:2px;padding:2px 6px;pointer-events:none;position:absolute}@media (max-width:768px){.accommodation-image{border-radius:8px}.placeholder-icon{font-size:1.5rem}.placeholder-text{font-size:.75rem}.error-icon{font-size:1.25rem}.error-text{font-size:.625rem}}.lazy-image-img{transform:translateZ(0);will-change:opacity}@media (prefers-contrast:high){.lazy-image-placeholder{border:2px solid #000}.lazy-image-error{border:2px solid #ef4444}}@media (prefers-reduced-motion:reduce){.lazy-image-container,.lazy-image-img{transition:none}.lazy-image-container.loading{animation:none;background:#f3f4f6}}.lazy-image-16-9{aspect-ratio:16/9}.lazy-image-4-3{aspect-ratio:4/3}.lazy-image-1-1{aspect-ratio:1/1}.lazy-image-3-2{aspect-ratio:3/2}.lazy-image-rounded{border-radius:8px}.lazy-image-circle{border-radius:50%}.lazy-image-shadow{box-shadow:0 4px 12px #0000001a}.lazy-image-hover-lift:hover{transform:translateY(-4px)}.lazy-image-contain{object-fit:contain}.lazy-image-cover{object-fit:cover}.lazy-image-fill{object-fit:fill}:root{--primary-color:#667eea;--primary-light:#7c7df5;--primary-dark:#5a6fd8;--secondary-color:#764ba2;--accent-color:#fbbf24;--success-color:#10b981;--success-light:#34d399;--error-color:#ef4444;--warning-color:#f59e0b;--info-color:#3b82f6;--gray-25:#fefefe;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-success:linear-gradient(135deg,#10b981,#059669);--gradient-warning:linear-gradient(135deg,#fbbf24,#f59e0b);--gradient-hero:linear-gradient(135deg,#667eea,#764ba2);--gradient-card:linear-gradient(145deg,#fff,#f8fafc);--gradient-accent:linear-gradient(135deg,#fbbf24,#f59e0b);--shadow-xs:0 1px 2px 0 #0000000d;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-brand:0 8px 32px #667eea4d;--shadow-card:0 4px 12px #00000014;--shadow-hover:0 8px 25px #0000001f;--border-radius-sm:6px;--border-radius:8px;--border-radius-lg:12px;--border-radius-xl:16px;--border-radius-2xl:20px;--transition-fast:0.15s ease;--transition-normal:0.25s ease;--transition-slow:0.4s ease;--transition-bounce:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--space-md:0.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-2xl:2rem;--space-3xl:2.5rem;--space-4xl:3rem}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--gray-50);color:#111827;color:var(--gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;margin:0;min-height:100vh}#root,.App,.layout{display:flex;flex-direction:column;min-height:100vh}.layout-header{background:var(--gradient-card);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm)}.header-container{padding:var(--space-lg) var(--space-2xl)}.header-brand{gap:var(--space-md)}.brand-link{color:#111827;color:var(--gray-900);font-size:var(--font-size-xl);font-weight:700;gap:.5rem;gap:var(--space-sm);transition:all .25s ease;transition:all var(--transition-normal)}.brand-link:hover{color:var(--primary-color)}.brand-icon{font-size:1.8rem}.brand-tagline{color:var(--gray-500);font-size:var(--font-size-xs);margin-left:var(--space-sm)}.header-nav{gap:var(--space-xl)}.nav-link{align-items:center;border-radius:8px;border-radius:var(--border-radius);color:#374151;color:var(--gray-700);display:flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;gap:.25rem;gap:var(--space-xs);padding:.5rem 1rem;padding:var(--space-sm) var(--space-lg);text-decoration:none;transition:all .25s ease;transition:all var(--transition-normal)}.nav-link:hover{background:#f3f4f6;background:var(--gray-100);color:#667eea;color:var(--primary-color);transform:translateY(-1px)}.cafe-link{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 8px 32px #667eea4d;box-shadow:var(--shadow-brand)}.cafe-link:hover{background:#5a6fd8!important;background:var(--primary-dark)!important;box-shadow:0 8px 25px #0000001f;box-shadow:var(--shadow-hover)}.host-link{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--gradient-accent);box-shadow:0 8px 32px #fbbf244d;color:#fff!important}.host-link:hover{background:#f59e0b!important;background:var(--warning-color)!important;box-shadow:0 12px 40px #fbbf2466;transform:translateY(-2px)}.host-menu-dropdown{display:inline-block;position:relative}.host-menu-dropdown .nav-link{align-items:center;cursor:pointer;display:flex;gap:.25rem;gap:var(--space-xs);position:relative;-webkit-user-select:none;user-select:none}.dropdown-arrow{margin-left:.25rem;margin-left:var(--space-xs);transition:transform .25s ease;transition:transform var(--transition-normal)}.host-menu-dropdown:hover .dropdown-arrow{transform:rotate(180deg)}.dropdown-content{border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.dropdown-content,.dropdown-item{transition:all .25s ease;transition:all var(--transition-normal)}.dropdown-item{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);color:var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;gap:var(--space-md);padding:1rem 1.5rem;padding:var(--space-lg) var(--space-xl)}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background:#f9fafb;background:var(--gray-50);color:var(--primary-color);text-decoration:none;transform:translateX(4px)}.dropdown-item span:first-child{flex-shrink:0;font-size:1rem;font-size:var(--font-size-base);text-align:center;width:20px}.host-link.nav-link{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--gradient-accent);box-shadow:0 8px 32px #fbbf244d;color:#fff!important;overflow:hidden;position:relative}.host-link.nav-link:before{animation:shimmer 3s infinite;background:radial-gradient(circle,#fff3 0,#0000 70%);content:"";height:100%;pointer-events:none;position:absolute;right:-50%;top:-50%;width:100%}.host-link.nav-link:hover{background:#f59e0b!important;background:var(--warning-color)!important;box-shadow:0 12px 40px #fbbf2466;transform:translateY(-2px)}@media (max-width:768px){.host-menu-dropdown{position:static}.dropdown-content{background:#0000;border:none;box-shadow:none;margin-top:.5rem;margin-top:var(--space-sm);min-width:auto;opacity:1;position:static;transform:none;visibility:visible}.dropdown-item{background:#ffffff1a;border:1px solid #fff3;border-radius:8px;border-radius:var(--border-radius);margin-bottom:.25rem;margin-bottom:var(--space-xs);padding:.5rem 1rem;padding:var(--space-sm) var(--space-lg)}.dropdown-item:hover{background:#fff3;transform:none}.dropdown-arrow{display:none}}.layout-main{flex:1 1}.home-page{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-hero);margin:0;min-height:calc(100vh - 80px);overflow:hidden;padding:0;position:relative}.home-page:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='50' cy='50' r='.5' fill='%23fff' opacity='.1'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.home-content{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:2rem;padding:var(--space-2xl);position:relative;z-index:1}.hero-section{color:#fff;padding:3rem 0;padding:var(--space-4xl) 0;text-align:center}.hero-section h1{color:#fff;font-size:3rem;font-size:var(--font-size-5xl);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin:0 0 1rem;margin:0 0 var(--space-lg) 0;text-shadow:0 4px 8px #0000004d}.hero-section h2{color:#fff;font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:600;letter-spacing:-.01em;margin:0 0 1.5rem;margin:0 0 var(--space-xl) 0;opacity:.95}.hero-subtitle{color:#fff;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:500;line-height:1.5;margin:0 0 3rem;margin:0 0 var(--space-4xl) 0;margin-bottom:3rem;margin-bottom:var(--space-4xl);margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.features-section{grid-gap:2rem;grid-gap:var(--space-2xl);display:grid;gap:2rem;gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:3rem 0;margin:var(--space-4xl) 0}.feature-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff26;border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius-xl);overflow:hidden;padding:2.5rem;padding:var(--space-3xl);position:relative;text-align:center;transition:all .25s ease;transition:all var(--transition-normal)}.feature-card:before{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--gradient-accent);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease;transition:opacity var(--transition-normal)}.feature-card:hover{background:#fff3;box-shadow:0 20px 40px #00000026;transform:translateY(-8px)}.feature-card:hover:before{opacity:1}.feature-icon{display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3.5rem;margin-bottom:1.5rem;margin-bottom:var(--space-xl)}.feature-card h3{color:#fff;font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;margin:0 0 1rem;margin:0 0 var(--space-lg) 0}.feature-card p{color:#ffffffe6;font-size:1.125rem;font-size:var(--font-size-lg);line-height:1.6;margin:0}.how-to-section{margin:3rem 0;margin:var(--space-4xl) 0;text-align:center}.how-to-section h3{color:#fff;font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:2.5rem;margin-bottom:var(--space-3xl)}.steps{grid-gap:1.5rem;grid-gap:var(--space-xl);display:grid;gap:1.5rem;gap:var(--space-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:2.5rem;margin-top:var(--space-3xl)}.step{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1f;border:1px solid #fff3;border-radius:16px;border-radius:var(--border-radius-xl);padding:2rem;padding:var(--space-2xl);position:relative;text-align:center;transition:all .25s ease;transition:all var(--transition-normal)}.step:hover{background:#ffffff2e;transform:translateY(-4px)}.step-number{background:linear-gradient(135deg,#fbbf24,#f59e0b);background:var(--gradient-accent);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;display:inline-block;font-size:1.25rem;font-size:var(--font-size-xl);height:50px;line-height:50px;margin-bottom:1rem;margin-bottom:var(--space-lg);width:50px}.step p{color:#ffffffe6;font-size:1rem;font-size:var(--font-size-base);font-weight:500;line-height:1.5;margin:0}.cafe-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;border-radius:var(--border-radius-2xl);margin:3rem 0;margin:var(--space-4xl) 0;padding:2.5rem;padding:var(--space-3xl);text-align:center}.cafe-section h3{color:#fff;font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-lg)}.cafe-section p{color:#ffffffe6;font-size:1.125rem;font-size:var(--font-size-lg);margin-bottom:2rem;margin-bottom:var(--space-2xl)}.cafe-btn{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fff3;border:2px solid #ffffff4d;border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff;cursor:pointer;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;padding:1rem 2.5rem;padding:var(--space-lg) var(--space-3xl);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-bounce)}.cafe-btn:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-3px) scale(1.02)}.booking-page{background:#f9fafb;background:var(--gray-50);min-height:calc(100vh - 80px)}.booking-container{margin:0 auto;max-width:1200px;padding:1.5rem;padding:var(--space-xl)}.booking-header{background:linear-gradient(145deg,#fff,#f8fafc);background:var(--gradient-card);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-card);margin-bottom:2rem;margin-bottom:var(--space-2xl);padding:2rem;padding:var(--space-2xl)}.header-content{flex-wrap:wrap;gap:var(--space-xl)}.back-btn{background:#fff;border:2px solid #667eea;border:2px solid var(--primary-color);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#667eea;color:var(--primary-color);cursor:pointer;flex-shrink:0;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;padding:.75rem 1.5rem;padding:var(--space-md) var(--space-xl);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-bounce)}.back-btn:hover{background:#667eea;background:var(--primary-color);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-2px)}.header-info{flex:1 1;min-width:0}.header-info h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:#111827;color:var(--gray-900);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:800;line-height:1.2;margin:0 0 .75rem;margin:0 0 var(--space-md) 0}.header-info p{color:#4b5563;color:var(--gray-600);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:500;line-height:1.4;margin:0}.booking-layout{grid-gap:2.5rem;grid-gap:var(--space-3xl);align-items:start;display:grid;gap:2.5rem;gap:var(--space-3xl);grid-template-columns:1fr 400px}.booking-main{background:linear-gradient(145deg,#fff,#f8fafc);background:var(--gradient-card);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-card);overflow:hidden;transition:box-shadow .25s ease;transition:box-shadow var(--transition-normal)}.booking-main:hover{box-shadow:0 8px 25px #0000001f;box-shadow:var(--shadow-hover)}.booking-sidebar{display:flex;flex-direction:column;gap:1.5rem;gap:var(--space-xl);max-height:calc(100vh - 140px);overflow-y:auto;position:-webkit-sticky;position:sticky;top:120px}.progress-indicator{background:linear-gradient(145deg,#fff,#f8fafc);background:var(--gradient-card);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-card);overflow:hidden;padding:1.5rem;padding:var(--space-xl);position:relative}.progress-indicator:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);content:"";height:4px;left:0;position:absolute;right:0;top:0}.progress-title{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;gap:.5rem;gap:var(--space-sm);justify-content:center;margin:0 0 1.5rem;margin:0 0 var(--space-xl) 0;text-align:center}.progress-steps{display:flex;flex-direction:column;gap:1rem;gap:var(--space-lg)}.progress-step{align-items:center;display:flex;gap:.75rem;gap:var(--space-md);opacity:.4;padding:0;position:relative;transition:all .25s ease;transition:all var(--transition-normal)}.progress-step.active{opacity:1}.step-number{align-items:center;background:#d1d5db;background:var(--gray-300);border-radius:50%;color:#4b5563;color:var(--gray-600);display:flex;flex-shrink:0;font-size:.875rem;font-size:var(--font-size-sm);font-weight:700;height:36px;justify-content:center;transition:all .25s ease;transition:all var(--transition-normal);width:36px}.progress-step.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 8px 32px #667eea4d;box-shadow:var(--shadow-brand);color:#fff;transform:scale(1.1)}.step-label{color:#4b5563;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm);font-weight:500}.progress-step.active .step-label{color:#667eea;color:var(--primary-color);font-weight:700}.progress-step:not(:last-child):after{background:#e5e7eb;background:var(--gray-200);content:"";height:1rem;height:var(--space-lg);left:17px;position:absolute;top:44px;transition:background .25s ease;transition:background var(--transition-normal);width:2px;z-index:1}.progress-step.active:not(:last-child):after{background:#667eea;background:var(--primary-color)}.property-card{background:linear-gradient(145deg,#fff,#f8fafc);background:var(--gradient-card);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 4px 12px #00000014;box-shadow:var(--shadow-card);overflow:hidden;transition:all .25s ease;transition:all var(--transition-normal)}.property-card:hover{box-shadow:0 8px 25px #0000001f;box-shadow:var(--shadow-hover);transform:translateY(-2px)}.property-header{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#fff;overflow:hidden;padding:1.5rem;padding:var(--space-xl);position:relative}.property-header:before{animation:shimmer 3s infinite;background:radial-gradient(circle,#ffffff1a 0,#0000 70%);content:"";height:100%;position:absolute;right:-50%;top:-50%;width:100%}.property-header h3{align-items:center;display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;gap:.5rem;gap:var(--space-sm);margin:0;text-shadow:0 2px 4px #0003}.property-info{padding:1.5rem;padding:var(--space-xl)}.property-image{background:#f3f4f6;background:var(--gray-100);border-radius:12px;border-radius:var(--border-radius-lg);margin-bottom:1rem;margin-bottom:var(--space-lg);overflow:hidden;position:relative}.property-image img{display:block;height:200px;object-fit:cover;transition:transform .4s ease;transition:transform var(--transition-slow);width:100%}.property-image:hover img{transform:scale(1.05)}.property-image:after{background:linear-gradient(0deg,#0000004d,#0000);bottom:0;content:"";height:50%;left:0;pointer-events:none;position:absolute;right:0}.property-details h4{color:#111827;color:var(--gray-900);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;line-height:1.3;margin:0 0 .75rem;margin:0 0 var(--space-md) 0}.property-description{background:#f9fafb;background:var(--gray-50);border-left:4px solid #667eea;border-left:4px solid var(--primary-color);color:#4b5563;color:var(--gray-600);font-size:1rem;font-size:var(--font-size-base);font-weight:500;line-height:1.6;padding:1rem;padding:var(--space-lg)}.property-description,.property-specs{border-radius:12px;border-radius:var(--border-radius-lg);margin-bottom:1.5rem;margin-bottom:var(--space-xl)}.property-specs{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border:1px solid #e5e7eb;border:1px solid var(--gray-200);display:flex;flex-direction:column;gap:.75rem;gap:var(--space-md);padding:1.5rem;padding:var(--space-xl)}.spec-item{align-items:center;color:#374151;color:var(--gray-700);display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;gap:1rem;gap:var(--space-lg);padding:.5rem 0;padding:var(--space-sm) 0}.spec-icon{color:#667eea;color:var(--primary-color);filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.25rem;font-size:var(--font-size-xl);text-align:center;width:24px}.price-highlight{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 8px 32px #667eea4d;box-shadow:var(--shadow-brand);color:#fff;margin:1rem 0;margin:var(--space-lg) 0;padding:1rem;padding:var(--space-lg);text-align:center}.price-amount{font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:800;margin-bottom:.25rem;margin-bottom:var(--space-xs);text-shadow:0 2px 4px #0003}.price-unit{font-size:1rem;font-size:var(--font-size-base);font-weight:500;opacity:.9}.amenities{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:12px;border-radius:var(--border-radius-lg);margin:1.5rem 0;margin:var(--space-xl) 0;padding:1.5rem;padding:var(--space-xl)}.amenities h5{align-items:center;color:#111827;color:var(--gray-900);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;margin:0 0 1rem;margin:0 0 var(--space-lg) 0}.amenities h5,.amenity-tags{display:flex;gap:.5rem;gap:var(--space-sm)}.amenity-tags{flex-wrap:wrap}.amenity-tag{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#fff;font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;line-height:1.2;padding:.5rem 1rem;padding:var(--space-sm) var(--space-lg);transition:all .25s ease;transition:all var(--transition-normal)}.amenity-tag:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.house-rules{background:linear-gradient(135deg,#fefbf0,#fef7e0);border:1px solid #fed7aa;border-left:4px solid #f59e0b;border-left:4px solid var(--warning-color);border-radius:12px;border-radius:var(--border-radius-lg);margin:1.5rem 0;margin:var(--space-xl) 0;padding:1.5rem;padding:var(--space-xl);position:relative}.house-rules:before{content:"⚠️";font-size:1.5rem;font-size:var(--font-size-2xl);opacity:.7;position:absolute;right:1rem;right:var(--space-lg);top:1rem;top:var(--space-lg)}.house-rules h5{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;gap:.5rem;gap:var(--space-sm);margin:0 0 1rem;margin:0 0 var(--space-lg) 0}.house-rules ul{color:#374151;color:var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm);line-height:1.6;margin:0;padding-left:1.5rem;padding-left:var(--space-xl)}.house-rules li{font-weight:500;margin-bottom:.5rem;margin-bottom:var(--space-sm)}.host-contact{background:linear-gradient(135deg,#f0fdf4,#ecfdf5);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);overflow:hidden;padding:1.5rem;padding:var(--space-xl);position:relative}.host-contact:before{background:linear-gradient(135deg,#10b981,#059669);background:var(--gradient-success);content:"";height:3px;left:0;position:absolute;right:0;top:0}.host-contact h5{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700;gap:.5rem;gap:var(--space-sm);margin:0 0 1rem;margin:0 0 var(--space-lg) 0}.host-contact p{color:#374151;color:var(--gray-700);font-size:1rem;font-size:var(--font-size-base);font-weight:600;margin:0}.contact-note{background:#fff;border:2px solid #d1fae5;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);color:#10b981!important;color:var(--success-color)!important;font-size:.875rem!important;font-size:var(--font-size-sm)!important;font-weight:700!important;gap:.5rem;gap:var(--space-sm);margin:1rem 0 0!important;margin:var(--space-lg) 0 0 0!important;padding:1rem;padding:var(--space-lg)}.contact-note,.section-title{align-items:center;display:flex}.section-title{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:0;color:#111827;color:var(--gray-900);color:#fff;font-weight:800;gap:.75rem;gap:var(--space-md);margin:0 0 2rem;margin:0 0 var(--space-2xl) 0;padding:1.5rem 2rem;padding:var(--space-xl) var(--space-2xl);text-shadow:0 2px 4px #0003}.section-icon,.section-title{font-size:1.5rem;font-size:var(--font-size-2xl)}.section-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.guest-form{grid-gap:2rem;grid-gap:var(--space-2xl);align-items:end;display:grid;gap:2rem;gap:var(--space-2xl);grid-template-columns:1fr 1fr;padding:2rem;padding:var(--space-2xl)}.form-group{display:flex;flex-direction:column;gap:.75rem;gap:var(--space-md)}.form-group.full-width{grid-column:1/-1}.form-label{align-items:center;color:#111827;color:var(--gray-900);display:flex;font-size:1rem;font-size:var(--font-size-base);font-weight:700;gap:.25rem;gap:var(--space-xs);margin-bottom:var(--space-sm)}.form-label .required{color:#ef4444;color:var(--error-color);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:700}.form-input,.form-select{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-xs);font-size:1rem;font-size:var(--font-size-base);font-weight:500;height:52px;padding:1rem;padding:var(--space-lg);transition:all .25s ease;transition:all var(--transition-normal);width:100%}.form-input:focus,.form-select:focus{border-color:#667eea;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a;outline:none;transform:translateY(-1px)}.form-input:hover,.form-select:hover{border-color:#7c7df5;border-color:var(--primary-light);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm)}.form-input::placeholder{color:var(--gray-400);font-size:.875rem;font-size:var(--font-size-sm);font-weight:400}.form-input.error,.form-select.error{border-color:#ef4444;border-color:var(--error-color);box-shadow:0 0 0 4px #ef44441a}.error-message{align-items:center;color:#ef4444;color:var(--error-color);display:flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;gap:.25rem;gap:var(--space-xs);margin-top:.25rem;margin-top:var(--space-xs)}.emergency-contact{grid-column:1/-1;margin-top:1rem;margin-top:var(--space-lg)}.emergency-contact .form-input{background:#f9fafb;background:var(--gray-50);border-style:dashed;color:#4b5563;color:var(--gray-600);font-size:.875rem;font-size:var(--font-size-sm)}.submit-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);padding:2rem;padding:var(--space-2xl)}.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border:none;border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 8px 32px #667eea4d;box-shadow:var(--shadow-brand);color:#fff;cursor:pointer;display:flex;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;gap:.75rem;gap:var(--space-md);height:56px;justify-content:center;letter-spacing:.5px;text-transform:uppercase;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-bounce);width:100%}.submit-btn:hover{background:#5a6fd8;background:var(--primary-dark);box-shadow:0 12px 40px #667eea66;transform:translateY(-3px)}.submit-btn:active{transform:translateY(-1px)}.submit-btn:disabled{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);cursor:not-allowed;opacity:.6;transform:none}.submit-btn .loading-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.btn{border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);font-size:1rem;font-size:var(--font-size-base);font-weight:700;gap:var(--space-sm);justify-content:center;overflow:hidden;padding:1rem 2rem;padding:var(--space-lg) var(--space-2xl);position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-bounce)}.btn:disabled{transform:none}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 8px 32px #667eea4d;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){box-shadow:0 12px 40px #667eea66;transform:translateY(-2px)}.btn-secondary{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);color:#374151;color:var(--gray-700)}.btn-secondary:hover:not(:disabled){background:#f9fafb;background:var(--gray-50);border-color:#9ca3af;border-color:var(--gray-400);color:#1f2937;color:var(--gray-800);transform:translateY(-2px)}.layout-footer{background:#1f2937;border-top:1px solid #374151;color:#f9fafb;margin-top:auto}.footer-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.footer-section h4{color:#f9fafb;font-size:1.125rem;font-weight:700;margin:0 0 1rem}.footer-section p{color:#d1d5db;font-size:.875rem;line-height:1.5;margin:0 0 .5rem}.footer-slogan{color:#fbbf24!important;font-style:italic;font-weight:600}.footer-links{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:.5rem}.footer-links a{color:#d1d5db;font-size:.875rem;text-decoration:none;transition:color .2s ease}.footer-links a:hover{color:#667eea}.footer-contact{list-style:none;margin:0;padding:0}.footer-contact li{color:#d1d5db;font-size:.875rem;margin-bottom:.5rem}.contact-label{color:#9ca3af;font-weight:500}.footer-features{list-style:none;margin:0;padding:0}.footer-features li{color:#d1d5db;font-size:.875rem;margin-bottom:.5rem}.footer-bottom{border-top:1px solid #374151;flex-wrap:wrap;justify-content:space-between;padding-top:1.5rem}.footer-bottom,.footer-copyright{align-items:center;display:flex;gap:1rem}.footer-copyright{color:#9ca3af;font-size:.875rem}.footer-version{background:#374151;border-radius:4px;color:#d1d5db;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.footer-legal{display:flex;gap:1rem}.legal-link{color:#9ca3af;font-size:.875rem;text-decoration:none;transition:color .2s ease}.legal-link:hover{color:#667eea}@media (max-width:768px){.footer-content{gap:1.5rem;grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.footer-legal{justify-content:center}}@media (max-width:480px){.footer-container{padding:1.5rem 1rem}.footer-content{gap:1rem}.footer-section h4{font-size:1rem}}.admin-redirect,.booking-complete-page,.coming-soon-page,.dashboard-redirect,.not-found-page{align-items:center;background:#f9fafb;background:var(--gray-50);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:2rem;padding:var(--space-2xl)}.coming-soon-content,.complete-content,.not-found-content,.redirect-content{background:linear-gradient(145deg,#fff,#f8fafc);background:var(--gradient-card);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:20px;border-radius:var(--border-radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:500px;padding:3rem;padding:var(--space-4xl);text-align:center}.coming-soon-content h2,.complete-content h1,.not-found-content h1,.redirect-content h2{color:#111827;color:var(--gray-900);font-weight:800;margin-bottom:1.5rem;margin-bottom:var(--space-xl)}.coming-soon-content p,.complete-content p,.not-found-content p,.redirect-content p{color:#4b5563;color:var(--gray-600);font-weight:500;line-height:1.6;margin-bottom:1rem;margin-bottom:var(--space-lg)}.coming-soon-actions,.complete-actions,.not-found-actions,.redirect-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-lg);justify-content:center;margin-top:2.5rem;margin-top:var(--space-3xl)}.not-found-help{background:#f9fafb;background:var(--gray-50);border-radius:12px;border-radius:var(--border-radius-lg);margin-top:2.5rem;margin-top:var(--space-3xl);padding:1.5rem;padding:var(--space-xl);text-align:left}.not-found-help h3{color:#111827;color:var(--gray-900);font-weight:700;margin-bottom:1rem;margin-bottom:var(--space-lg)}.not-found-help ul{color:#4b5563;color:var(--gray-600);font-weight:500;padding-left:1.5rem;padding-left:var(--space-xl)}.app-initializing,.booking-error,.booking-loading{align-items:center;background:#f9fafb;background:var(--gray-50);display:flex;justify-content:center;min-height:100vh}.error-content,.loading-content{background:#fff;border-radius:20px;border-radius:var(--border-radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:500px;padding:2.5rem;padding:var(--space-3xl);text-align:center}.loading-spinner{margin-bottom:2.5rem;margin-bottom:var(--space-3xl)}.spinner{animation:spin 1s linear infinite;border:4px solid #e5e7eb;border-top:4px solid #667eea;border:4px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-color);height:50px;margin:0 auto;width:50px}.loading-tips{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--border-radius-lg);margin-top:2.5rem;margin-top:var(--space-3xl);padding:2rem;padding:var(--space-2xl);text-align:left}.loading-tips h4{color:#111827;color:var(--gray-900);font-weight:700;margin:0 0 1rem;margin:0 0 var(--space-lg) 0}.loading-tips ul{color:#4b5563;color:var(--gray-600);font-weight:500;margin:0;padding-left:1.5rem;padding-left:var(--space-xl)}.loading-tips li{line-height:1.4;margin-bottom:.75rem;margin-bottom:var(--space-md)}.error-icon{display:block;font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--space-xl)}.error-actions{gap:var(--space-lg);margin-top:2.5rem;margin-top:var(--space-3xl)}.home-btn,.retry-btn{border:none;border-radius:12px;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--shadow-sm);cursor:pointer;font-weight:700;padding:1rem 2rem;padding:var(--space-lg) var(--space-2xl);transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--transition-bounce)}.retry-btn{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);color:#fff}.retry-btn:hover{background:#5a6fd8;background:var(--primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.home-btn{background:#fff;border:2px solid #d1d5db;border:2px solid var(--gray-300);color:#374151;color:var(--gray-700)}.home-btn:hover{background:#f9fafb;background:var(--gray-50);transform:translateY(-2px)}.global-loading{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.global-loading.hidden{display:none}.global-loading.show{display:flex}.global-toast{align-items:center;animation:slideIn .3s ease-out;background:#fff;border-left:4px solid #3b82f6;border-left:4px solid var(--info-color);border-radius:16px;border-radius:var(--border-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);display:flex;gap:.75rem;gap:var(--space-md);min-width:300px;padding:1.5rem;padding:var(--space-xl);position:fixed;right:24px;top:24px;z-index:9999}.global-toast.hidden{display:none}.global-toast.show{display:flex}.global-toast.toast-success{border-left-color:#10b981;border-left-color:var(--success-color)}.global-toast.toast-error{border-left-color:#ef4444;border-left-color:var(--error-color)}.global-toast.toast-warning{border-left-color:#f59e0b;border-left-color:var(--warning-color)}.toast-content{align-items:center;display:flex;flex:1 1;gap:.75rem;gap:var(--space-md)}.toast-icon{font-size:1.25rem;font-size:var(--font-size-xl)}.toast-message{color:#374151;color:var(--gray-700);flex:1 1;font-size:1rem;font-size:var(--font-size-base);font-weight:500}.toast-close{align-items:center;background:none;border:none;border-radius:50%;color:#9ca3af;color:var(--gray-400);cursor:pointer;display:flex;font-size:1.25rem;font-size:var(--font-size-xl);height:24px;justify-content:center;padding:0;transition:all .25s ease;transition:all var(--transition-normal);width:24px}.toast-close:hover{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.mobile-bottom-spacer{display:none;height:60px}@media (max-width:1024px){.booking-layout{gap:2rem;gap:var(--space-2xl);grid-template-columns:1fr 350px}.booking-sidebar{top:100px}.features-section{gap:1.5rem;gap:var(--space-xl);grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.header-container{flex-direction:column;gap:1rem;gap:var(--space-lg);padding:1rem;padding:var(--space-lg);text-align:center}.brand-tagline{display:none}.booking-container{padding:1rem;padding:var(--space-lg)}.booking-layout{gap:1rem;gap:var(--space-lg);grid-template-columns:1fr}.booking-sidebar{max-height:none;order:-1;overflow-y:visible;position:static}.guest-form{gap:1.5rem;gap:var(--space-xl);grid-template-columns:1fr;padding:1.5rem;padding:var(--space-xl)}.hero-section{padding:2.5rem 0;padding:var(--space-3xl) 0}.hero-section h1{font-size:2.25rem;font-size:var(--font-size-4xl)}.hero-section h2{font-size:1.5rem;font-size:var(--font-size-2xl)}.steps{grid-template-columns:1fr}.coming-soon-actions,.complete-actions,.error-actions,.not-found-actions,.redirect-actions{align-items:center;flex-direction:column}.footer-bottom{flex-direction:column;text-align:center}.mobile-bottom-spacer{display:block}.global-toast{left:1rem;left:var(--space-lg);min-width:auto;right:1rem;right:var(--space-lg);top:1rem;top:var(--space-lg)}}@media (max-width:480px){.booking-container,.home-content{padding:1rem;padding:var(--space-lg)}.header-container{padding:.75rem 1rem;padding:var(--space-md) var(--space-lg)}.hero-section{padding:2rem 0;padding:var(--space-2xl) 0}.hero-section h1{font-size:1.875rem;font-size:var(--font-size-3xl)}.feature-card,.step{padding:1.5rem;padding:var(--space-xl)}.coming-soon-content,.complete-content,.not-found-content,.redirect-content{padding:2rem 1rem;padding:var(--space-2xl) var(--space-lg)}.form-input,.form-select{font-size:16px;height:48px}.submit-btn{font-size:1.125rem;font-size:var(--font-size-lg);height:52px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.global-toast,.property-header:before{animation:none}}.back-btn:focus,.btn:focus,.cafe-btn:focus,.form-input:focus,.form-select:focus,.submit-btn:focus{outline:3px solid #fbbf24;outline:3px solid var(--accent-color);outline-offset:2px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f3f4f6;background:var(--gray-100);border-radius:5px}::-webkit-scrollbar-thumb{background:#9ca3af;background:var(--gray-400);border-radius:5px;-webkit-transition:background .25s ease;transition:background .25s ease;-webkit-transition:background var(--transition-normal);transition:background var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:#6b7280;background:var(--gray-500)}@media print{.booking-sidebar,.global-loading,.global-toast,.layout-footer,.layout-header{display:none!important}.layout-main{padding:0}.booking-layout{grid-template-columns:1fr}.home-page,body{background:#fff!important}.hero-section{color:#000!important}}.auth-loading-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;justify-content:center;min-height:100vh}.auth-loading-content{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff1a;border:1px solid #fff3;border-radius:20px;padding:3rem;text-align:center}.auth-loading-content .loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:50px;margin:0 auto 2rem;width:50px}.auth-loading-content h3{font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.auth-loading-content p{font-size:1rem;margin:0;opacity:.9}.host-nav-container{align-items:center;display:flex;gap:1.5rem}.host-welcome{background:#667eea1a;border:1px solid #667eea33;border-radius:20px;color:#667eea;font-size:.9rem;font-weight:600;padding:.5rem 1rem;white-space:nowrap}.host-nav-menu{align-items:center;display:flex;gap:1rem}.nav-link.active{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;box-shadow:0 2px 8px #667eea4d;color:#fff!important;font-weight:700;padding:.5rem 1rem}.host-menu-btn{align-items:center;background:none;border:none;border-radius:8px;cursor:pointer;display:flex;font-family:inherit;font-size:inherit;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.host-menu-btn:hover{background:#667eea1a}.dropdown-arrow{transition:transform .3s ease}.dropdown-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 32px #0000001a;min-width:200px;opacity:0;overflow:hidden;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1000}.dropdown-content.show,.host-menu-dropdown:hover .dropdown-content{opacity:1;transform:translateY(0);visibility:visible}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:.75rem;padding:.875rem 1.25rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f8fafc;color:#667eea}.dropdown-item span{font-size:1rem;text-align:center;width:1.2rem}.logout-item{border-top:1px solid #f1f5f9;color:#ef4444}.logout-item:hover{background:#fef2f2;color:#dc2626}@media (max-width:768px){.host-nav-container{align-items:stretch;flex-direction:column;gap:1rem}.host-welcome{font-size:.85rem;padding:.4rem .8rem;text-align:center}.host-nav-menu{flex-wrap:wrap;justify-content:center}.nav-link{font-size:.85rem;padding:.4rem .8rem}.dropdown-content{border-radius:16px;left:50%;max-width:300px;position:fixed;top:50%;width:90%}.dropdown-content,.dropdown-content.show{transform:translate(-50%,-50%)}}@media (max-width:480px){.header-container{flex-direction:column;gap:1rem;padding:1rem}.header-nav{justify-content:center;width:100%}.host-nav-container{width:100%}.host-nav-menu{gap:.5rem}.nav-link{font-size:.8rem;padding:.3rem .6rem}}.dropdown-content,.host-menu-dropdown,.host-nav-container,.host-nav-menu,.host-welcome{display:none}.header-nav{gap:1.5rem;position:relative}.cafe-link,.header-nav{align-items:center;display:flex}.cafe-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#10b981,#059669)!important;border-radius:12px;box-shadow:0 8px 32px #10b9814d;font-size:.95rem;font-weight:700;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.cafe-link,.cafe-link:hover{color:#fff!important;text-decoration:none}.cafe-link:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 12px 40px #10b98166;transform:translateY(-2px)}.cafe-link span{filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));font-size:1.1rem}.guest-nav-container{align-items:center;display:flex;gap:.75rem}.host-login-link,.host-signup-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.host-signup-link{background:#667eea1a;border:2px solid #667eea33;color:#667eea}.host-signup-link:hover{background:#667eea33;box-shadow:0 8px 25px #667eea33;color:#5a6fd8;text-decoration:none;transform:translateY(-2px)}.host-login-link{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 32px #667eea4d;color:#fff}.host-login-link:hover{background:linear-gradient(135deg,#5a6fd8,#6b46c1);box-shadow:0 12px 40px #667eea66;color:#fff;text-decoration:none;transform:translateY(-2px)}.host-login-link span,.host-signup-link span{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));font-size:1.1rem}@media (max-width:767px){.header-nav{gap:1rem}.guest-nav-container{align-items:stretch;flex-direction:column;gap:.5rem}.host-login-link,.host-signup-link{justify-content:center;text-align:center}.cafe-link,.host-login-link,.host-signup-link{font-size:.875rem;padding:.625rem 1rem}}@media (max-width:479px){.header-container{flex-direction:column;gap:1rem;padding:1rem .75rem}.header-nav{flex-wrap:wrap;justify-content:center;width:100%}.guest-nav-container{flex-direction:row;justify-content:space-between;width:100%}.host-login-link,.host-signup-link{flex:1 1;font-size:.8rem;padding:.5rem .75rem}.cafe-link{font-size:.8rem;margin-bottom:.5rem;padding:.5rem .75rem;width:100%}}.layout-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#fff,#f8fafc);border-bottom:1px solid #e5e7ebcc;box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 2rem;position:relative}.brand-link,.header-brand{align-items:center;display:flex;gap:.75rem}.brand-link{color:#1f2937;font-size:1.25rem;font-weight:800;text-decoration:none;transition:all .3s ease}.brand-link:hover{color:#667eea;text-decoration:none;transform:translateY(-1px)}.brand-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.75rem}.brand-tagline{color:#6b7280;font-size:.75rem;font-weight:500;margin-left:.5rem;opacity:.8}.header-loading{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.header-loading:before{animation:spin 1s linear infinite;border:2px solid #e5e7eb;border-radius:50%;border-top-color:#667eea;content:"";height:16px;width:16px}.layout-header{z-index:100}.hybrid-host-nav .desktop-dropdown-menu{z-index:1000}.hybrid-host-nav .mobile-overlay-menu{z-index:9999}.hybrid-host-nav .mobile-overlay-backdrop{z-index:9998}.copy-success-toast{z-index:10000}.brand-link:focus,.cafe-link:focus,.host-login-link:focus,.host-signup-link:focus{outline:3px solid #fbbf24;outline-offset:2px;z-index:10}@media (prefers-contrast:high){.layout-header{border-bottom-width:2px}.cafe-link,.host-login-link,.host-signup-link{border-width:3px}.brand-link{font-weight:900}}@media (prefers-reduced-motion:reduce){.brand-link:hover,.cafe-link:hover,.host-login-link:hover,.host-signup-link:hover{transform:none}.header-loading:before{animation:none;border:2px solid #667eea}}@media (prefers-color-scheme:dark){.layout-header{background:linear-gradient(145deg,#1f2937,#374151);border-bottom-color:#4b5563}.brand-link{color:#f9fafb}.brand-link:hover{color:#a78bfa}.brand-tagline,.header-loading{color:#d1d5db}.header-loading:before{border-color:#a78bfa #4b5563 #4b5563}.host-signup-link{background:#a78bfa1a;border-color:#a78bfa33;color:#a78bfa}.host-signup-link:hover{background:#a78bfa33;color:#8b5cf6}}.firebase-initializing,.firebase-restarting{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.loading-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;box-shadow:0 8px 32px #0000001a;color:#fff;padding:2rem;text-align:center}.loading-container h2{font-size:1.5rem;font-weight:600;margin:1rem 0 .5rem}.loading-container p{font-size:1rem;margin:.5rem 0 0;opacity:.9}.retry-info{font-size:.875rem!important;margin-top:1rem!important;opacity:.7!important}.loading-spinner{border:4px solid #ffffff4d;border-left-color:#fff;height:60px;margin:0 auto;width:60px}.firebase-error{align-items:center;background:linear-gradient(135deg,#ff6b6b,#ee5a24);display:flex;height:100vh;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100vw;z-index:9999}.error-container{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-width:500px;padding:2rem;text-align:center;width:100%}.error-container h2{color:#dc2626;font-size:1.5rem;margin:0 0 1rem}.error-message{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1rem 0;padding:1rem;text-align:left}.error-message h3{color:#dc2626;font-size:1rem;margin:0 0 .5rem}.error-message p{color:#7f1d1d;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem;margin:0;word-break:break-word}.error-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1.5rem 0 1rem}.help-info{background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;margin:1rem 0;padding:1rem;text-align:left}.help-info h4{color:#0369a1;font-size:1rem;margin:0 0 .5rem}.help-info p{color:#0c4a6e;font-size:.875rem;margin:0 0 .5rem}.help-link{background:#e0f2fe;border-radius:6px;color:#0369a1;display:inline-block;font-weight:500;padding:.5rem 1rem;text-decoration:none;transition:all .2s}.help-link:hover{background:#b3e5fc;transform:translateY(-1px)}.debug-info{margin:1rem 0;text-align:left}.debug-info summary{background:#f3f4f6;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;padding:.5rem}.debug-info pre{background:#1f2937;border-radius:6px;color:#f9fafb;font-size:.75rem;margin:.5rem 0;overflow:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.error-boundary-container{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);display:flex;height:100vh;justify-content:center;left:0;padding:1rem;position:fixed;top:0;width:100vw;z-index:10000}.error-boundary{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0003;max-height:90vh;max-width:600px;overflow:auto;padding:2rem;width:100%}.error-boundary h1{color:#dc2626;font-size:1.75rem;margin:0 0 1rem;text-align:center}.error-details{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin:1rem 0;padding:1rem}.error-details h3{color:#dc2626;font-size:1.125rem;margin:0 0 .5rem}.error-details pre{background:#1f2937;border-radius:6px;color:#f9fafb;font-size:.875rem;margin:.5rem 0;overflow:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.firebase-error-info{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin:1rem 0;padding:1rem}.firebase-error-info h4{color:#92400e;font-size:1rem;margin:0 0 .5rem}.firebase-error-info p{color:#78350f;font-size:.875rem;margin:0}.error-stack{margin:1rem 0}.error-stack summary{background:#f3f4f6;border-radius:6px;color:#374151;cursor:pointer;font-weight:500;padding:.5rem}.error-stack pre{background:#1f2937;border-radius:6px;color:#f9fafb;font-size:.75rem;margin:.5rem 0;max-height:200px;overflow:auto;padding:1rem;white-space:pre-wrap;word-break:break-word}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;min-width:auto;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 8px #3b82f64d;transform:translateY(-1px)}.btn-secondary{background:#6b7280;color:#fff}.btn-secondary:hover:not(:disabled){background:#4b5563;box-shadow:0 4px 8px #6b72804d;transform:translateY(-1px)}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-left-color:#fff;border-radius:50%;height:16px;width:16px}@media (max-width:768px){.error-boundary,.error-container,.loading-container{margin:1rem;padding:1.5rem}.error-actions{align-items:center;flex-direction:column}.btn{justify-content:center;width:100%}.debug-info pre,.error-details pre,.error-stack pre{font-size:.75rem;max-height:150px}}@media (prefers-reduced-motion:reduce){.loading-spinner,.spinner-small{animation:none}.btn{transition:none}.btn:hover:not(:disabled){transform:none}}@media (prefers-color-scheme:dark){.error-boundary,.error-container{background:#1f2937;color:#f9fafb}.error-boundary h1,.error-container h2{color:#fca5a5}.error-message{background:#7f1d1d;border-color:#dc2626}.error-message h3{color:#fca5a5}.error-message p{color:#fecaca}.firebase-error-info{background:#78350f;border-color:#f59e0b}.firebase-error-info h4{color:#fbbf24}.firebase-error-info p{color:#fde68a}.help-info{background:#0c4a6e;border-color:#0ea5e9}.help-info h4{color:#7dd3fc}.help-info p{color:#bae6fd}.help-link{background:#075985;color:#7dd3fc}.help-link:hover{background:#0369a1}.debug-info summary,.error-stack summary{background:#374151;color:#f9fafb}}:root{--host-primary-light:#7c7df5;--host-gradient-card:linear-gradient(145deg,#fff,#f8fafc);--host-shadow-card:0 4px 12px #00000014;--host-shadow-brand:0 8px 32px #667eea4d;--host-transition-bounce:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--mobile-touch-target:44px}.action-buttons{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:3rem}.action-btn{-webkit-tap-highlight-color:transparent;align-items:center;background:linear-gradient(145deg,#fff,#f8fafc);background:var(--host-gradient-card);background-clip:padding-box;border:3px solid #e5e7eb;border-radius:20px;box-shadow:0 4px 12px #00000014;box-shadow:var(--host-shadow-card);cursor:pointer;display:flex;gap:1.25rem;min-height:44px;min-height:var(--mobile-touch-target);overflow:hidden;padding:1.5rem 2rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--host-transition-bounce);width:100%}.action-btn:before{background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s;width:100%;z-index:1}.action-btn:hover{border-color:#667eea;border-color:var(--host-primary);box-shadow:0 8px 32px #667eea4d;box-shadow:var(--host-shadow-brand);transform:translateY(-4px)}.action-btn:hover:before{left:100%}.action-btn:active{transform:translateY(-2px)}.action-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.action-btn:disabled:hover{border-color:#e5e7eb;box-shadow:0 4px 12px #00000014;box-shadow:var(--host-shadow-card);transform:none}.btn-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));flex-shrink:0;font-size:2rem;min-width:2rem}.btn-content,.btn-icon{position:relative;z-index:2}.btn-content{display:flex;flex:1 1;flex-direction:column;gap:.5rem;min-width:0}.btn-title{color:#1f2937;font-size:1.1rem;font-weight:800;line-height:1.3}.btn-desc,.btn-title{display:block;margin:0}.btn-desc{color:#6b7280;font-size:.875rem;font-weight:600;line-height:1.4}.btn-urgent-indicator{align-items:center;animation:urgentPulse 1.5s infinite;background:#ef4444;border-radius:50%;box-shadow:0 4px 12px #ef444466;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:800;height:28px;justify-content:center;position:relative;width:28px;z-index:2}.action-btn.purchase-btn:hover{border-color:#667eea;box-shadow:0 12px 35px #667eea66}.action-btn.extension-btn:hover{border-color:#f59e0b;box-shadow:0 12px 35px #f59e0b66}.action-btn.settings-btn:hover{border-color:#10b981;box-shadow:0 12px 35px #10b98166}.action-btn.bookings-btn:hover{border-color:#8b5cf6;box-shadow:0 12px 35px #8b5cf666}@media (max-width:1023px) and (min-width:769px){.action-btn{gap:1.1rem;padding:1.35rem 1.75rem}.btn-icon{font-size:1.85rem}}@media (max-width:768px){.action-btn{border-radius:16px;gap:1rem;padding:1.25rem 1.5rem}.btn-icon{font-size:1.75rem}.btn-title{font-size:1rem}.btn-desc{font-size:.8rem}}@media (max-width:479px){.action-btn{border-radius:14px;gap:.875rem;padding:1rem 1.25rem}.btn-icon{font-size:1.5rem}.btn-title{font-size:.95rem}.btn-desc{font-size:.75rem}.btn-urgent-indicator{font-size:.75rem;height:24px;width:24px}}.action-btn:focus{outline:4px solid #fbbf24;outline-offset:3px;z-index:10}@media (prefers-contrast:high){.action-btn{border-width:4px}.btn-title{font-weight:900}}@media (prefers-reduced-motion:reduce){.action-btn,.action-btn:hover{transform:none;transition-duration:.01ms}.btn-urgent-indicator{animation:none}.action-btn:before{transition-duration:.01ms}}@media (prefers-color-scheme:dark){.action-btn{background:linear-gradient(145deg,#374151,#4b5563);border-color:#4b5563;color:#f9fafb}.action-btn:hover{border-color:#7c3aed}.btn-title{color:#f9fafb}.btn-desc{color:#d1d5db}}:root{--host-nav-primary:#667eea;--host-nav-primary-dark:#5a6fd8;--host-nav-primary-light:#7c7df5;--host-nav-secondary:#764ba2;--host-nav-accent:#fbbf24;--host-nav-success:#10b981;--host-nav-warning:#f59e0b;--host-nav-error:#ef4444;--host-nav-info:#3b82f6;--host-nav-gradient:linear-gradient(135deg,#667eea,#764ba2);--host-nav-gradient-success:linear-gradient(135deg,#10b981,#059669);--host-nav-gradient-warning:linear-gradient(135deg,#fbbf24,#f59e0b);--host-nav-gradient-card:linear-gradient(145deg,#fff,#f8fafc);--host-nav-shadow:0 4px 12px #00000014;--host-nav-shadow-hover:0 8px 25px #0000001f;--host-nav-shadow-brand:0 8px 32px #667eea4d;--host-nav-shadow-dropdown:0 20px 40px #00000026;--host-nav-transition:0.3s cubic-bezier(0.4,0,0.2,1);--host-nav-transition-bounce:0.3s cubic-bezier(0.68,-0.55,0.265,1.55);--host-nav-mobile-height:60px;--host-nav-desktop-height:48px;--host-nav-z-index:1000;--host-nav-mobile-z-index:9999}.hybrid-host-nav{gap:1rem}.desktop-nav-container,.host-nav-trigger,.hybrid-host-nav{align-items:center;display:flex;position:relative}.host-nav-trigger{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea,#764ba2);background:var(--host-nav-gradient);border:none;border-radius:12px;box-shadow:0 8px 32px #667eea4d;box-shadow:var(--host-nav-shadow-brand);color:#fff;cursor:pointer;font-family:inherit;gap:1rem;min-height:48px;min-height:var(--host-nav-desktop-height);padding:.75rem 1.25rem;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--host-nav-transition-bounce)}.host-nav-trigger:hover{box-shadow:0 12px 40px #667eea66;transform:translateY(-2px)}.host-nav-trigger.active,.host-nav-trigger:hover{background:#5a6fd8;background:var(--host-nav-primary-dark)}.host-nav-trigger.active{box-shadow:0 8px 25px #667eea80}.host-welcome-info{align-items:center;display:flex;gap:.75rem}.welcome-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.25rem}.welcome-text{align-items:flex-start;display:flex;flex-direction:column;gap:.125rem}.host-name{font-size:.95rem;line-height:1.2;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-subtitle{font-size:.75rem;font-weight:500;line-height:1;opacity:.8}.notification-badge{align-items:center;animation:notificationPulse 2s infinite;background:#ef4444;background:var(--host-nav-error);border:2px solid #fff;border-radius:50%;box-shadow:0 4px 12px #00000014;box-shadow:var(--host-nav-shadow);color:#fff;display:flex;font-size:.75rem;font-weight:700;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.notification-badge.urgent{animation:urgentPulse 1s infinite;background:#f59e0b;background:var(--host-nav-warning)}@keyframes notificationPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes urgentPulse{0%,to{box-shadow:0 0 0 0 #fbbf2466;transform:scale(1)}50%{box-shadow:0 0 0 8px #fbbf2400;transform:scale(1.15)}}.dropdown-arrow{font-size:.75rem;margin-left:.5rem;opacity:.8;transition:transform .3s cubic-bezier(.4,0,.2,1);transition:transform var(--host-nav-transition)}.dropdown-arrow.up{transform:rotate(180deg)}.desktop-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 20px 40px #00000026;box-shadow:var(--host-nav-shadow-dropdown);min-width:320px;opacity:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px) scale(.95);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-nav-transition);visibility:hidden;z-index:var(--host-nav-z-index)}.desktop-dropdown-menu.show{opacity:1;transform:translateY(0) scale(1);visibility:visible}.desktop-dropdown-menu:before{background:#fff;border:1px solid #e5e7eb;border-bottom:none;border-right:none;content:"";height:16px;position:absolute;right:24px;top:-8px;transform:rotate(45deg);width:16px;z-index:1}.dropdown-header{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #f1f5f9;gap:1rem;padding:1.5rem;position:relative}.dropdown-header,.host-avatar{align-items:center;display:flex}.host-avatar{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--host-nav-gradient);border-radius:50%;box-shadow:0 8px 32px #667eea4d;box-shadow:var(--host-nav-shadow-brand);flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.host-info{flex:1 1;min-width:0}.host-name-full{color:#1f2937;font-size:1rem;font-weight:700;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.host-status{align-items:center;color:#6b7280;display:flex;font-size:.875rem;font-weight:500;gap:.5rem}.status-dot{background:#9ca3af}.status-dot.active{animation:statusPulse 2s infinite;background:#10b981;background:var(--host-nav-success);box-shadow:0 0 0 2px #10b98133}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.6}}.dropdown-content{max-height:400px;overflow-y:auto;padding:1rem 0}.dropdown-menu-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;font-family:inherit;gap:1rem;padding:1rem 1.5rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-nav-transition);width:100%}.dropdown-menu-item:hover:not(.coming-soon){background:linear-gradient(135deg,#f8fafc,#f1f5f9);transform:translateX(4px)}.dropdown-menu-item.active{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-left:3px solid #667eea;border-left:3px solid var(--host-nav-primary)}.dropdown-menu-item.coming-soon{cursor:not-allowed;opacity:.5}.dropdown-menu-item.logout-item{border-top:1px solid #f1f5f9;color:#ef4444;color:var(--host-nav-error);margin-top:.5rem}.dropdown-menu-item.logout-item:hover{background:linear-gradient(135deg,#fef2f2,#fee2e2)}.item-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;font-size:1.25rem;text-align:center;width:24px}.item-content{flex:1 1;min-width:0}.item-label{align-items:center;color:#1f2937;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.25rem}.item-description{color:#6b7280;font-size:.8rem;line-height:1.3}.coming-soon-badge{background:#f59e0b;background:var(--host-nav-warning);border-radius:8px;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.125rem .375rem;text-transform:uppercase}.item-badge{align-items:center;background:#ef4444;background:var(--host-nav-error);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:20px;justify-content:center;width:20px}.item-badge.urgent{animation:badgePulse 1s infinite;background:#f59e0b;background:var(--host-nav-warning)}@keyframes badgePulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.dropdown-divider{background:#f1f5f9;height:1px;margin:.5rem 0}.mobile-menu-trigger{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--host-nav-gradient);border:none;border-radius:12px;box-shadow:0 8px 32px #667eea4d;box-shadow:var(--host-nav-shadow-brand);color:#fff;cursor:pointer;display:none;font-family:inherit;min-height:60px;min-height:var(--host-nav-mobile-height);padding:.75rem 1rem;position:relative;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--host-nav-transition-bounce)}.mobile-menu-trigger:hover{box-shadow:0 12px 40px #667eea66;transform:translateY(-2px)}.mobile-menu-trigger.active,.mobile-menu-trigger:hover{background:#5a6fd8;background:var(--host-nav-primary-dark)}.mobile-trigger-content{align-items:center;display:flex;gap:.5rem;position:relative}.mobile-icon{font-size:1.25rem}.mobile-label{font-size:.9rem;font-weight:700}.mobile-notification-badge{align-items:center;animation:notificationPulse 2s infinite;background:#ef4444;background:var(--host-nav-error);border:2px solid #fff;border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;position:absolute;right:-8px;top:-8px;width:18px}.mobile-notification-badge.urgent{animation:urgentPulse 1s infinite;background:#f59e0b;background:var(--host-nav-warning)}.mobile-overlay-menu{background:#fff;bottom:0;display:flex;flex-direction:column;left:0;opacity:0;position:fixed;right:0;top:0;transform:translateX(100%);transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-nav-transition);visibility:hidden;z-index:var(--host-nav-mobile-z-index)}.mobile-overlay-menu.show{opacity:1;transform:translateX(0);visibility:visible}.mobile-overlay-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:calc(var(--host-nav-mobile-z-index) - 1)}.mobile-menu-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--host-nav-gradient);box-shadow:0 4px 12px #00000014;box-shadow:var(--host-nav-shadow);color:#fff;display:flex;justify-content:space-between;padding:1.5rem}.mobile-host-info{align-items:center;display:flex;gap:1rem}.mobile-avatar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:2px solid #ffffff4d;border-radius:50%;display:flex;font-size:1.5rem;height:48px;justify-content:center;width:48px}.mobile-host-details{flex:1 1;min-width:0}.mobile-host-name{font-size:1.1rem;font-weight:700;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px #0003;white-space:nowrap}.mobile-host-status{align-items:center;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;opacity:.9}.mobile-status-dot{background:#fff9;border-radius:50%;height:8px;width:8px}.mobile-status-dot.active{animation:statusPulse 2s infinite;background:#34d399;box-shadow:0 0 0 2px #34d3994d}.mobile-close-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:40px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-nav-transition);width:40px}.mobile-close-btn:hover{background:#ffffff4d;transform:scale(1.05)}.mobile-menu-content{background:linear-gradient(145deg,#f8fafc,#f1f5f9);flex:1 1;overflow-y:auto;padding:1rem 0}.mobile-menu-item{align-items:center;background:none;border:none;border-bottom:1px solid #e5e7eb;cursor:pointer;display:flex;font-family:inherit;justify-content:space-between;padding:1.25rem 1.5rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--host-nav-transition);width:100%}.mobile-menu-item:hover:not(.coming-soon){transform:translateX(4px)}.mobile-menu-item.active,.mobile-menu-item:hover:not(.coming-soon){background:#fff;box-shadow:0 4px 12px #00000014;box-shadow:var(--host-nav-shadow)}.mobile-menu-item.active{border-left:4px solid #667eea;border-left:4px solid var(--host-nav-primary)}.mobile-menu-item.coming-soon{cursor:not-allowed;opacity:.5}.mobile-item-main{align-items:center;display:flex;flex:1 1;gap:1rem}.mobile-item-icon{filter:drop-shadow(0 1px 2px rgba(0,0,0,.1));flex-shrink:0;font-size:1.5rem;text-align:center;width:32px}.mobile-item-text{flex:1 1;min-width:0}.mobile-item-label{align-items:center;color:#1f2937;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:.25rem}.mobile-item-description{color:#6b7280;font-size:.875rem;line-height:1.3}.mobile-coming-soon-badge{background:#f59e0b;background:var(--host-nav-warning);border-radius:8px;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.125rem .375rem;text-transform:uppercase}.mobile-item-badge{align-items:center;background:#ef4444;background:var(--host-nav-error);border-radius:50%;box-shadow:0 4px 12px #00000014;box-shadow:var(--host-nav-shadow);color:#fff;display:flex;flex-shrink:0;font-size:.8rem;font-weight:700;height:24px;justify-content:center;width:24px}.mobile-item-badge.urgent{animation:badgePulse 1s infinite;background:#f59e0b;background:var(--host-nav-warning)}.mobile-menu-footer{background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -4px 12px #0000000d;padding:1.5rem}.mobile-logout-btn{align-items:center;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid #fecaca;border-radius:12px;color:#ef4444;color:var(--host-nav-error);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:700;gap:.75rem;justify-content:center;padding:1rem;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transition:all var(--host-nav-transition-bounce);width:100%}.mobile-logout-btn:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);box-shadow:0 4px 12px #00000014;box-shadow:var(--host-nav-shadow);transform:translateY(-2px)}.logout-icon{font-size:1.25rem}@media (max-width:1023px) and (min-width:768px){.host-name{max-width:120px}.welcome-subtitle{display:none}.desktop-dropdown-menu{min-width:280px}.item-description{font-size:.75rem}}@media (max-width:767px){.desktop-nav-container{display:none}.mobile-menu-trigger{display:flex}}@media (max-width:479px){.mobile-menu-trigger{min-height:52px;padding:.625rem .875rem}.mobile-icon{font-size:1.1rem}.mobile-label{font-size:.85rem}.mobile-menu-header{padding:1.25rem 1rem}.mobile-host-name{font-size:1rem}.mobile-avatar{font-size:1.25rem;height:40px;width:40px}.mobile-close-btn{font-size:1.1rem;height:36px;width:36px}.mobile-menu-item{padding:1rem 1.25rem}.mobile-item-icon{font-size:1.25rem;width:28px}.mobile-item-label{font-size:.95rem}.mobile-item-description{font-size:.8rem}.mobile-menu-footer{padding:1.25rem 1rem}.mobile-logout-btn{font-size:.95rem;padding:.875rem}}.dropdown-menu-item:focus,.host-nav-trigger:focus,.mobile-close-btn:focus,.mobile-logout-btn:focus,.mobile-menu-item:focus,.mobile-menu-trigger:focus{outline:3px solid #fbbf24;outline:3px solid var(--host-nav-accent);outline-offset:2px;z-index:10}@media (hover:none) and (pointer:coarse){.dropdown-menu-item:hover,.host-nav-trigger:hover,.mobile-menu-item:hover,.mobile-menu-trigger:hover{transform:none}.host-nav-trigger:active,.mobile-menu-trigger:active{transform:scale(.98);transition:transform .1s ease}.dropdown-menu-item:active,.mobile-menu-item:active{background:#f1f5f9;transition:background .1s ease}}@media (prefers-contrast:high){.desktop-dropdown-menu,.host-nav-trigger,.mobile-menu-trigger,.mobile-overlay-menu{border-width:2px}.item-badge,.mobile-item-badge,.mobile-notification-badge,.notification-badge{border-width:3px}.dropdown-menu-item.active{border-left-width:5px}.mobile-menu-item.active{border-left-width:6px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.item-badge,.mobile-item-badge,.mobile-notification-badge,.mobile-status-dot.active,.notification-badge,.status-dot.active{animation:none!important}.dropdown-menu-item:hover,.host-nav-trigger:hover,.mobile-menu-item:hover,.mobile-menu-trigger:hover{transform:none}}.desktop-dropdown-menu,.dropdown-menu-item,.host-nav-trigger,.mobile-menu-item,.mobile-menu-trigger,.mobile-overlay-menu{transform:translateZ(0);will-change:transform}.dropdown-content,.mobile-menu-content{-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.desktop-dropdown-menu{z-index:1000}.mobile-overlay-menu{z-index:9999}.mobile-overlay-backdrop{z-index:9998}:root{--host-primary:#667eea;--host-primary-dark:#5a6fd8;--host-secondary:#764ba2;--host-success:#10b981;--host-warning:#f59e0b;--host-error:#ef4444;--host-gray-50:#f9fafb;--host-gray-100:#f3f4f6;--host-gray-200:#e5e7eb;--host-gray-300:#d1d5db;--host-gray-400:#9ca3af;--host-gray-500:#6b7280;--host-gray-600:#4b5563;--host-gray-700:#374151;--host-gray-800:#1f2937;--host-gray-900:#111827;--host-shadow:0 4px 6px -1px #0000001a;--host-shadow-lg:0 10px 15px -3px #0000001a;--host-radius:12px;--admin-primary:#1e40af;--admin-primary-dark:#1e3a8a;--admin-secondary:#7c3aed;--admin-gradient:linear-gradient(135deg,#1e40af,#7c3aed)}.admin-login-page{align-items:center;background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:linear-gradient(135deg,var(--host-gray-50) 0,var(--host-gray-100) 100%);display:flex;justify-content:center;min-height:100vh;min-height:100dvh;overflow-x:hidden;padding:2rem 1rem;position:relative}@media (max-width:768px){.admin-login-page{align-items:flex-start;min-height:100vh;min-height:100dvh;overflow-y:auto;padding:2rem .75rem}}@supports (-webkit-touch-callout:none){.admin-login-page{min-height:-webkit-fill-available}}.admin-login-page:before{background:radial-gradient(circle at 20% 20%,#1e40af1a 0,#0000 50%),radial-gradient(circle at 80% 80%,#7c3aed1a 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.admin-login-container{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--host-gray-200);border-radius:12px;border-radius:var(--host-radius);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--host-shadow-lg);margin:auto;max-width:500px;padding:2.5rem;position:relative;width:100%;z-index:1}@media (max-width:768px){.admin-login-container{box-sizing:border-box;margin:0 auto;max-width:100%;padding:2rem 1.5rem;width:100%}}@media (max-width:640px){.admin-login-container{border-radius:8px;padding:1.5rem 1rem}}.admin-login-header{margin-bottom:2rem;position:relative;text-align:center}.back-to-home{background:#6b72801a;border:none;border-radius:8px;color:#6b7280;color:var(--host-gray-500);cursor:pointer;font-size:.875rem;left:-1rem;padding:.5rem 1rem;position:absolute;text-decoration:none;top:-1rem;transition:all .2s ease}.back-to-home:hover{background:#6b728033;color:#374151;color:var(--host-gray-700);transform:translateX(-2px)}.admin-brand{margin-top:1rem}.admin-logo{align-items:center;display:flex;gap:.75rem;justify-content:center;margin-bottom:.5rem}.logo-icon{font-size:2.5rem}.logo-icon,.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e40af,#7c3aed);background:var(--admin-gradient);-webkit-background-clip:text;background-clip:text}.logo-text{font-size:1.75rem;font-weight:800}.brand-subtitle{color:#4b5563;color:var(--host-gray-600);font-size:.875rem;font-weight:500}@media (max-width:768px){.admin-login-header{margin-bottom:1.5rem}.back-to-home{margin-bottom:1rem;position:static;width:-webkit-fit-content;width:fit-content}.logo-text{font-size:1.5rem}.logo-icon{font-size:2rem}}.admin-login-form-container{margin-top:1.5rem}.admin-login-form{width:100%}.form-header{margin-bottom:2rem;text-align:center}.form-header h1{color:#111827;color:var(--host-gray-900);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.form-header p{color:#4b5563;color:var(--host-gray-600);font-size:.95rem;line-height:1.5;margin:0}@media (max-width:768px){.form-header{margin-bottom:1.5rem}.form-header h1{font-size:1.5rem}.form-header p{font-size:.85rem}}.admin-error-message{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-left:4px solid #ef4444;border-left:4px solid var(--host-error);border-radius:8px;color:#ef4444;color:var(--host-error);display:flex;font-weight:600;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.error-icon{flex-shrink:0;font-size:1.2rem}@media (max-width:768px){.admin-error-message{font-size:.9rem;margin-bottom:1rem;padding:.875rem}}.form-group{margin-bottom:1.5rem}@media (max-width:768px){.form-group{margin-bottom:1.25rem}}.form-label{color:#374151;color:var(--host-gray-700);display:block;font-size:.875rem;font-weight:600;margin-bottom:.5rem}.form-input{background:#fff;border:2px solid #d1d5db;border:2px solid var(--host-gray-300);border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:.875rem;padding:.875rem;transition:all .2s ease;width:100%}@media (max-width:768px){.form-input{font-size:16px;padding:.75rem}}.form-input:focus{border-color:#1e40af;border-color:var(--admin-primary);box-shadow:0 0 0 3px #1e40af1a;outline:none}.form-input:disabled{background:#f9fafb;background:var(--host-gray-50);color:#6b7280;color:var(--host-gray-500);cursor:not-allowed;opacity:.7}.form-input::placeholder{color:#9ca3af;color:var(--host-gray-400)}.checkbox-group{margin-bottom:2rem}.checkbox-label{align-items:center!important;color:#374151;color:var(--host-gray-700);cursor:pointer;display:flex!important;font-size:.875rem;gap:.75rem!important;line-height:1.4;margin:0!important;min-height:24px;padding:0!important}@media (max-width:768px){.checkbox-label{font-size:.8125rem}}.checkbox-label input[type=checkbox]{display:none!important}.checkbox-custom{background:#fff;border:2px solid #d1d5db;border:2px solid var(--host-gray-300);border-radius:4px;box-sizing:border-box!important;display:block!important;flex-grow:0!important;flex-shrink:0!important;height:20px!important;margin-top:1px;max-height:20px!important;max-width:20px!important;min-height:20px!important;min-width:20px!important;position:relative;transition:all .2s ease;width:20px!important}.checkbox-label input[type=checkbox]:checked+.checkbox-custom{background:#1e40af!important;background:var(--admin-primary)!important;border-color:#1e40af!important;border-color:var(--admin-primary)!important}.checkbox-label input[type=checkbox]:checked+.checkbox-custom:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;line-height:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.admin-login-btn{align-items:center;background:linear-gradient(135deg,#1e40af,#7c3aed);background:var(--admin-gradient);border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--host-shadow);box-sizing:border-box;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin-bottom:2rem;min-height:50px;padding:1rem 1.5rem;text-decoration:none;transition:all .2s ease;width:100%}.admin-login-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--host-shadow-lg);transform:translateY(-2px)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:768px){.admin-login-btn{font-size:1rem;padding:1rem}.admin-login-btn:hover:not(:disabled){transform:none}.admin-login-btn:active:not(:disabled){transform:scale(.98)}}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}.admin-login-info{border-top:1px solid #e5e7eb;border-top:1px solid var(--host-gray-200);margin-top:1.5rem;padding-top:1.5rem}.info-section{margin-bottom:1.5rem}.info-section:last-child{margin-bottom:0}.info-section h3{align-items:center;color:#111827;color:var(--host-gray-900);display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin-bottom:.75rem}.info-section ul{list-style:none;margin:0;padding:0}.info-section li{color:#4b5563;color:var(--host-gray-600);font-size:.875rem;line-height:1.5;padding:.25rem 0}.link-btn{background:none;border:none;color:#1e40af;color:var(--admin-primary);cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline;transition:all .2s ease}.link-btn:hover{color:#1e3a8a;color:var(--admin-primary-dark)}@media (max-width:768px){.admin-login-info{padding-top:1.5rem}.info-section h3{font-size:.95rem}.info-section li{font-size:.8125rem}}.admin-login-btn:focus,.back-to-home:focus,.checkbox-label:focus-within,.form-input:focus,.link-btn:focus{outline:2px solid #1e40af;outline:2px solid var(--admin-primary);outline-offset:2px}@media (prefers-contrast:high){.admin-login-btn,.admin-login-container{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.admin-login-btn:hover{transform:none!important}}@supports (-webkit-touch-callout:none){.admin-login-btn,.back-to-home,.checkbox-label,.link-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.form-input{-webkit-appearance:none;border-radius:8px}}.admin-login-btn:active{background-image:none}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.admin-login-container{border-width:.5px}}:root{--admin-primary:#2563eb;--admin-primary-light:#60a5fa;--admin-primary-dark:#1d4ed8;--admin-secondary:#8b5cf6;--admin-accent:#f59e0b;--admin-success:#10b981;--admin-warning:#f59e0b;--admin-error:#ef4444;--admin-info:#06b6d4;--admin-bg:#f8fafc;--admin-card-bg:#fff;--admin-text-primary:#0f172a;--admin-text-secondary:#64748b;--admin-text-muted:#94a3b8;--admin-border:#e2e8f0;--admin-border-light:#f1f5f9;--admin-shadow-xs:0 1px 2px 0 #0000000d;--admin-shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;--admin-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--admin-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:0.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem}.admin-dashboard-page{background:#f8fafc;background:var(--admin-bg);min-height:100vh;padding:1.5rem 1rem;padding:var(--spacing-xl) var(--spacing-lg)}@media (max-width:768px){.admin-dashboard-page{padding:0}}.admin-container{margin:0 auto;max-width:1400px;position:relative}.admin-header{background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-secondary) 100%);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);color:#fff;margin-bottom:2rem;margin-bottom:var(--spacing-2xl);overflow:hidden;padding:2rem;padding:var(--spacing-2xl);position:relative;z-index:100}@media (max-width:768px){.admin-header{border-radius:0;margin:0}}.header-content{align-items:flex-start;display:flex;gap:1.5rem;gap:var(--spacing-xl);justify-content:space-between;position:relative;z-index:101}.header-left{flex:1 1;min-width:0;position:relative;z-index:102}.header-left h1{font-size:1.875rem;font-size:var(--text-3xl);font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.header-left p{font-size:1.125rem;font-size:var(--text-lg);font-weight:400;line-height:1.4;margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0;opacity:.9}.header-status{align-items:center;display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--text-sm);font-weight:500;gap:.5rem;gap:var(--spacing-sm);opacity:.8;position:relative;z-index:103}.status-indicator{animation:pulse 2s infinite;background:#10b981;border-radius:50%;flex-shrink:0;height:8px;width:8px}.separator{margin:0 .25rem;margin:0 var(--spacing-xs);opacity:.5}.header-actions{align-items:flex-start;display:flex;flex-shrink:0;gap:.75rem;gap:var(--spacing-md);position:relative;z-index:104}.admin-navigation{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);overflow:hidden}@media (max-width:768px){.admin-navigation{border-left:none;border-radius:0;border-right:none;margin:0}}.nav-container{margin:0 auto;max-width:1400px;padding:0 1rem;padding:0 var(--spacing-lg)}.nav-menu{-ms-overflow-style:none;display:flex;gap:.5rem;gap:var(--spacing-sm);overflow-x:auto;padding:1rem 0;padding:var(--spacing-lg) 0;scrollbar-width:none}.nav-menu::-webkit-scrollbar{display:none}.nav-btn{align-items:center;background:#f1f5f9;background:var(--admin-border-light);border:none;border-radius:.75rem;border-radius:var(--radius-lg);color:#64748b;color:var(--admin-text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;gap:var(--spacing-sm);padding:.75rem 1.5rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .15s ease;white-space:nowrap}.nav-btn:hover{background:#e2e8f0;background:var(--admin-border);color:#0f172a;color:var(--admin-text-primary);transform:translateY(-1px)}.nav-btn.active{background:#2563eb;background:var(--admin-primary);box-shadow:0 4px 12px #2563eb4d;color:#fff}.nav-btn.active:hover{box-shadow:0 6px 16px #2563eb66;transform:translateY(-1px)}.nav-btn.back-to-dashboard{background:linear-gradient(135deg,#8b5cf6,#2563eb);background:linear-gradient(135deg,var(--admin-secondary) 0,var(--admin-primary) 100%);border:1px solid #fff3;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);color:#fff;font-weight:700}.nav-btn.back-to-dashboard:hover{background:linear-gradient(135deg,#7c3aed,#1d4ed8);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateY(-1px) translateX(-2px)}.nav-divider{background:#e2e8f0;background:var(--admin-border);flex-shrink:0;height:32px;margin:0 .5rem;margin:0 var(--spacing-sm);width:1px}.admin-btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;gap:var(--spacing-sm);line-height:1;padding:.75rem 1.5rem;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .15s ease;white-space:nowrap}.admin-btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.admin-btn.primary{background:#2563eb;background:var(--admin-primary);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);color:#fff}.admin-btn.primary:hover:not(:disabled){background:#1d4ed8;background:var(--admin-primary-dark);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.admin-btn.secondary{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);color:#64748b;color:var(--admin-text-secondary)}.admin-btn.secondary:hover:not(:disabled){background:#f1f5f9;background:var(--admin-border-light);border-color:#e2e8f0;border-color:var(--admin-border);color:#0f172a;color:var(--admin-text-primary);transform:translateY(-1px)}.admin-btn.success{background:#10b981;background:var(--admin-success);color:#fff}.admin-btn.warning{background:#f59e0b;background:var(--admin-warning);color:#fff}.admin-btn.error{background:#ef4444;background:var(--admin-error);color:#fff}.dashboard-stats{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-2xl)}@media (max-width:768px){.dashboard-stats{border-radius:0;margin:0;padding:1rem;padding:var(--spacing-lg)}}.dashboard-stats h2{align-items:center;color:#0f172a;color:var(--admin-text-primary);display:flex;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.update-time{background:#f1f5f9;background:var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-md);color:#94a3b8;color:var(--admin-text-muted);display:inline-block;font-size:.75rem;font-size:var(--text-xs);font-weight:500;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);display:grid;gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-xs);display:flex;gap:1rem;gap:var(--spacing-lg);overflow:hidden;padding:1.5rem;padding:var(--spacing-xl);position:relative;transition:all .15s ease}.stat-card:before{background:#2563eb;background:var(--card-color,var(--admin-primary));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.stat-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateY(-2px)}.stat-card.today-bookings{--card-color:var(--admin-primary)}.stat-card.active-hosts{--card-color:var(--admin-success)}.stat-card.daily-revenue{--card-color:var(--admin-warning)}.stat-card.pending-tasks{--card-color:var(--admin-error)}.stat-icon{flex-shrink:0;font-size:2.5rem;opacity:.8}.stat-content{flex:1 1}.stat-value{color:#0f172a;color:var(--admin-text-primary);font-size:1.875rem;font-size:var(--text-3xl);font-weight:800;line-height:1;margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.stat-label{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.stat-change{border-radius:.375rem;border-radius:var(--radius-sm);display:inline-block;font-size:.75rem;font-size:var(--text-xs);font-weight:600;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.stat-change.positive{background:#10b9811a;color:#10b981;color:var(--admin-success)}.stat-change.negative{background:#ef44441a;color:#ef4444;color:var(--admin-error)}.stat-change.neutral{background:#94a3b81a;color:#94a3b8;color:var(--admin-text-muted)}.urgent-tasks-section{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-2xl)}@media (max-width:768px){.urgent-tasks-section{border-radius:0;margin:0;padding:1rem;padding:var(--spacing-lg)}}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--spacing-xl)}.section-header h2{align-items:center;color:#0f172a;color:var(--admin-text-primary);display:flex;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0}.urgent-tasks-grid{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.urgent-task-card{align-items:center;background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-xl);position:relative;transition:all .15s ease}.urgent-task-card:before{background:#ef4444;background:var(--task-color,var(--admin-error));content:"";height:100%;left:0;position:absolute;top:0;width:4px}.urgent-task-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--admin-shadow-md);transform:translateY(-1px)}.urgent-task-card.urgent{--task-color:var(--admin-error);background:linear-gradient(135deg,#fef2f2,#fff)}.urgent-task-card.high{--task-color:var(--admin-warning);background:linear-gradient(135deg,#fffbeb,#fff)}.urgent-task-card.medium{--task-color:var(--admin-success);background:linear-gradient(135deg,#f0fdf4,#fff)}.urgent-task-card.low{--task-color:var(--admin-info);background:linear-gradient(135deg,#f0f9ff,#fff)}.task-info{align-items:center;display:flex;gap:1rem;gap:var(--spacing-lg)}.task-icon{font-size:1.5rem}.task-details{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.task-title{color:#0f172a;color:var(--admin-text-primary);font-size:1rem;font-size:var(--text-base);font-weight:600}.task-priority{color:#94a3b8;color:var(--admin-text-muted);font-size:.75rem;font-size:var(--text-xs);font-weight:600}.task-action-btn{background:#2563eb;background:var(--admin-primary);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-size:var(--text-sm);font-weight:600;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg);transition:all .15s ease}.task-action-btn:hover{background:#1d4ed8;background:var(--admin-primary-dark);transform:translateY(-1px)}.realtime-bookings-section,.task-action-btn:hover{box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm)}.realtime-bookings-section{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-2xl);position:relative;z-index:10}@media (max-width:768px){.realtime-bookings-section{border-radius:0;margin:0;padding:1rem;padding:var(--spacing-lg)}}.realtime-status{align-items:center;color:#64748b;color:var(--admin-text-secondary);display:flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;gap:var(--spacing-sm)}.realtime-indicator{animation:pulse 2s infinite;background:#10b981;background:var(--admin-success);border-radius:50%;height:8px;width:8px}.bookings-list{margin:1.5rem 0;margin:var(--spacing-xl) 0;position:relative;z-index:11}.booking-item{grid-gap:1rem;grid-gap:var(--spacing-lg);align-items:center;background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-md);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:80px 1fr 120px 180px 100px;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);min-height:64px;overflow:hidden;padding:1rem;padding:var(--spacing-lg);position:relative;transition:all .15s ease;z-index:12}.booking-item:hover{background:#f1f5f9;background:var(--admin-border-light);border-color:#e2e8f0;border-color:var(--admin-border);transform:translateX(4px);z-index:13}.booking-item.new{animation:newBookingGlow 3s ease-out;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#2563eb;border-color:var(--admin-primary);z-index:14}@keyframes newBookingGlow{0%{box-shadow:0 0 20px #2563eb4d;transform:scale(1.02)}to{box-shadow:none;transform:scale(1)}}.booking-time{color:#2563eb;color:var(--admin-primary);font-family:ui-monospace,monospace;font-size:.875rem;font-size:var(--text-sm)}.booking-accommodation,.booking-time{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-accommodation{color:#0f172a;color:var(--admin-text-primary);font-size:1rem;font-size:var(--text-base);line-height:1.4}.booking-guest{font-weight:500}.booking-dates,.booking-guest{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.booking-dates{line-height:1.3}.booking-status{border-radius:.375rem;border-radius:var(--radius-sm);box-sizing:border-box;display:inline-block;font-size:.75rem;font-size:var(--text-xs);font-weight:600;line-height:1.2;min-width:90px;padding:.25rem .75rem;padding:var(--spacing-xs) var(--spacing-md);text-align:center;white-space:nowrap}.booking-status.success{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--admin-success)}.booking-status.warning{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b;color:var(--admin-warning)}.no-bookings{color:#94a3b8;color:var(--admin-text-muted);padding:3rem 1rem;padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.no-bookings-icon{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--spacing-lg);opacity:.5}.no-bookings h3{color:#64748b;color:var(--admin-text-secondary);font-size:1.25rem;font-size:var(--text-xl);font-weight:600;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.no-bookings p{font-size:.875rem;font-size:var(--text-sm);margin:0}.bookings-actions{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--spacing-lg)}.summary-section{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm);margin-bottom:2rem;margin-bottom:var(--spacing-2xl);padding:2rem;padding:var(--spacing-2xl)}@media (max-width:768px){.summary-section{border-radius:0;margin:0;padding:1rem;padding:var(--spacing-lg)}}.summary-section h2{align-items:center;color:#0f172a;color:var(--admin-text-primary);display:flex;font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0 0 1.5rem;margin:0 0 var(--spacing-xl) 0}.summary-grid{grid-gap:1.5rem;grid-gap:var(--spacing-xl);gap:1.5rem;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.summary-card{background:#f1f5f9;background:var(--admin-border-light);border-radius:.75rem;border-radius:var(--radius-lg);padding:1.5rem;padding:var(--spacing-xl)}.summary-card h3{align-items:center;color:#0f172a;color:var(--admin-text-primary);display:flex;font-size:1.125rem;font-size:var(--text-lg);font-weight:700;gap:.5rem;gap:var(--spacing-sm);margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.summary-card ul{list-style:none;margin:0;padding:0}.summary-card li{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm);line-height:1.5;padding:.75rem 0;padding:var(--spacing-md) 0}.summary-card li:last-child{border-bottom:none}.admin-dashboard-loading{align-items:center;background:#f8fafc;background:var(--admin-bg);display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--spacing-xl)}.loading-content{background:#fff;border:1px solid #f1f5f9;border:1px solid var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);max-width:400px;padding:3rem 2rem;padding:var(--spacing-3xl) var(--spacing-2xl);text-align:center;width:100%}.loading-spinner-large{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #2563eb;border:4px solid var(--admin-border);border-radius:50%;border-top-color:var(--admin-primary);height:60px;margin:0 auto 1.5rem;margin:0 auto var(--spacing-xl) auto;width:60px}.loading-content h3{color:#0f172a;color:var(--admin-text-primary);font-size:1.5rem;font-size:var(--text-2xl);font-weight:700;margin:0 0 .5rem;margin:0 0 var(--spacing-sm) 0}.loading-content p{color:#64748b;color:var(--admin-text-secondary);font-size:1rem;font-size:var(--text-base);margin:0}@media (max-width:1024px){.admin-container{margin:0;max-width:none}.header-content{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--spacing-lg)}.header-left{text-align:center}.header-actions{align-items:center;flex-wrap:wrap}.header-actions,.header-status{justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.booking-item{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr;padding:1rem;padding:var(--spacing-lg);text-align:left}.booking-accommodation,.booking-dates,.booking-guest,.booking-status,.booking-time{overflow:visible;text-overflow:clip;white-space:normal}.nav-container{display:flex}.nav-container,.nav-menu{align-items:center;justify-content:center}.nav-menu{flex-wrap:wrap}}@media (max-width:768px){.admin-dashboard-page{padding:0}.admin-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-xl);padding:1.5rem;padding:var(--spacing-xl)}.header-content{gap:.75rem;gap:var(--spacing-md)}.header-left h1{font-size:1.5rem;font-size:var(--text-2xl);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.header-left p{font-size:1rem;font-size:var(--text-base);margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.header-status{font-size:.75rem;font-size:var(--text-xs);gap:.25rem;gap:var(--spacing-xs)}.header-actions{gap:.5rem;gap:var(--spacing-sm)}.admin-btn{font-size:.75rem;font-size:var(--text-xs);padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.dashboard-stats,.realtime-bookings-section,.summary-section,.urgent-tasks-section{border-radius:0;margin:0 0 1px;padding:1rem;padding:var(--spacing-lg)}.nav-container{padding:0 1rem;padding:0 var(--spacing-lg)}.nav-container,.nav-menu{align-items:center!important;display:flex!important;justify-content:center!important;width:100%}.nav-menu{flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs);max-width:none;padding:.75rem 0;padding:var(--spacing-md) 0}.nav-btn{flex:0 0 auto;font-size:.75rem;font-size:var(--text-xs);margin:.25rem;margin:var(--spacing-xs);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-lg)}.stats-grid{gap:1rem;gap:var(--spacing-lg)}.stats-grid,.summary-grid,.urgent-tasks-grid{grid-template-columns:1fr}.summary-grid{gap:1rem;gap:var(--spacing-lg)}.booking-item{align-items:flex-start;box-sizing:border-box;display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr;margin:0 0 .5rem;min-height:auto;padding:1rem;padding:var(--spacing-lg);text-align:left;width:100%}.booking-time{font-size:.75rem;font-size:var(--text-xs)}.booking-accommodation,.booking-time{margin-bottom:.25rem;margin-bottom:var(--spacing-xs);width:100%}.booking-accommodation{font-size:1rem;font-size:var(--text-base)}.booking-guest{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.booking-dates,.booking-guest{font-size:.875rem;font-size:var(--text-sm);width:100%}.booking-dates{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.booking-status{align-self:flex-start;min-width:auto;width:-webkit-fit-content;width:fit-content}.bookings-actions{flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}}@media (max-width:480px){.admin-dashboard-page{padding:0}.admin-header,.admin-navigation,.dashboard-stats,.realtime-bookings-section,.summary-section,.urgent-tasks-section{border-radius:0;margin:0 0 1px;padding:.75rem;padding:var(--spacing-md)}.stat-card{border-radius:.5rem;border-radius:var(--radius-md);flex-direction:column;gap:.75rem;gap:var(--spacing-md);margin:0;text-align:center}.admin-header{margin-bottom:1rem;margin-bottom:var(--spacing-lg);padding:1rem;padding:var(--spacing-lg)}.header-content{gap:.5rem;gap:var(--spacing-sm)}.header-left h1{font-size:1.25rem;font-size:var(--text-xl);margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}.header-left p{font-size:.875rem;font-size:var(--text-sm);margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.header-status{align-items:center;text-align:center}.header-actions,.header-status{flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.header-actions{width:100%}.admin-btn{font-size:.875rem;font-size:var(--text-sm);justify-content:center;padding:.75rem;padding:var(--spacing-md);width:100%}.nav-container{padding:0 .5rem;padding:0 var(--spacing-sm);text-align:center}.nav-container,.nav-menu{align-items:center!important;display:flex!important;justify-content:center!important;width:100%}.nav-menu{flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs);margin:0 auto;max-width:none;padding:.5rem 0;padding:var(--spacing-sm) 0}.nav-btn{flex:0 0 auto;font-size:.75rem;font-size:var(--text-xs);margin:2px;min-width:-webkit-fit-content;min-width:fit-content;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md)}.nav-divider{display:none!important}.stat-icon{font-size:2rem}.stat-value{font-size:1.5rem;font-size:var(--text-2xl)}.urgent-task-card{flex-direction:column;gap:1rem;gap:var(--spacing-lg);text-align:center}.booking-item{gap:.25rem;gap:var(--spacing-xs);padding:.75rem;padding:var(--spacing-md)}.booking-accommodation,.booking-dates,.booking-guest,.booking-time{margin-bottom:.25rem;margin-bottom:var(--spacing-xs)}}@media (prefers-reduced-motion:reduce){.admin-btn,.booking-item,.nav-btn,.stat-card,.urgent-task-card{transition:none}.booking-item.new,.loading-spinner-large,.realtime-indicator,.status-indicator{animation:none}}@media (prefers-color-scheme:dark){:root{--admin-bg:#0f172a;--admin-card-bg:#1e293b;--admin-text-primary:#f1f5f9;--admin-text-secondary:#cbd5e1;--admin-text-muted:#94a3b8;--admin-border:#334155;--admin-border-light:#475569}.admin-navigation,.booking-item,.dashboard-stats,.loading-content,.realtime-bookings-section,.stat-card,.summary-card,.summary-section,.urgent-task-card,.urgent-tasks-section{background:#fff;background:var(--admin-card-bg);border-color:#e2e8f0;border-color:var(--admin-border)}.nav-btn{background:#e2e8f0;background:var(--admin-border);color:#64748b;color:var(--admin-text-secondary)}.nav-btn:hover{background:#f1f5f9;background:var(--admin-border-light);color:#0f172a;color:var(--admin-text-primary)}.admin-btn.secondary{background:#fff;background:var(--admin-card-bg);border-color:#e2e8f0;border-color:var(--admin-border);color:#64748b;color:var(--admin-text-secondary)}.admin-btn.secondary:hover{color:#0f172a;color:var(--admin-text-primary)}.admin-btn.secondary:hover,.update-time{background:#e2e8f0;background:var(--admin-border)}.update-time{color:#64748b;color:var(--admin-text-secondary)}}.new-approval-alerts{animation:slideInDown .3s ease-out;background:#fef3c7;border:2px solid #f59e0b;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.new-approval-alerts h2{color:#92400e;font-size:1.25rem;margin:0 0 1rem}.approval-alerts-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.approval-alert-card{align-items:center;background:#fff;border:1px solid #fbbf24;border-radius:8px;box-shadow:0 2px 4px #0000000d;display:flex;justify-content:space-between;padding:1rem}.alert-content{align-items:center;display:flex;gap:1rem}.alert-icon{animation:pulse 2s infinite;font-size:2rem}.alert-info h4{color:#1f2937;font-size:1rem;margin:0 0 .25rem}.alert-info p{color:#6b7280;font-size:.875rem;margin:0}.alert-action-btn{background:#f59e0b;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.alert-action-btn:hover{background:#d97706;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width:768px){.approval-alerts-grid{grid-template-columns:1fr}.approval-alert-card{gap:1rem;text-align:center}.alert-content,.approval-alert-card{flex-direction:column}}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.modal-content{background:#fff;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden}.today-stats-modal{max-width:90vw;width:900px}.modal-header{align-items:center;background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-secondary) 100%);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--admin-border);color:#fff;display:flex;justify-content:space-between;padding:1.5rem;padding:var(--spacing-xl)}.modal-title{font-weight:700;margin:0}.modal-close,.modal-title{font-size:1.25rem;font-size:var(--text-xl)}.modal-close{background:none;border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;padding:.5rem;padding:var(--spacing-sm);transition:background-color .2s}.modal-close:hover{background:#ffffff1a}.modal-body{flex:1 1;overflow-y:auto}.modal-actions,.modal-body{padding:1.5rem;padding:var(--spacing-xl)}.modal-actions{background:#f1f5f9;background:var(--admin-border-light);border-top:1px solid #e2e8f0;border-top:1px solid var(--admin-border);display:flex;gap:.75rem;gap:var(--spacing-md);justify-content:flex-end}.today-stats-summary{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.summary-grid{grid-gap:1rem;grid-gap:var(--spacing-lg);display:grid;gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.summary-card{align-items:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:1rem;border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;padding:2rem;padding:var(--spacing-2xl);position:relative;text-align:center;transition:all .3s ease}.summary-card:before{background:var(--card-accent-color);content:"";height:4px;left:0;position:absolute;right:0;top:0}.summary-card:hover{border-color:var(--card-accent-color);box-shadow:0 20px 40px #0000001a;transform:translateY(-8px)}.summary-card.total{--card-accent-color:var(--admin-primary)}.summary-card.amount{--card-accent-color:var(--admin-secondary)}.summary-card.confirmed{--card-accent-color:var(--admin-success)}.summary-card.pending{--card-accent-color:var(--admin-warning)}.card-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));font-size:3rem;margin-bottom:1rem;margin-bottom:var(--spacing-lg);opacity:.9}.card-content{width:100%}.card-value{color:#0f172a;color:var(--admin-text-primary);font-size:2.5rem;font-weight:900;letter-spacing:-.02em;line-height:1;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);text-shadow:0 2px 4px #0000001a}.card-label{color:#64748b;color:var(--admin-text-secondary);font-size:1rem;font-size:var(--text-base);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.status-stats{background:#f1f5f9;background:var(--admin-border-light);border-radius:1rem;border-radius:var(--radius-xl);padding:2rem;padding:var(--spacing-2xl)}.status-stats h4{font-size:1.25rem;font-size:var(--text-xl);font-weight:800;margin:0 0 1.5rem;margin:0 0 var(--spacing-xl) 0;padding-bottom:1rem;padding-bottom:var(--spacing-lg);position:relative;text-align:center}.status-stats h4:after{background:linear-gradient(90deg,#2563eb,#8b5cf6);background:linear-gradient(90deg,var(--admin-primary),var(--admin-secondary));border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.status-grid{grid-gap:1rem;grid-gap:var(--spacing-lg);gap:1rem;gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.status-item{background:#fff;border:2px solid #0000;border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-xs);flex-direction:column;padding:1.5rem;padding:var(--spacing-xl);position:relative;text-align:center;transition:all .3s ease}.status-item:hover{border-color:var(--status-color);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--admin-shadow-lg);transform:translateY(-4px)}.status-item.pending{--status-color:var(--admin-warning)}.status-item.matched{--status-color:var(--admin-info)}.status-item.confirmed{--status-color:var(--admin-success)}.status-item.cancelled{--status-color:var(--admin-error)}.status-label{letter-spacing:.05em;margin-bottom:.75rem;margin-bottom:var(--spacing-md);text-transform:uppercase}.status-value{color:var(--status-color);font-size:2rem;font-weight:900;line-height:1;text-shadow:0 2px 4px #0000001a}.applications-list{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:1rem;border-radius:var(--radius-xl);padding:2rem;padding:var(--spacing-2xl)}.applications-list h4{font-size:1.25rem;font-size:var(--text-xl);font-weight:800;margin:0 0 1.5rem;margin:0 0 var(--spacing-xl) 0;padding-bottom:1rem;padding-bottom:var(--spacing-lg);position:relative;text-align:center}.applications-list h4:after{background:linear-gradient(90deg,#2563eb,#8b5cf6);background:linear-gradient(90deg,var(--admin-primary),var(--admin-secondary));border-radius:2px;bottom:0;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.applications-table{border:none;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;box-shadow:var(--admin-shadow-sm)}.table-header{grid-gap:1rem;grid-gap:var(--spacing-lg);background:linear-gradient(135deg,#2563eb,#8b5cf6);background:linear-gradient(135deg,var(--admin-primary) 0,var(--admin-secondary) 100%);color:#fff;font-weight:700;gap:1rem;gap:var(--spacing-lg);grid-template-columns:100px 1fr 140px 120px 120px;letter-spacing:.05em;padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl);text-transform:uppercase}.table-body{background:#fff;max-height:400px}.table-row{grid-gap:1rem;grid-gap:var(--spacing-lg);gap:1rem;gap:var(--spacing-lg);grid-template-columns:100px 1fr 140px 120px 120px;padding:1rem 1.5rem;padding:var(--spacing-lg) var(--spacing-xl);transition:background-color .2s ease}.table-row:hover{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.col-time{background:#f1f5f9;background:var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-md);font-family:Monaco,Menlo,monospace;padding:.5rem;padding:var(--spacing-sm);text-align:center}.col-time,.host-name{font-weight:700}.accommodation-name{font-weight:500}.col-package{color:#0f172a;color:var(--admin-text-primary);font-weight:600;text-align:center}.package-amount{display:block;font-weight:500;margin-top:.25rem;margin-top:var(--spacing-xs)}.col-amount{font-size:1rem;font-size:var(--text-base);font-weight:800}.col-status{text-align:center}.status-badge{background:#fff;border:2px solid;border-radius:.75rem;border-radius:var(--radius-lg);font-weight:700;letter-spacing:.05em;padding:.5rem .75rem;padding:var(--spacing-sm) var(--spacing-md);text-transform:uppercase}.status-badge.pending{border-color:#f59e0b;border-color:var(--admin-warning)}.status-badge.matched{border-color:#06b6d4;border-color:var(--admin-info)}.status-badge.confirmed{border-color:#10b981;border-color:var(--admin-success)}.status-badge.cancelled{border-color:#ef4444;border-color:var(--admin-error)}.empty-state{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:.75rem;border-radius:var(--radius-lg);margin:1.5rem 0;margin:var(--spacing-xl) 0}.empty-icon{filter:grayscale(20%);margin-bottom:var(--spacing-xl);opacity:.6}.empty-message{color:#64748b;color:var(--admin-text-secondary);font-weight:600}.view-more{border-top:2px dashed #e2e8f0;border-top:2px dashed var(--admin-border);margin-top:2rem;margin-top:var(--spacing-2xl)}@media (max-width:768px){.today-stats-modal{max-height:95vh;width:95vw}.modal-actions,.modal-body,.modal-header{padding:1rem;padding:var(--spacing-lg)}.summary-grid{gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.summary-card{padding:1rem;padding:var(--spacing-lg)}.card-icon{font-size:2rem;margin-bottom:.75rem;margin-bottom:var(--spacing-md)}.card-value{font-size:1.8rem}.card-label{font-size:.875rem;font-size:var(--text-sm)}.stat-card{box-sizing:border-box;margin:0 0 .5rem;padding:1rem;width:100%}.stat-content{text-align:center;width:100%}.status-grid{gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.status-item{padding:1rem;padding:var(--spacing-lg)}.status-value{font-size:1.5rem}.table-header,.table-row{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr;text-align:left}.table-header{display:none}.table-row{align-items:flex-start;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--admin-shadow-xs);display:flex;flex-direction:column;margin-bottom:.5rem;margin-bottom:var(--spacing-sm);padding:1rem;padding:var(--spacing-lg)}.col-amount,.col-host,.col-package,.col-status,.col-time{text-align:left;width:100%}.col-time{margin-bottom:.5rem;margin-bottom:var(--spacing-sm)}.modal-actions{flex-direction:column-reverse;gap:.75rem;gap:var(--spacing-md)}.admin-btn{justify-content:center;width:100%}}@media (max-width:480px){.status-grid,.summary-grid{grid-template-columns:1fr}}.status-stats{margin-bottom:2rem;margin-bottom:var(--spacing-2xl)}.status-stats h4{color:#0f172a;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700;margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.status-grid{grid-gap:.75rem;grid-gap:var(--spacing-md);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.status-item{align-items:center;background:#f1f5f9;background:var(--admin-border-light);border-radius:.5rem;border-radius:var(--radius-md);display:flex;justify-content:space-between;padding:1rem;padding:var(--spacing-lg);transition:background-color .2s}.status-item:hover{background:#e2e8f0;background:var(--admin-border)}.status-item.pending{border-left:3px solid #f59e0b;border-left:3px solid var(--admin-warning)}.status-item.matched{border-left:3px solid #06b6d4;border-left:3px solid var(--admin-info)}.status-item.confirmed{border-left:3px solid #10b981;border-left:3px solid var(--admin-success)}.status-item.cancelled{border-left:3px solid #ef4444;border-left:3px solid var(--admin-error)}.status-label{color:#64748b;color:var(--admin-text-secondary);font-size:.875rem;font-size:var(--text-sm);font-weight:600}.applications-list h4,.status-value{color:#0f172a;color:var(--admin-text-primary);font-size:1.125rem;font-size:var(--text-lg);font-weight:700}.applications-list h4{margin:0 0 1rem;margin:0 0 var(--spacing-lg) 0}.applications-table{border:1px solid #e2e8f0;border:1px solid var(--admin-border);border-radius:.75rem;border-radius:var(--radius-lg);overflow:hidden}.table-header{grid-gap:.75rem;grid-gap:var(--spacing-md);background:#f1f5f9;background:var(--admin-border-light);color:#64748b;color:var(--admin-text-secondary);display:grid;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.75rem;gap:var(--spacing-md);grid-template-columns:80px 1fr 120px 100px 100px;padding:.75rem 1rem;padding:var(--spacing-md) var(--spacing-lg)}.table-body{max-height:300px;overflow-y:auto}.table-row{grid-gap:.75rem;grid-gap:var(--spacing-md);align-items:center;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--admin-border-light);display:grid;gap:.75rem;gap:var(--spacing-md);grid-template-columns:80px 1fr 120px 100px 100px;padding:1rem;padding:var(--spacing-lg)}.table-row:last-child{border-bottom:none}.table-row:hover{background:#f1f5f9;background:var(--admin-border-light)}.col-time{color:#2563eb;color:var(--admin-primary);font-family:monospace;font-size:.875rem;font-size:var(--text-sm);font-weight:600}.col-host{display:flex;flex-direction:column;gap:.25rem;gap:var(--spacing-xs)}.host-name{color:#0f172a;color:var(--admin-text-primary);font-size:1rem;font-size:var(--text-base);font-weight:600}.accommodation-name{color:#64748b;color:var(--admin-text-secondary)}.accommodation-name,.col-package{font-size:.875rem;font-size:var(--text-sm)}.col-package{font-weight:500}.package-amount{color:#94a3b8;color:var(--admin-text-muted);font-size:.75rem;font-size:var(--text-xs)}.col-amount{color:#0f172a;color:var(--admin-text-primary);font-weight:600;text-align:right}.status-badge{border-radius:.375rem;border-radius:var(--radius-sm);font-size:.75rem;font-size:var(--text-xs);font-weight:600;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);text-align:center;white-space:nowrap}.status-badge.pending{background:#f59e0b1a;border:1px solid #f59e0b33;color:#f59e0b;color:var(--admin-warning)}.status-badge.matched{background:#06b6d41a;border:1px solid #06b6d433;color:#06b6d4;color:var(--admin-info)}.status-badge.confirmed{background:#10b9811a;border:1px solid #10b98133;color:#10b981;color:var(--admin-success)}.status-badge.cancelled{background:#ef44441a;border:1px solid #ef444433;color:#ef4444;color:var(--admin-error)}.empty-state{color:#94a3b8;color:var(--admin-text-muted);padding:3rem;padding:var(--spacing-3xl)}.empty-icon{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--spacing-lg);opacity:.5}.empty-message{font-size:1.125rem;font-size:var(--text-lg);font-weight:500}.view-more{border-top:1px solid #f1f5f9;border-top:1px solid var(--admin-border-light);margin-top:1.5rem;margin-top:var(--spacing-xl);padding-top:1.5rem;padding-top:var(--spacing-xl);text-align:center}@media (max-width:768px){.today-stats-modal{max-height:95vh;width:95vw}.modal-actions,.modal-body,.modal-header{padding:1rem;padding:var(--spacing-lg)}.summary-grid{gap:.75rem;gap:var(--spacing-md);grid-template-columns:1fr}.status-grid{grid-template-columns:repeat(2,1fr)}.table-header,.table-row{gap:.5rem;gap:var(--spacing-sm);grid-template-columns:1fr}.table-header{display:none}.table-row{align-items:flex-start;display:flex;flex-direction:column;padding:.75rem;padding:var(--spacing-md)}.col-time:before{color:#64748b;color:var(--admin-text-secondary);content:"시간: ";font-weight:600}.modal-actions{flex-direction:column-reverse}}:root{--primary-50:#eff6ff;--primary-100:#dbeafe;--primary-500:#3b82f6;--primary-600:#2563eb;--primary-700:#1d4ed8;--success-50:#f0fdf4;--success-100:#dcfce7;--success-500:#10b981;--success-600:#059669;--warning-50:#fffbeb;--warning-100:#fef3c7;--warning-500:#f59e0b;--warning-600:#d97706;--error-50:#fef2f2;--error-100:#fee2e2;--error-500:#ef4444;--error-600:#dc2626;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--highlight-primary:#fbbf24;--highlight-secondary:#f59e0b;--highlight-bg:#fffbeb;--highlight-border:#f59e0b;--highlight-pulse:#fcd34d;--highlight-text:#92400e;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--transition-fast:0.15s ease-in-out;--transition-normal:0.2s ease-in-out;--transition-slow:0.3s ease-in-out}.virtualized-booking-list{background:#fff;border-radius:12px;border-radius:var(--radius-lg);height:100%;overflow:hidden;position:relative}.desktop-header{background:#f9fafb;background:var(--gray-50);border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);color:#374151;color:var(--gray-700);font-size:.875rem;font-weight:600;padding:1rem 1.5rem;padding:var(--space-md) var(--space-lg);position:-webkit-sticky;position:sticky;top:0;z-index:10}.desktop-header-content{grid-gap:1rem;grid-gap:var(--space-md);align-items:center;display:grid;gap:1rem;gap:var(--space-md);grid-template-columns:2fr 2fr 1.5fr 2fr 1fr 1fr}.header-column{align-items:center;display:flex;gap:.25rem;gap:var(--space-xs)}.header-icon{font-size:1rem}.header-text{font-size:.8rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}@media (max-width:768px){.desktop-header{display:none}}.list-container{height:100%;position:relative}.desktop-booking-row{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);overflow:hidden;position:relative;transition:.2s ease-in-out;transition:var(--transition-normal)}.desktop-booking-row:hover{background:#f9fafb;background:var(--gray-50);border-bottom-color:#d1d5db;border-bottom-color:var(--gray-300)}.desktop-booking-row.updating{opacity:.7;pointer-events:none}.desktop-booking-row.highlighted{animation:highlightPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fffbeb,#fff7ed);background:linear-gradient(135deg,var(--highlight-bg) 0,#fff7ed 100%);border-bottom:2px solid #f59e0b;border-bottom:2px solid var(--highlight-border);box-shadow:0 4px 12px #f59e0b26;position:relative;z-index:5}.desktop-booking-row.highlighted:hover{background:linear-gradient(135deg,#fef3c7,#fed7aa)}.desktop-highlight-indicator{align-items:center;animation:slideInFromRight .5s ease-out;background:#fbbf24;background:var(--highlight-primary);border-radius:6px;border-radius:var(--radius-sm);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);color:#92400e;color:var(--highlight-text);display:flex;font-size:.75rem;font-weight:700;gap:.25rem;padding:.25rem .5rem;position:absolute;right:.5rem;top:.5rem;z-index:10}.desktop-row-content{grid-gap:1rem;grid-gap:var(--space-md);display:grid;grid-template-columns:2fr 2fr 1.5fr 2fr 1fr 1fr;padding:1.5rem;padding:var(--space-lg);position:relative}.desktop-guest-section,.desktop-row-content{align-items:center;gap:1rem;gap:var(--space-md)}.desktop-guest-section{display:flex}.desktop-guest-avatar{align-items:center;background:#dbeafe;background:var(--primary-100);border-radius:50%;display:flex;flex-shrink:0;font-size:1.2rem;height:40px;justify-content:center;width:40px}.desktop-guest-info{flex:1 1;min-width:0}.desktop-guest-name{color:#1f2937;color:var(--gray-800);font-size:.9rem;font-weight:700;margin-bottom:2px}.desktop-guest-contact,.desktop-guest-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-guest-contact{color:#2563eb;color:var(--primary-600);font-size:.8rem;font-weight:500}.desktop-stay-section{display:flex;flex-direction:column;gap:2px}.desktop-room-type{color:#1f2937;color:var(--gray-800);font-size:.9rem;font-weight:700}.desktop-stay-period{color:#4b5563;color:var(--gray-600);font-size:.8rem}.desktop-stay-summary{color:#6b7280;color:var(--gray-500);font-size:.75rem}.desktop-checkin-section{display:flex;flex-direction:column;gap:2px}.desktop-checkin-dates{display:flex;flex-direction:column;gap:1px}.checkin-date,.checkout-date{color:#4b5563;color:var(--gray-600);font-size:.8rem}.desktop-submit-datetime{color:#d97706;color:var(--warning-600);font-size:.75rem;font-weight:600}.desktop-requests-section{align-items:center;display:flex;min-height:2rem}.desktop-special-requests{align-items:center;background:#eff6ff;background:var(--primary-50);border:1px solid var(--primary-200);border-radius:6px;border-radius:var(--radius-sm);color:#1d4ed8;color:var(--primary-700);display:flex;font-size:.8rem;gap:.375rem;line-height:1.3;max-width:100%;padding:.375rem .5rem;transition:.2s ease-in-out;transition:var(--transition-normal);word-break:break-word}.desktop-special-requests.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.desktop-special-requests.clickable:hover{background:#dbeafe;background:var(--primary-100);border-color:var(--primary-300);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.desktop-request-icon{flex-shrink:0;font-size:.9rem}.desktop-request-text{flex:1 1;min-width:0}.desktop-no-requests{align-items:center;display:flex;height:2rem;justify-content:center}.desktop-no-request-text{color:#9ca3af;color:var(--gray-400);font-size:.8rem;font-style:italic}.expand-indicator{animation:bounce 1s infinite;color:#3b82f6;color:var(--primary-500);font-weight:700}.desktop-status-section{align-items:center;display:flex}.desktop-status-select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;font-weight:600;padding:.5rem;transition:.2s ease-in-out;transition:var(--transition-normal);width:100%}.desktop-status-select:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f61a;outline:none}.status-received{background:#eff6ff;background:var(--primary-50);border-color:var(--primary-300);color:#1d4ed8;color:var(--primary-700)}.status-waiting{background:#fffbeb;background:var(--warning-50);border-color:var(--warning-300);color:var(--warning-700)}.status-confirmed{background:#f0fdf4;background:var(--success-50);border-color:var(--success-300);color:var(--success-700)}.status-cancelled{background:#fef2f2;background:var(--error-50);border-color:var(--error-300);color:var(--error-700)}.status-completed{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300);color:#374151;color:var(--gray-700)}.desktop-actions-section{align-items:center;justify-content:center}.desktop-actions-section,.desktop-contact-buttons{display:flex;gap:.5rem;gap:var(--space-sm)}.desktop-action-btn{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:50%;color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:.2s ease-in-out;transition:var(--transition-normal);width:36px}.desktop-action-btn:hover:not(:disabled){box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.desktop-action-btn.call-btn{background:#dcfce7;background:var(--success-100);color:#059669;color:var(--success-600)}.desktop-action-btn.call-btn:hover:not(:disabled){background:var(--success-200);color:var(--success-700)}.desktop-action-btn.sms-btn{background:#dbeafe;background:var(--primary-100);color:#2563eb;color:var(--primary-600)}.desktop-action-btn.sms-btn:hover:not(:disabled){background:var(--primary-200);color:#1d4ed8;color:var(--primary-700)}.desktop-action-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.desktop-updating-spinner{animation:spin 1s linear infinite;font-size:1.2rem}@media (max-width:768px){.mobile-booking-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);margin:.5rem;margin:var(--space-sm);overflow:hidden;position:relative;transition:.2s ease-in-out;transition:var(--transition-normal)}.mobile-booking-card:hover{border-color:#d1d5db;border-color:var(--gray-300);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.mobile-booking-card.updating{opacity:.7;pointer-events:none}.mobile-booking-card.highlighted{animation:highlightPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fffbeb,#fff7ed);background:linear-gradient(135deg,var(--highlight-bg) 0,#fff7ed 100%);border:2px solid #f59e0b;border:2px solid var(--highlight-border);box-shadow:0 8px 25px #f59e0b33;margin:1rem .5rem;margin:var(--space-md) var(--space-sm);position:relative;transform:scale(1.02);z-index:5}.mobile-highlight-indicator{align-items:center;animation:slideInFromTop .5s ease-out;background:#fbbf24;background:var(--highlight-primary);border-radius:0 0 8px 8px;border-radius:0 0 var(--radius-md) var(--radius-md);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);color:#92400e;color:var(--highlight-text);display:flex;font-size:.75rem;font-weight:700;gap:.375rem;padding:.375rem .75rem;position:absolute;right:1rem;right:var(--space-md);top:-8px;z-index:10}.mobile-card-content{display:flex;flex-direction:column;gap:1rem;gap:var(--space-md);padding:1.5rem;padding:var(--space-lg)}.mobile-guest-name{color:#1f2937;color:var(--gray-800);font-size:.95rem;font-weight:700;line-height:1.3;word-break:break-word}.mobile-room-type{color:#4b5563;color:var(--gray-600);font-size:.85rem;line-height:1.4;word-break:break-word}.mobile-guests{color:#6b7280;color:var(--gray-500);font-size:.8rem;line-height:1.3}.mobile-special-requests{align-items:flex-start;background:#eff6ff;background:var(--primary-50);border:1px solid var(--primary-200);border-radius:8px;border-radius:var(--radius-md);color:#1d4ed8;color:var(--primary-700);display:flex;font-size:.85rem;gap:.5rem;line-height:1.4;padding:.75rem;transition:.2s ease-in-out;transition:var(--transition-normal);word-break:break-word}.mobile-special-requests.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.mobile-special-requests.clickable:hover{background:#dbeafe;background:var(--primary-100);border-color:var(--primary-300);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.mobile-request-icon{flex-shrink:0;font-size:1rem;margin-top:.1rem}.mobile-request-text{flex:1 1;min-width:0}.mobile-no-requests{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:8px;border-radius:var(--radius-md);display:flex;justify-content:center;padding:.75rem}.mobile-no-request-text{color:#9ca3af;color:var(--gray-400);font-size:.85rem;font-style:italic}.mobile-status-select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:8px;border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:600;padding:.75rem;transition:.2s ease-in-out;transition:var(--transition-normal);width:100%}.mobile-status-select:focus{border-color:#3b82f6;border-color:var(--primary-500);box-shadow:0 0 0 2px #3b82f61a;outline:none}.mobile-actions{display:flex;gap:1rem;gap:var(--space-md)}.mobile-action-btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.85rem;font-weight:600;gap:.5rem;gap:var(--space-sm);justify-content:center;padding:.75rem;transition:.2s ease-in-out;transition:var(--transition-normal)}.mobile-action-btn.call{background:#10b981;background:var(--success-500);color:#fff}.mobile-action-btn.call:hover:not(:disabled){background:#059669;background:var(--success-600);transform:translateY(-1px)}.mobile-action-btn.sms{background:#3b82f6;background:var(--primary-500);color:#fff}.mobile-action-btn.sms:hover:not(:disabled){background:#2563eb;background:var(--primary-600);transform:translateY(-1px)}.mobile-action-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.mobile-updating-overlay{align-items:center;background:#fffc;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.mobile-updating-spinner{animation:spin 1s linear infinite;font-size:2rem}}.memo-overlay{align-items:center;animation:fadeIn .2s ease-out;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1.5rem;padding:var(--space-lg);position:fixed;right:0;top:0;z-index:1000}.memo-popup{animation:slideInFromBottom .3s ease-out;background:#fff;border-radius:16px;border-radius:var(--radius-xl);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);max-height:80vh;max-width:500px;overflow:hidden;position:relative;width:100%}.memo-header{align-items:center;background:#eff6ff;background:var(--primary-50);border-bottom:1px solid var(--primary-200);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--space-lg)}.memo-title{color:#1d4ed8;color:var(--primary-700);font-size:1.1rem;font-weight:700}.memo-close{align-items:center;background:none;border:none;border-radius:50%;color:#6b7280;color:var(--gray-500);cursor:pointer;display:flex;font-size:1.2rem;height:2rem;justify-content:center;padding:.25rem;transition:.2s ease-in-out;transition:var(--transition-normal);width:2rem}.memo-close:hover{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.memo-booking-info{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.5rem;padding:var(--space-lg)}.memo-guest{align-items:center;display:flex;gap:1.5rem;gap:var(--space-lg);margin-bottom:1rem;margin-bottom:var(--space-md)}.guest-name,.guest-phone{color:#374151;color:var(--gray-700);font-size:.9rem;font-weight:600}.memo-stay{display:flex;flex-direction:column;gap:.25rem}.guest-count,.room-type,.stay-dates{color:#4b5563;color:var(--gray-600);font-size:.85rem}.memo-request-content{max-height:300px;overflow-y:auto;padding:1.5rem;padding:var(--space-lg)}.memo-request-text{color:#1f2937;color:var(--gray-800);font-size:.9rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.memo-footer{align-items:center;background:#f9fafb;background:var(--gray-50);border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:1.5rem;padding:var(--space-lg)}.memo-meta{display:flex;flex-direction:column;gap:.25rem}.char-count,.submit-time{color:#6b7280;color:var(--gray-500);font-size:.75rem}.memo-actions{display:flex;gap:.5rem;gap:var(--space-sm)}.memo-call-btn,.memo-sms-btn{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:1rem;height:2.5rem;justify-content:center;transition:.2s ease-in-out;transition:var(--transition-normal);width:2.5rem}.memo-call-btn{background:#dcfce7;background:var(--success-100);color:#059669;color:var(--success-600)}.memo-call-btn:hover{background:var(--success-200);color:var(--success-700);transform:scale(1.1)}.memo-sms-btn{background:#dbeafe;background:var(--primary-100);color:#2563eb;color:var(--primary-600)}.memo-sms-btn:hover{background:var(--primary-200);color:#1d4ed8;color:var(--primary-700);transform:scale(1.1)}@media (max-width:768px){.memo-overlay{padding:1rem;padding:var(--space-md)}.memo-popup{max-height:90vh}.memo-booking-info,.memo-footer,.memo-header,.memo-request-content{padding:1rem;padding:var(--space-md)}.memo-request-content{max-height:200px}}.booking-row-skeleton{background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1.5rem;padding:var(--space-lg)}.skeleton-content{align-items:center;display:flex;gap:1rem;gap:var(--space-md)}.skeleton-avatar{animation:shimmer 1.5s ease-in-out infinite;background:#e5e7eb;background:var(--gray-200);border-radius:50%;height:40px;width:40px}.skeleton-text{display:flex;flex:1 1;flex-direction:column;gap:.5rem;gap:var(--space-sm)}.skeleton-line{animation:shimmer 1.5s ease-in-out infinite;background:#e5e7eb;background:var(--gray-200);border-radius:6px;border-radius:var(--radius-sm);height:.75rem}.skeleton-line.long{width:70%}.skeleton-line.short{width:40%}.skeleton-actions{display:flex;gap:.5rem;gap:var(--space-sm)}.skeleton-button{animation:shimmer 1.5s ease-in-out infinite;background:#e5e7eb;background:var(--gray-200);border-radius:50%;height:2rem;width:2rem}.virtualized-list-empty{align-items:center;background:#fff;display:flex;height:100%;justify-content:center}.empty-state{color:#6b7280;color:var(--gray-500);max-width:400px;padding:2rem;padding:var(--space-xl);text-align:center}.empty-icon{font-size:4rem;margin-bottom:1.5rem;margin-bottom:var(--space-lg);opacity:.7}.empty-state h3{color:#374151;color:var(--gray-700);font-size:1.25rem;font-weight:700;margin:0 0 1rem;margin:0 0 var(--space-md) 0}.empty-state p{font-size:1rem;line-height:1.5;margin:0}.list-loading{align-items:center;background:#ffffffe6;border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);bottom:0;display:flex;gap:1rem;gap:var(--space-md);justify-content:center;left:0;padding:1.5rem;padding:var(--space-lg);position:absolute;right:0;z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #d1d5db;border-top:2px solid #3b82f6;border:2px solid var(--gray-300);border-radius:50%;border-top-color:var(--primary-500);height:1.5rem;width:1.5rem}.list-loading span{color:#4b5563;color:var(--gray-600);font-size:.9rem;font-weight:500}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInFromBottom{0%{opacity:0;transform:translateY(2rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes slideInFromTop{0%{opacity:0;transform:translateY(-1rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(1rem)}to{opacity:1;transform:translateX(0)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-.25rem)}60%{transform:translateY(-.125rem)}}@keyframes highlightPulse{0%,to{box-shadow:0 4px 12px #f59e0b26;transform:scale(1)}50%{box-shadow:0 8px 25px #f59e0b40;transform:scale(1.005)}}@keyframes highlightGlow{0%,to{background:linear-gradient(135deg,#fffbeb,#fff7ed);background:linear-gradient(135deg,var(--highlight-bg) 0,#fff7ed 100%)}50%{background:linear-gradient(135deg,#fef3c7,#fed7aa)}}.highlight-pulse{animation:bounce 1s infinite;font-size:1rem}.highlight-text{font-weight:700;letter-spacing:.05em;text-transform:uppercase}.desktop-action-btn:focus-visible,.desktop-status-select:focus-visible,.memo-call-btn:focus-visible,.memo-close:focus-visible,.memo-sms-btn:focus-visible,.mobile-action-btn:focus-visible,.mobile-status-select:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-500);outline-offset:2px}@media (prefers-contrast:high){.desktop-booking-row.highlighted,.mobile-booking-card.highlighted{border-color:#000;border-width:3px}.desktop-highlight-indicator,.mobile-highlight-indicator{background:#000;border:2px solid #fff;color:#fff}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.desktop-booking-row.highlighted,.mobile-booking-card.highlighted{animation:none;transform:none}.highlight-pulse{animation:none}}@media (prefers-color-scheme:dark){:root{--gray-50:#1f2937;--gray-100:#374151;--gray-200:#4b5563;--gray-300:#6b7280;--gray-600:#d1d5db;--gray-700:#f3f4f6;--gray-800:#f9fafb;--gray-900:#fff}.virtualized-booking-list{background:#1f2937}.desktop-header{background:#374151;border-color:#4b5563;color:#f9fafb}.desktop-booking-row{background:#1f2937;border-color:#4b5563}.desktop-booking-row:hover{background:#374151}.mobile-booking-card{background:#1f2937;border-color:#4b5563}.mobile-booking-card:hover{background:#374151}.memo-popup{background:#1f2937;color:#f9fafb}.memo-booking-info,.memo-footer,.memo-header{background:#374151;border-color:#4b5563}}.network-status-bar{font-size:.875rem;font-weight:600;left:0;padding:.5rem 1rem;position:fixed;right:0;text-align:center;top:0;transition:all .3s ease;z-index:9999}.network-status-bar.online{background:linear-gradient(135deg,#10b981,#059669);color:#fff;display:none}.network-status-bar.offline{animation:pulse-offline 2s infinite;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;display:block}@keyframes pulse-offline{0%,to{opacity:1}50%{opacity:.8}}.network-status-content{align-items:center;display:flex;gap:.5rem;justify-content:center}.status-dot{background:currentColor;border-radius:50%;height:8px;opacity:.8;width:8px}.status-dot.online{background:#10b981;box-shadow:0 0 8px #10b98180}.status-dot.offline{animation:blink-offline 1.5s infinite;background:#ef4444}@keyframes blink-offline{0%,50%{opacity:1}51%,to{opacity:.3}}.offline-message{font-size:.8rem;margin-left:.5rem;opacity:.9}.pwa-install-prompt{animation:slideUp .5s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #e5e7eb;border-radius:16px;bottom:1rem;box-shadow:0 12px 40px #00000026;left:1rem;padding:1.5rem;position:fixed;right:1rem;z-index:10000}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.install-prompt-content{display:flex;flex-direction:column;gap:1rem}.install-prompt-header{align-items:center;display:flex;gap:1rem}.install-icon{flex-shrink:0;font-size:2.5rem}.install-text h4{color:#1f2937;font-size:1.2rem;font-weight:700;margin:0}.install-text p{color:#6b7280;font-size:.9rem;line-height:1.4;margin:.25rem 0 0}.install-prompt-features{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;display:flex;gap:1rem;justify-content:space-around;padding:1rem}.feature-item{align-items:center;color:#475569;display:flex;flex-direction:column;font-size:.85rem;font-weight:600;gap:.25rem;text-align:center}.feature-item span:first-child{font-size:1.5rem}.install-prompt-actions{display:flex;gap:.75rem}.install-btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:600;gap:.5rem;justify-content:center;padding:.875rem 1.25rem;transition:all .2s ease}.install-btn.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d;color:#fff}.install-btn.primary:hover{box-shadow:0 8px 20px #3b82f666;transform:translateY(-2px)}.install-btn.secondary{background:#f8fafc;border:1px solid #e2e8f0;color:#475569}.install-btn.secondary:hover{background:#f1f5f9;border-color:#cbd5e1}.app-update-notification{animation:slideInRight .5s ease-out;background:#fff;border:2px solid #3b82f6;border-radius:16px;box-shadow:0 12px 40px #00000026;max-width:380px;padding:1.25rem;position:fixed;right:1rem;top:1rem;z-index:10000}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.update-content{align-items:flex-start;display:flex;gap:1rem}.update-icon{animation:spin-slow 3s linear infinite;flex-shrink:0;font-size:1.75rem}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.update-text{flex:1 1;min-width:0}.update-text strong{color:#1f2937;display:block;font-size:1rem;font-weight:700;margin-bottom:.25rem}.update-text p{color:#6b7280;font-size:.875rem;line-height:1.4;margin:0}.update-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;margin-top:.75rem;padding:.625rem 1rem;transition:all .2s ease}.update-btn:hover{box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.dismiss-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:1.25rem;padding:.25rem;position:absolute;right:.75rem;top:.75rem;transition:color .2s ease}.dismiss-btn:hover{color:#6b7280}.floating-install-btn{animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:50%;bottom:2rem;box-shadow:0 8px 24px #3b82f64d;color:#fff;cursor:pointer;font-size:1.75rem;height:64px;position:fixed;right:2rem;transition:all .3s ease;width:64px;z-index:9998}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.floating-install-btn:hover{box-shadow:0 12px 32px #3b82f666;transform:scale(1.1)}.floating-install-btn:active{transform:scale(.95)}.pwa-status{align-items:center;display:flex;font-size:.875rem;gap:1rem;margin-top:.5rem}.connection-status{align-items:center;border-radius:20px;display:inline-flex;font-weight:600;gap:.375rem;padding:.375rem .75rem;transition:all .2s ease}.connection-status.online{background:#dcfce7;border:1px solid #bbf7d0;color:#166534}.connection-status.offline{animation:pulse-status 2s infinite;background:#fef2f2;border:1px solid #fecaca;color:#991b1b}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.7}}.last-sync{align-items:center;color:#6b7280;display:flex;font-size:.8rem;gap:.25rem}@media (max-width:640px){.pwa-install-prompt{bottom:.75rem;left:.75rem;padding:1.25rem;right:.75rem}.install-prompt-header{flex-direction:column;gap:.75rem;text-align:center}.install-icon{font-size:2rem}.install-prompt-features{flex-direction:column;gap:.75rem}.feature-item{flex-direction:row;justify-content:center}.install-prompt-actions{flex-direction:column}.app-update-notification{left:.75rem;max-width:none;padding:1rem;right:.75rem;top:.75rem}.update-content{flex-direction:column;text-align:center}.floating-install-btn{bottom:1.5rem;font-size:1.5rem;height:56px;right:1.5rem;width:56px}.pwa-status{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (prefers-color-scheme:dark){.pwa-install-prompt{background:#1f2937;border-color:#374151;color:#f9fafb}.install-text h4{color:#f9fafb}.install-text p{color:#d1d5db}.install-prompt-features{background:#374151;border-color:#4b5563}.feature-item{color:#e5e7eb}.install-btn.secondary{background:#374151;border-color:#4b5563;color:#e5e7eb}.install-btn.secondary:hover{background:#4b5563;border-color:#6b7280}.app-update-notification{background:#1f2937;border-color:#60a5fa;color:#f9fafb}.update-text strong{color:#f9fafb}.update-text p{color:#d1d5db}.connection-status.online{background:#064e3b;border-color:#047857;color:#6ee7b7}.connection-status.offline{background:#7f1d1d;border-color:#991b1b;color:#fca5a5}.last-sync{color:#9ca3af}}.app-update-notification,.floating-install-btn,.pwa-install-prompt{transform:translateZ(0);will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.app-update-notification,.connection-status.offline,.floating-install-btn,.network-status-bar.offline,.pwa-install-prompt,.status-dot.offline,.update-icon{animation:none}}.pwa-debug-info{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#000c;border-radius:8px;bottom:1rem;color:#fff;font-family:monospace;font-size:.75rem;left:1rem;max-width:300px;padding:.5rem 1rem;position:fixed;z-index:9999}.pwa-debug-info.hidden{display:none}.quick-action-btn.health-check-btn{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.quick-action-btn.notification-test-btn{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.quick-action-btn.sync-btn{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.pwa-loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3b82f6;display:inline-block;height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.pwa-status-icon{border-radius:50%;display:inline-block;height:12px;margin-right:.5rem;width:12px}.pwa-status-icon.connected{background:#10b981;box-shadow:0 0 0 2px #10b98133}.pwa-status-icon.disconnected{background:#ef4444;box-shadow:0 0 0 2px #ef444433}.offline-banner{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 8px #0000001a;color:#fff;font-weight:600;left:0;padding:.75rem 1rem;position:fixed;right:0;text-align:center;top:0;z-index:10001}.offline-banner-content{align-items:center;display:flex;gap:.5rem;justify-content:center}.install-success-toast{animation:slideInRight .5s ease-out;background:linear-gradient(135deg,#10b981,#059669);border-radius:12px;box-shadow:0 8px 24px #10b9814d;color:#fff;padding:1rem 1.5rem;position:fixed;right:2rem;top:2rem;z-index:10000}.update-progress{background:#e5e7eb;height:4px;left:0;position:fixed;right:0;top:0;z-index:10000}.update-progress-bar{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:0 2px 2px 0;height:100%;transition:width .3s ease}.cache-cleanup-notification{background:#fff;border:1px solid #e5e7eb;border-radius:12px;bottom:2rem;box-shadow:0 4px 12px #0000001a;left:2rem;max-width:300px;padding:1rem;position:fixed;z-index:9999}.cache-cleanup-notification .icon{font-size:1.5rem;margin-bottom:.5rem}.cache-cleanup-notification h4{font-size:.95rem;font-weight:600;margin:0 0 .5rem}.cache-cleanup-notification p{color:#6b7280;font-size:.85rem;margin:0}
/*# sourceMappingURL=main.1900eaa3.css.map*/