.modal-backdrop{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:24px;max-width:800px;width:100%;max-height:90vh;position:relative;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease;display:flex;flex-direction:column;overflow:hidden}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#f3f4f6;border:none;width:40px;height:40px;border-radius:50%;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:#6b7280;z-index:10}.modal-close:hover{background:#e5e7eb;color:#1f2937;transform:rotate(90deg)}.modal-header{padding:3rem 3rem 2rem;text-align:center;border-bottom:2px solid #f3f4f6;flex-shrink:0}.modal-icon{font-size:5rem;margin-bottom:1rem}.modal-header h2{font-size:2.25rem;font-weight:800;color:#1a1a2e;margin:0}.modal-body{padding:2.5rem 3rem;overflow-y:auto;flex:1}.modal-description{font-size:1.15rem;line-height:1.8;color:#4b5563;margin-bottom:2.5rem}.modal-section{margin-bottom:2.5rem}.modal-section h3{font-size:1.35rem;font-weight:700;color:#1f2937;margin-bottom:1.25rem;display:flex;align-items:center;gap:.5rem}.feature-list,.benefits-list,.tech-list{list-style:none;padding:0;margin:0}.feature-list li,.benefits-list li,.tech-list li{padding:1rem 1.5rem;background:#f9fafb;border-radius:12px;margin-bottom:.75rem;border-left:4px solid #0066FF;font-size:1.05rem;color:#374151;transition:all .2s}.feature-list li:hover,.benefits-list li:hover{background:#f0f7ff;transform:translate(5px)}.tech-list li{border-left-color:#00c48c;font-family:Courier New,monospace;font-size:.95rem}.roles-grid{display:flex;flex-wrap:wrap;gap:.75rem}.role-badge{padding:.5rem 1rem;background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border-radius:20px;font-size:.9rem;font-weight:600}.tech-details{background:#f9fafb;padding:1.5rem;border-radius:16px}.modal-footer{padding:2rem 3rem 3rem;text-align:center;border-top:2px solid #f3f4f6;flex-shrink:0;background:#fff}.btn-demo-modal{padding:1.25rem 3rem;background:linear-gradient(135deg,#06f,#0052cc);color:#fff;border:none;border-radius:12px;font-size:1.15rem;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #0066ff4d;display:inline-block;text-decoration:none;white-space:nowrap}.btn-demo-modal:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0066ff80;background:linear-gradient(135deg,#0052cc,#003d99)}.btn-demo-modal:active{transform:translateY(-1px)}@media(max-width:768px){.modal-backdrop{padding:1rem}.modal-header,.modal-body,.modal-footer{padding-left:1.5rem;padding-right:1.5rem}.modal-header h2{font-size:1.75rem}.modal-icon{font-size:3.5rem}.modal-section h3{font-size:1.15rem}}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#06f;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#0052cc}.whatsapp-float{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:#25d366;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #25d36666;z-index:1000;transition:all .3s ease;text-decoration:none;cursor:pointer}.whatsapp-float:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 8px 30px #25d36699}.whatsapp-float:active{transform:scale(.95)}.whatsapp-icon{width:35px;height:35px;color:#fff;transition:transform .3s ease}.whatsapp-float:hover .whatsapp-icon{transform:rotate(15deg)}.whatsapp-tooltip{position:absolute;right:75px;background:#1f2937;color:#fff;padding:.75rem 1.25rem;border-radius:10px;font-size:.95rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 15px #0003}.whatsapp-tooltip:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid #1F2937;border-top:8px solid transparent;border-bottom:8px solid transparent}.whatsapp-float:hover .whatsapp-tooltip{opacity:1;visibility:visible;right:80px}@keyframes pulse{0%{box-shadow:0 4px 20px #25d36666}50%{box-shadow:0 4px 20px #25d366b3,0 0 0 10px #25d3661a}to{box-shadow:0 4px 20px #25d36666}}.whatsapp-float{animation:pulse 2s infinite}.whatsapp-float:hover{animation:none}@media(max-width:768px){.whatsapp-float{bottom:20px;right:20px;width:55px;height:55px}.whatsapp-icon{width:30px;height:30px}.whatsapp-tooltip{display:none}}@media(max-width:480px){.whatsapp-float{bottom:15px;right:15px;width:50px;height:50px}.whatsapp-icon{width:28px;height:28px}}.landing-home{--ink-900: #0A2540;--ink-800: #0F2D4F;--ink-700: #14365C;--ink-600: #1E4571;--copper-600: #A66639;--copper-500: #C77F4E;--copper-400: #D4956A;--copper-300: #E5B891;--copper-100: #F5E4D2;--cream-50: #FAF7F2;--cream-100: #F5EFE6;--slate-900: #0F172A;--slate-800: #1E293B;--slate-700: #334155;--slate-600: #475569;--slate-500: #64748B;--slate-400: #94A3B8;--slate-300: #CBD5E1;--slate-200: #E2E8F0;--slate-100: #F1F5F9;--slate-50: #F8FAFC;--primary: #C77F4E;--primary-dark: #A66639;--secondary: #0A2540;--accent: #C77F4E;--success: #10B981;--background: #FFFFFF;--gray-50: #F8FAFC;--gray-100: #F1F5F9;--gray-200: #E2E8F0;--gray-300: #CBD5E1;--gray-600: #475569;--gray-700: #334155;--gray-800: #1E293B;--gray-900: #0F172A;--gradient-hero: radial-gradient(ellipse 80% 60% at 50% 0%, #14365C 0%, #0A2540 45%, #061829 100%);--gradient-hero-glow: radial-gradient(circle at 30% 40%, rgba(199, 127, 78, .18) 0%, transparent 55%);--gradient-copper: linear-gradient(135deg, #E5B891 0%, #C77F4E 50%, #A66639 100%);--gradient-copper-soft: linear-gradient(135deg, rgba(199, 127, 78, .95) 0%, rgba(166, 102, 57, .95) 100%);--gradient-section-cream: linear-gradient(180deg, #FFFFFF 0%, #FAF7F2 100%);--gradient-section-slate: linear-gradient(180deg, #F8FAFC 0%, #FFFFFF 100%);--shadow-sm: 0 1px 2px rgba(10, 37, 64, .05);--shadow-md: 0 4px 12px rgba(10, 37, 64, .08);--shadow-lg: 0 12px 32px rgba(10, 37, 64, .12);--shadow-xl: 0 24px 48px rgba(10, 37, 64, .18);--shadow-2xl: 0 40px 80px rgba(10, 37, 64, .24);--shadow-copper: 0 8px 24px rgba(199, 127, 78, .32);--shadow-copper-lg: 0 16px 40px rgba(199, 127, 78, .4);--shadow-inner-light: inset 0 1px 0 rgba(255, 255, 255, .06);--font-display: "Playfair Display", "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;font-family:var(--font-body);color:var(--slate-900);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing-home *{margin:0;padding:0;box-sizing:border-box}.landing-home h1,.landing-home h2,.landing-home .section-title,.landing-home .hero-title{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700}.btn-demo{padding:.65rem 1.25rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff!important;border-radius:8px;font-weight:600;box-shadow:0 4px 12px #c77f4e40;transition:all .3s ease}.btn-demo:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c77f4e59}.btn-login{padding:.65rem 1.25rem;border:2px solid var(--primary);color:var(--primary)!important;border-radius:8px;font-weight:600;transition:all .3s ease}.btn-login:hover{background:var(--primary);color:#fff!important}.hero-section{padding:11rem 0 7rem;background:var(--gradient-hero);position:relative;text-align:center;width:100%;display:flex;justify-content:center;align-items:center;overflow:hidden;color:var(--cream-50)}.hero-section:before{content:"";position:absolute;inset:0;background:var(--gradient-hero-glow);pointer-events:none;z-index:0}.hero-section:after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 1px 1px,rgba(199,127,78,.08) 1px,transparent 0);background-size:32px 32px;pointer-events:none;z-index:0;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.hero-container{max-width:920px;margin:0 auto;padding:0 2rem;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}.hero-title{font-family:var(--font-display)!important;font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:700;line-height:1.05;margin-bottom:1.75rem;color:var(--cream-50);letter-spacing:-.025em;text-align:center;width:100%;text-shadow:0 2px 16px rgba(0,0,0,.3)}.hero-title strong,.hero-title b{color:var(--copper-400);font-weight:800;font-style:italic}.hero-subtitle{font-family:var(--font-body);font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.65;color:#faf7f2d9;margin-bottom:2rem;text-align:center;width:100%;max-width:720px;font-weight:400;letter-spacing:.005em}.hero-benefits{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap;margin-bottom:2.5rem;font-size:.95rem;color:var(--gray-700);width:100%}.hero-benefits span{font-weight:500}.hero-ctas{display:flex;justify-content:center;align-items:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:2rem;width:100%}.hero-note{font-size:.95rem;color:var(--gray-600);margin-top:1.5rem;text-align:center;width:100%}.btn-primary-large{padding:1rem 2.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:1.1rem;box-shadow:0 6px 20px #c77f4e4d;transition:all .3s ease;display:inline-block}.btn-primary-large:hover{transform:translateY(-3px);box-shadow:0 10px 30px #c77f4e66}.btn-secondary-large{padding:1rem 2.5rem;border:2px solid var(--primary);color:var(--primary);background:#fff;text-decoration:none;border-radius:12px;font-weight:700;font-size:1.1rem;transition:all .3s ease;display:inline-block}.btn-secondary-large:hover{background:var(--primary);color:#fff}.hero-note{font-size:.95rem;color:var(--gray-600);margin-top:1.5rem;text-align:center}.social-proof{padding:2rem;background:var(--gray-50);text-align:center;font-size:.95rem;color:var(--gray-600);border-top:1px solid var(--gray-200);border-bottom:1px solid var(--gray-200)}.features-section{padding:6rem 0;background:#fff}.section-container{max-width:1200px;margin:0 auto;padding-left:2rem;padding-right:2rem}.section-title{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:1rem;color:var(--secondary)}.section-subtitle{font-size:1.15rem;text-align:center;color:var(--gray-600);margin-bottom:4rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;margin-bottom:3rem}@media(max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.features-grid{grid-template-columns:1fr}}.feature-card{padding:2rem;background:var(--gray-50);border-radius:16px;border:1px solid var(--gray-200);transition:all .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:var(--primary)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.35rem;font-weight:700;margin-bottom:.75rem;color:var(--secondary)}.feature-card p{color:var(--gray-600);line-height:1.6}.features-cta{text-align:center}.btn-outline{padding:.9rem 2rem;border:2px solid var(--primary);color:var(--primary);text-decoration:none;border-radius:10px;font-weight:600;font-size:1.05rem;transition:all .3s ease;display:inline-block}.btn-outline:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.ai-section{padding:6rem 0;background:linear-gradient(135deg,#f0f7ff,#e6f2ff)}.ai-section .section-container{padding-left:2rem;padding-right:2rem}.ai-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;margin-top:3rem;max-width:1100px;margin-left:auto;margin-right:auto}.ai-card{background:#fff;padding:3rem;border-radius:20px;box-shadow:0 10px 40px #c77f4e1a;border:2px solid var(--primary)}.ai-icon{font-size:4rem;margin-bottom:1.5rem}.ai-card h3{font-size:1.75rem;font-weight:700;margin-bottom:1.5rem;color:var(--secondary)}.ai-card ul{list-style:none;margin-bottom:2rem}.ai-card ul li{color:var(--gray-700);font-size:1.05rem;padding:.75rem 0 .75rem 1.5rem;position:relative}.ai-card ul li:before{content:"\2713";position:absolute;left:0;color:var(--primary);font-weight:700}.ai-badge{background:linear-gradient(135deg,#00c48c,#00a878);color:#fff;padding:.75rem 1.5rem;border-radius:10px;text-align:center;font-weight:600;font-size:.95rem}.comparison-section{padding:6rem 0;background:#fff}.comparison-section .section-container{padding-left:2rem;padding-right:2rem}.comparison-table{overflow-x:auto;margin-top:3rem}.comparison-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px #00000014}.comparison-table th{background:var(--gray-50);padding:1.25rem;text-align:left;font-weight:700;font-size:1.05rem;border-bottom:2px solid var(--gray-200)}.comparison-table th.highlight{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.comparison-table td{padding:1.25rem;border-bottom:1px solid var(--gray-200);text-align:left}.comparison-table td.highlight{background:#f0f7ff;font-weight:600}.comparison-table td.feature-name{font-weight:600;color:var(--gray-800)}.comparison-table .check{color:#00c48c;font-size:1.25rem}.comparison-table .cross{color:#e74c3c;font-size:1.25rem}.comparison-table .extra{font-size:1.25rem}.comparison-note{text-align:center;margin-top:2rem;color:var(--gray-600);font-size:.95rem}.pricing-section{padding:6rem 0;background:var(--gray-50)}.pricing-section .section-container{padding-left:2rem;padding-right:2rem}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;max-width:1200px;margin-left:auto;margin-right:auto;align-items:stretch;padding:2rem 1rem}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:400px}}.billing-toggle{display:flex;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem}.billing-toggle-label{font-size:1rem;font-weight:500;color:var(--gray-500);transition:color .3s ease}.billing-toggle-label.active{font-weight:700;color:var(--primary)}.billing-toggle-switch{width:56px;height:30px;border-radius:15px;border:none;background-color:var(--gray-300);cursor:pointer;position:relative;transition:background-color .3s ease}.billing-toggle-switch.active{background-color:var(--primary)}.billing-toggle-switch span{position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background-color:#fff;transition:left .3s ease;box-shadow:0 2px 4px #0003}.billing-toggle-switch.active span{left:29px}.billing-toggle-badge{background-color:#10b981;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;margin-left:.5rem}.pricing-card{background:#fff;padding:2.5rem 1.75rem;border-radius:20px;border:2px solid var(--gray-200);text-align:center;position:relative;transition:all .3s ease;display:flex;flex-direction:column}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 10px 40px #0000001a}.pricing-card.highlighted{border-color:var(--primary);border-width:3px;box-shadow:0 15px 50px #c77f4e33;position:relative;z-index:2;background:linear-gradient(180deg,#fff,#f8faff)}.popular-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.85rem;font-weight:700;white-space:nowrap;box-shadow:0 4px 15px #667eea66}.pricing-card h3{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;margin-top:.5rem;color:var(--secondary)}.price{font-size:2.75rem;font-weight:800;color:var(--primary);margin-bottom:.25rem;line-height:1.1}.period{font-size:1.25rem;color:var(--gray-600);font-weight:500}.rooms{color:var(--gray-600);margin-bottom:1.5rem;font-size:.9rem;font-weight:500}.price-usd{font-size:.9rem;color:var(--gray-500);margin-top:-.25rem;margin-bottom:.5rem}.annual-total{font-size:.85rem;color:#10b981;font-weight:600;margin-bottom:.5rem}.features-list{list-style:none;margin-bottom:1.5rem;text-align:left;flex-grow:1}.features-list li{padding:.75rem 0;color:var(--gray-700);border-bottom:1px solid var(--gray-100)}.pricing-card .btn-primary,.pricing-card .btn-outline{width:100%;padding:1rem;font-size:1.05rem;text-align:center}.pricing-note{text-align:center;margin-top:3rem;display:flex;justify-content:center;gap:3rem;flex-wrap:wrap;color:var(--gray-600);font-weight:500}.demo-cta-section{padding:6rem 0;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;text-align:center}.demo-cta-section .section-container{padding-left:2rem;padding-right:2rem}.demo-cta-section h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem}.demo-cta-section p{font-size:1.25rem;margin-bottom:2.5rem;opacity:.95}.btn-demo-large{padding:1.1rem 2.25rem;background:#ffffff0f;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--cream-50, #FAF7F2);text-decoration:none;border-radius:14px;font-weight:600;font-size:1.05rem;border:1px solid rgba(250,247,242,.18);box-shadow:0 4px 16px #0003,0 1px #ffffff14 inset;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;letter-spacing:.01em}.btn-demo-large:hover{transform:translateY(-2px);background:#ffffff1f;border-color:#c77f4e80;box-shadow:0 8px 24px #00000040,0 0 0 1px #c77f4e4d,0 1px #ffffff1f inset}.demo-note{margin-top:2rem;font-size:.95rem;opacity:.9}.final-cta-section{padding:6rem 0;background:#fff;text-align:center}.final-cta-section .section-container{padding-left:2rem;padding-right:2rem}.final-cta-section h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:var(--secondary)}.final-cta-section p{font-size:1.25rem;color:var(--gray-600);margin-bottom:2.5rem}.landing-footer{background:var(--gray-900);color:#fff;padding:4rem 0 2rem}.footer-container{max-width:1200px;margin:0 auto;padding-left:2rem;padding-right:2rem;display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;margin-bottom:3rem}@media(max-width:1024px){.footer-container{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.footer-container{grid-template-columns:1fr}}.footer-section h3,.footer-section h4{margin-bottom:1.5rem;font-weight:700}.footer-logo{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem}.footer-logo-img{height:88px;width:auto;display:block;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}@media(max-width:768px){.footer-logo-img{height:64px}}.footer-section p{color:var(--gray-300);line-height:1.6}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.75rem}.footer-section a{color:var(--gray-300);text-decoration:none;transition:color .2s}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;padding-top:2rem;border-top:1px solid var(--gray-800);color:var(--gray-400);font-size:.9rem}@media(max-width:768px){.landing-home .hero-title{font-size:2.25rem}.landing-home .hero-subtitle{font-size:1.05rem}.landing-home .ai-grid{grid-template-columns:1fr}.landing-home .pricing-card.highlighted{border-width:3px}.landing-home .section-title{font-size:2rem}}.ai-addons-section{padding:5rem 0;background:linear-gradient(135deg,#0a2540,#0f2d4f,#0f3460);position:relative;overflow:hidden}.ai-addons-section:before{content:"";position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.ai-addons-header{text-align:center;margin-bottom:3rem;position:relative;z-index:1}.ai-badge{display:inline-block;padding:.5rem 1.25rem;background:linear-gradient(135deg,#a66639,#d4956a);color:#fff;border-radius:50px;font-size:.85rem;font-weight:700;letter-spacing:.5px;margin-bottom:1.5rem}.ai-addons-section .section-title{color:#fff;font-size:2.5rem;margin-bottom:1rem}.ai-addons-section .section-subtitle{color:#ffffffb3;font-size:1.15rem;max-width:600px;margin:0 auto}.ai-addons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:900px;margin:0 auto 3rem;position:relative;z-index:1}@media(max-width:768px){.ai-addons-grid{grid-template-columns:1fr}}.ai-addon-card{background:#ffffff14;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:2.5rem;text-align:center;transition:all .3s ease}.ai-addon-card:hover{background:#ffffff1f;transform:translateY(-5px);border-color:#d4956a80}.addon-icon{font-size:3.5rem;display:block;margin-bottom:1.5rem}.ai-addon-card h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:1rem}.ai-addon-card p{color:#ffffffb3;font-size:1rem;line-height:1.6}.ai-addons-cta{text-align:center;position:relative;z-index:1}.ai-addons-cta p{color:#ffffffb3;margin-bottom:1.5rem;font-size:1.1rem}.btn-contact-sales{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2.5rem;background:linear-gradient(135deg,#a66639,#d4956a);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #a6663966}.btn-contact-sales:hover{transform:translateY(-3px);box-shadow:0 8px 30px #a6663980}.feature-card.clickable{cursor:pointer}.learn-more{display:inline-flex;align-items:center;gap:.5rem;margin-top:1rem;color:var(--primary);font-weight:600;font-size:1rem;opacity:1;transition:all .3s ease;text-decoration:none;padding:.5rem 0}.feature-card:hover .learn-more{opacity:1;color:var(--primary-dark);gap:.75rem}@media(max-width:1024px){.section-container{padding-left:1.5rem;padding-right:1.5rem}.features-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.ai-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media(max-width:768px){.hero-section{padding:8rem 1.5rem 4rem}.hero-title{font-size:2rem;line-height:1.2}.hero-title br{display:none}.hero-subtitle{font-size:1rem}.hero-benefits{flex-direction:column;gap:.75rem}.hero-ctas{flex-direction:column;width:100%}.btn-primary-large,.btn-secondary-large{width:100%}.features-section,.ai-section,.comparison-section,.pricing-section,.demo-cta-section,.final-cta-section{padding:4rem 1.5rem}.section-title{font-size:1.75rem}.section-subtitle{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.ai-grid{grid-template-columns:1fr;gap:2rem}.ai-card{padding:2rem 1.5rem}.comparison-table{overflow-x:auto}.comparison-table table{min-width:600px}.pricing-grid{grid-template-columns:1fr;gap:2rem}.pricing-card.highlighted{transform:scale(1)}.footer-container{grid-template-columns:1fr;gap:2rem}.demo-cta-section h2{font-size:1.75rem}.demo-cta-section p{font-size:1.05rem}.btn-demo-large{padding:1rem 2rem;font-size:1rem}.final-cta-section h2{font-size:1.75rem}.final-ctas{flex-direction:column;width:100%}.final-ctas .btn-primary-large,.final-ctas .btn-secondary-large{width:100%}}@media(max-width:480px){.hero-title{font-size:1.75rem}.section-title{font-size:1.5rem}.feature-card,.ai-card{padding:1.5rem}.pricing-card{padding:2rem 1.5rem}.price{font-size:2.5rem}}html{scroll-behavior:smooth}.section-container{margin-left:auto;margin-right:auto}.hero-stats .hero-stat .stat-number{font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.2}.hero-stats.hero-stats{gap:1.5rem}.hero-stats .hero-stat .stat-label{white-space:normal;max-width:14rem;text-align:center;line-height:1.5}.features-section,.ai-section,.comparison-section,.pricing-section,.demo-cta-section,.final-cta-section{display:flex;justify-content:center;align-items:center}.section-container{width:100%;max-width:1200px!important;margin:0 auto!important}.features-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;max-width:100%}.feature-card{flex:0 1 calc(33.333% - 2rem);min-width:280px;max-width:350px}@media(max-width:1024px){.feature-card{flex:0 1 calc(50% - 1.5rem)}}@media(max-width:640px){.feature-card{flex:0 1 100%;max-width:100%}}.ai-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;max-width:1100px;margin:0 auto}.ai-card{width:100%;max-width:none}@media(max-width:900px){.ai-grid{grid-template-columns:1fr}}.pricing-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem;max-width:100%}.pricing-card{flex:0 1 calc(33.333% - 2rem);min-width:280px;max-width:350px}@media(max-width:900px){.pricing-card{flex:0 1 100%;max-width:450px}}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1200px!important;margin:0 auto!important}.footer-section{flex:0 1 calc(25% - 2rem);min-width:200px}@media(max-width:900px){.footer-section{flex:0 1 calc(50% - 1.5rem)}}@media(max-width:600px){.footer-section{flex:0 1 100%}}.comparison-table{max-width:100%;margin:0 auto}.hero-container{max-width:900px!important;margin:0 auto!important}*{max-width:100vw;overflow-x:hidden}body{overflow-x:hidden}.landing-home{width:100%;overflow-x:hidden}.landing-home{background:linear-gradient(180deg,#061829,#0a2540)!important;color:#fff!important}.landing-home section{background-color:transparent!important}.landing-home .section-title{color:#fff!important;background:linear-gradient(135deg,#fff,#f5efe6,#e5b891)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.landing-home .section-subtitle{color:#ffffffb3!important}.features-section{background:linear-gradient(180deg,#061829,#0a2540)!important;padding:6rem 2rem!important}.feature-card{background:linear-gradient(135deg,#1a1a2e99,#0f0f1acc)!important;border:1px solid rgba(255,255,255,.1)!important;backdrop-filter:blur(10px)}.feature-card:hover{border-color:#c77f4e4d!important;box-shadow:0 20px 50px #c77f4e26!important}.feature-card h3{color:#fff!important}.feature-card p{color:#ffffffb3!important}.feature-card .learn-more{color:#e5b891!important}.social-proof{background:#0f0f1af2!important;border-top:1px solid rgba(255,255,255,.05)!important;border-bottom:1px solid rgba(255,255,255,.05)!important}.social-proof p{color:#fff9!important}.hero-section{background:linear-gradient(180deg,#061829,#0a2540)!important;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 20%,rgba(199,127,78,.15) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(212,149,106,.15) 0%,transparent 50%),radial-gradient(ellipse at 50% 50%,rgba(199,127,78,.05) 0%,transparent 70%);pointer-events:none;animation:hero-glow 10s ease-in-out infinite}@keyframes hero-glow{0%,to{opacity:1}50%{opacity:.6}}.hero-container{position:relative;z-index:1}.hero-title{color:#fff!important;background:linear-gradient(135deg,#fff,#f5efe6,#e5b891)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.hero-subtitle{color:#fffc!important}.hero-benefits,.hero-benefits span{color:#ffffffe6!important}.hero-ctas .btn-primary{background:linear-gradient(135deg,#c77f4e,#d4956a)!important;color:#fff!important;border:none!important;box-shadow:0 8px 30px #c77f4e66!important}.hero-ctas .btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #c77f4e80!important}.hero-ctas .btn-secondary{background:#ffffff0d!important;color:#fff!important;border:2px solid rgba(255,255,255,.2)!important;backdrop-filter:blur(10px)}.hero-ctas .btn-secondary:hover{background:#ffffff1a!important;border-color:#fff6!important}.hero-note,.hero-trust{color:#fff9!important}.hero-ctas{display:flex;justify-content:center;gap:1.25rem;margin-bottom:2rem;flex-wrap:wrap}.btn-trial-large{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#d4956a,#c77f4e,#a66639)!important;color:var(--cream-50, #FAF7F2)!important;padding:1.1rem 2.25rem;border-radius:14px;text-decoration:none;box-shadow:0 12px 32px #c77f4e73,0 0 0 1px #ffffff1f inset,0 1px #ffffff2e inset;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;letter-spacing:.01em}.btn-trial-large:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:left .8s ease}.btn-trial-large:hover:before{left:100%}.btn-trial-large:hover{transform:translateY(-3px) scale(1.015);box-shadow:0 20px 50px #c77f4e8c,0 0 0 1px #fff3 inset,0 1px #ffffff40 inset}.btn-trial-large .btn-icon{font-size:1.75rem;animation:rocket-bounce 2s ease-in-out infinite}@keyframes rocket-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.btn-trial-large .btn-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.btn-trial-large .btn-main{font-size:1.15rem;font-weight:700;line-height:1.2}.btn-trial-large .btn-sub{font-size:.8rem;opacity:.9;font-weight:500}.btn-demo-large{display:flex;align-items:center;justify-content:center;background:#ffffff0d!important;color:#fff!important;padding:1rem 2rem;border-radius:16px;text-decoration:none;font-size:1rem;font-weight:600;border:2px solid rgba(255,255,255,.2)!important;backdrop-filter:blur(10px);transition:all .3s ease}.btn-demo-large:hover{background:#ffffff1a!important;border-color:#fff6!important;transform:translateY(-3px)}.hero-trust-badges{display:flex;justify-content:center;gap:2.25rem;flex-wrap:wrap;margin-top:1.25rem}.trust-item{display:flex;align-items:center;gap:.6rem;font-size:.875rem;color:#faf7f2c7;letter-spacing:.015em;font-weight:500}.trust-item .trust-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#c77f4e2e;color:#d4956a;border:1px solid rgba(199,127,78,.4);border-radius:50%;font-size:.7rem;font-weight:700}@media(max-width:640px){.hero-ctas{flex-direction:column;align-items:center}.btn-trial-large,.btn-demo-large{width:100%;max-width:320px;justify-content:center}.btn-trial-large .btn-content{align-items:center;text-align:center}.hero-trust-badges{flex-direction:column;gap:.75rem;align-items:center}}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#c77f4e2e,#d4956a1f)!important;color:var(--copper-300, #E5B891)!important;padding:.55rem 1.4rem;border-radius:50px;font-size:.825rem;font-weight:600;margin-bottom:1.75rem;border:1px solid rgba(199,127,78,.35)!important;box-shadow:0 4px 20px #c77f4e26;letter-spacing:.02em;text-transform:uppercase;animation:badge-glow 4s ease-in-out infinite;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}@keyframes badge-glow{0%,to{box-shadow:0 4px 20px #c77f4e2e}50%{box-shadow:0 8px 32px #c77f4e59,0 0 0 4px #c77f4e0f}}.hero-stats{display:flex;justify-content:center;gap:3.5rem;margin:3rem 0 2rem;flex-wrap:wrap;position:relative}.hero-stat{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;padding:0 1rem}.hero-stat:not(:last-child):after{content:"";position:absolute;right:-1.75rem;top:50%;transform:translateY(-50%);width:1px;height:38px;background:linear-gradient(180deg,transparent,rgba(199,127,78,.35),transparent)}.hero-stat .stat-number{font-family:var(--font-display, Georgia, serif);font-size:clamp(2.25rem,3.5vw,3rem);font-weight:800;background:linear-gradient(135deg,#e5b891,#c77f4e,#a66639);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.02em;filter:drop-shadow(0 2px 12px rgba(199,127,78,.2))}.hero-stat .stat-label{font-size:.78rem;color:#faf7f2a6;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.hero-trust{margin-top:1.5rem;font-size:.875rem;color:#faf7f28c}.pain-points-section{padding:6rem 2rem;background:linear-gradient(180deg,#061829,#0a2540)}.pain-points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:3rem}.pain-point-card{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.75rem;transition:all .3s ease}.pain-point-card:hover{background:#ffffff0d;border-color:#c77f4e4d;transform:translateY(-4px)}.pain-point-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.pain-icon{font-size:2rem}.pain-stat{text-align:right}.pain-stat .stat-value{display:block;font-size:1.5rem;font-weight:800;color:#f87171;line-height:1}.pain-stat .stat-desc{display:block;font-size:.7rem;color:#ffffff80;max-width:120px;line-height:1.3;margin-top:.25rem}.pain-problem{font-size:1.125rem;font-weight:700;color:#fff;margin:0 0 1rem}.pain-solution{display:flex;gap:.75rem;padding:1rem;background:#34d3991a;border-radius:12px;border:1px solid rgba(52,211,153,.2)}.solution-arrow{color:#34d399;font-size:1.25rem;font-weight:700;flex-shrink:0}.pain-solution strong{display:block;color:#34d399;font-size:.9rem;margin-bottom:.25rem}.pain-solution p{color:#ffffffb3;font-size:.8rem;margin:0;line-height:1.4}.pricing-section{padding:6rem 2rem!important;background:linear-gradient(180deg,#061829,#0a2540,#061829)!important;position:relative;overflow:visible!important}.pricing-section .section-title{color:#fff!important}.pricing-section .section-subtitle{color:#ffffffb3!important}.pricing-section .section-container{overflow:visible!important}.billing-toggle{background:#ffffff0d!important;border:1px solid rgba(255,255,255,.1)!important}.billing-toggle-label{color:#fff9!important}.billing-toggle-label.active{color:#fff!important}.billing-toggle-switch{background:#ffffff1a!important}.billing-toggle-switch.active{background:linear-gradient(135deg,#c77f4e,#d4956a)!important}.billing-toggle-badge{background:linear-gradient(135deg,#34d399,#6ee7b7)!important;color:#061829!important}.pricing-grid-new{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem;max-width:1100px;margin-left:auto;margin-right:auto;overflow:visible!important}.pricing-card-new{background:#ffffff08!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:20px;padding:2rem;position:relative;transition:all .3s ease;display:flex;flex-direction:column;overflow:visible!important;min-height:auto!important;max-height:none!important;height:auto!important}.pricing-card-new:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000004d}.pricing-card-new.highlighted{background:linear-gradient(135deg,#c77f4e1a,#d4956a1a);border:2px solid rgba(199,127,78,.5);transform:scale(1.02)}.pricing-card-new.highlighted:hover{transform:scale(1.02) translateY(-8px)}.popular-ribbon{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#c77f4e,#d4956a);color:#fff;padding:.4rem 1.25rem;border-radius:50px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.pricing-header{text-align:center;margin-bottom:1.5rem}.plan-name{font-size:1.5rem;font-weight:800;color:#fff;margin:0 0 .5rem}.plan-tagline{font-size:.875rem;color:#fff9;margin:0}.pricing-price{text-align:center;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.price-main{display:flex;align-items:baseline;justify-content:center;gap:.25rem}.price-main .currency{font-size:1.5rem;font-weight:600;color:#ffffffb3}.price-main .amount{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#e5b891);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.price-main .period{font-size:1rem;color:#ffffff80;font-weight:500}.price-mxn{font-size:.9rem;color:#ffffff80;margin:.5rem 0 0}.price-annual{font-size:.75rem;color:#c77f4ecc;margin:.5rem 0 0}.pricing-meta{display:flex;justify-content:center;align-items:center;gap:.75rem;padding:1rem 0;font-size:.875rem;color:#ffffffb3}.meta-divider{color:#ffffff4d}.pricing-features{list-style:none;padding:0;margin:0 0 1.5rem;flex-grow:1}.pricing-features li{display:flex;align-items:center;gap:.75rem;padding:.6rem 0;font-size:.9rem;color:#fffc;border-bottom:1px solid rgba(255,255,255,.05)}.pricing-features li:last-child{border-bottom:none}.pricing-features li.not-included{color:#ffffff59}.pricing-features li.not-included .feature-check{color:#fff3}.pricing-features li.highlight{color:#e5b891}.feature-check{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#34d39933;color:#34d399;border-radius:50%;font-size:.75rem;font-weight:700}.pricing-features li.not-included .feature-check{background:transparent}.feature-badge{margin-left:auto;background:linear-gradient(135deg,#c77f4e,#d4956a);color:#fff;padding:.15rem .5rem;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase}.pricing-cta{display:block;text-align:center;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s ease}.pricing-cta.primary{background:linear-gradient(135deg,#c77f4e,#d4956a);color:#fff;box-shadow:0 4px 20px #c77f4e66}.pricing-cta.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #c77f4e80}.pricing-cta.secondary{background:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.2)}.pricing-cta.secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.pricing-guarantee{display:flex;justify-content:center;gap:2rem;margin-top:3rem;flex-wrap:wrap}.guarantee-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#ffffffb3}.guarantee-icon{font-size:1.25rem}.pricing-section,.faq-section,.ai-section,.final-cta-section{position:relative;z-index:1}.pricing-section+.faq-section{margin-top:0!important}.faq-section{padding:6rem 2rem!important;background:linear-gradient(180deg,#061829,#0a2540,#061829)!important}.faq-section .section-container{background:transparent!important}.faq-section .section-title{color:#fff!important;background:linear-gradient(135deg,#fff,#f5efe6,#e5b891)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.faq-section .section-subtitle{color:#ffffffb3!important}.faq-grid{display:grid!important;gap:1.5rem;margin-top:3rem;max-width:900px;margin-left:auto;margin-right:auto}.faq-item{background:linear-gradient(135deg,#1a1a2e99,#0f0f1acc)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:16px;padding:1.75rem;transition:all .4s ease;backdrop-filter:blur(10px)}.faq-item:hover{background:linear-gradient(135deg,#1a1a2ecc,#0f0f1af2)!important;border-color:#c77f4e4d!important;transform:translateY(-3px);box-shadow:0 15px 40px #c77f4e26}.faq-question{font-size:1.125rem;font-weight:700;color:#fff!important;margin:0 0 1rem;line-height:1.4}.faq-answer{font-size:.95rem;color:#ffffffb3!important;margin:0;line-height:1.7}.ai-section{padding:6rem 2rem!important;background:linear-gradient(180deg,#0a2540,#061829,#0a2540)!important;position:relative;overflow:hidden}.ai-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 20%,rgba(199,127,78,.1) 0%,transparent 50%),radial-gradient(ellipse at 80% 80%,rgba(212,149,106,.1) 0%,transparent 50%);pointer-events:none}.ai-section .section-title{color:#fff!important}.ai-section .section-subtitle{color:#ffffffb3!important}.ai-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-top:3rem;max-width:1100px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.ai-card{background:#ffffff08!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:24px!important;padding:2.5rem!important;box-shadow:0 20px 60px #0000004d!important;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.ai-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#c77f4e,#d4956a,#c77f4e);background-size:200% 100%;animation:shimmer 3s linear infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-card:hover{transform:translateY(-8px);border-color:#c77f4e4d!important;box-shadow:0 30px 80px #c77f4e33!important}.ai-icon{width:70px;height:70px;background:linear-gradient(135deg,#c77f4e33,#d4956a33);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:2.5rem!important;margin-bottom:1.5rem!important;border:1px solid rgba(199,127,78,.3);box-shadow:0 10px 30px #c77f4e33}.ai-card h3{font-size:1.5rem!important;font-weight:800!important;color:#fff!important;margin-bottom:1rem!important;letter-spacing:-.02em}.ai-description{font-size:.95rem;color:#ffffffb3;margin-bottom:1.5rem;line-height:1.7}.ai-card ul{list-style:none!important;margin:0 0 1.5rem!important;padding:0!important}.ai-card ul li{display:flex;align-items:center;gap:.75rem;padding:.6rem 0!important;color:#ffffffd9!important;font-size:.95rem!important;border-bottom:1px solid rgba(255,255,255,.05);position:relative;padding-left:0!important}.ai-card ul li:last-child{border-bottom:none}.ai-card ul li:before{content:"\2713"!important;position:relative!important;left:auto!important;display:flex;align-items:center;justify-content:center;width:22px;height:22px;min-width:22px;background:#34d39933;color:#34d399!important;border-radius:50%;font-size:.7rem;font-weight:700}.ai-result{display:flex;align-items:center;gap:1rem;margin-top:1.5rem;padding:1.25rem;background:linear-gradient(135deg,#34d3991a,#34d3990d);border-radius:16px;border:1px solid rgba(52,211,153,.2)}.ai-result .result-number{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#34d399,#6ee7b7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.ai-result .result-label{font-size:.9rem;color:#ffffffb3;line-height:1.4}@media(max-width:900px){.ai-grid{grid-template-columns:1fr!important;gap:1.5rem}}@media(max-width:768px){.ai-section{padding:4rem 1.5rem!important}.ai-card{padding:2rem!important}.ai-icon{width:60px;height:60px;font-size:2rem!important}.ai-result .result-number{font-size:2rem}}@media(max-width:1024px){.pricing-grid-new{grid-template-columns:1fr!important;gap:2rem;max-width:450px}.pricing-card-new.highlighted{transform:none}}@media(max-width:768px){.hero-stats{gap:1.5rem}.hero-stat .stat-number{font-size:2rem}.pain-points-section,.faq-section,.pricing-section{padding:4rem 1.5rem!important}.pain-points-grid{grid-template-columns:1fr}.pricing-grid-new{grid-template-columns:1fr!important;gap:2rem;max-width:100%}.pricing-card-new.highlighted{transform:none}.pricing-card-new.highlighted:hover{transform:translateY(-8px)}.price-main .amount{font-size:2.5rem}.pricing-guarantee{flex-direction:column;align-items:center;gap:1rem}.faq-grid{gap:1rem}.faq-item{padding:1.25rem}}@media(max-width:480px){.hero-badge{font-size:.75rem;padding:.4rem 1rem}.hero-stats{gap:1rem}.hero-stat .stat-number{font-size:1.75rem}.pain-point-header{flex-direction:column;gap:.75rem}.pain-stat{text-align:left}.pain-stat .stat-desc{max-width:none}}.final-cta-section{padding:8rem 2rem!important;background:linear-gradient(135deg,#061829,#0a2540,#2d1b4e)!important;position:relative;overflow:hidden;text-align:center}.final-cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(199,127,78,.3) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(212,149,106,.3) 0%,transparent 40%),radial-gradient(circle at 50% 50%,rgba(199,127,78,.1) 0%,transparent 60%);pointer-events:none;animation:pulse-glow 8s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:1}50%{opacity:.7}}.final-cta-section:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent 30%,rgba(199,127,78,.03) 50%,transparent 70%);animation:shine 8s linear infinite;pointer-events:none}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.final-cta-section .section-container{position:relative;z-index:1}.final-cta-section h2{font-size:3.5rem!important;font-weight:800!important;color:#fff!important;margin-bottom:1.5rem!important;letter-spacing:-.02em;line-height:1.1;background:linear-gradient(135deg,#fff,#e5b891 50% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-cta-section p{font-size:1.35rem!important;color:#fffc!important;margin-bottom:3rem!important;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.final-ctas{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.final-ctas .btn-primary-large{background:linear-gradient(135deg,#c77f4e,#d4956a)!important;color:#fff!important;padding:1.25rem 3rem!important;border-radius:16px!important;font-size:1.15rem!important;font-weight:700!important;box-shadow:0 8px 30px #c77f4e80!important;transition:all .3s ease!important;border:none!important;position:relative;overflow:hidden}.final-ctas .btn-primary-large:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.final-ctas .btn-primary-large:hover:before{left:100%}.final-ctas .btn-primary-large:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:0 15px 50px #c77f4e99!important}.final-ctas .btn-secondary-large{background:#ffffff0d!important;color:#fff!important;padding:1.25rem 3rem!important;border-radius:16px!important;font-size:1.15rem!important;font-weight:600!important;border:2px solid rgba(255,255,255,.2)!important;transition:all .3s ease!important;backdrop-filter:blur(10px)}.final-ctas .btn-secondary-large:hover{background:#ffffff1a!important;border-color:#fff6!important;transform:translateY(-4px)!important}.final-cta-badge{display:inline-block;background:linear-gradient(135deg,#c77f4e40,#d4956a40);border:1px solid rgba(199,127,78,.4);padding:.6rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;color:#e5b891;margin-bottom:1.5rem;position:relative;z-index:1;animation:badge-pulse 3s ease-in-out infinite}.final-ctas .btn-trial-large{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#c77f4e,#d4956a)!important;color:#fff!important;padding:1.25rem 2.5rem;border-radius:16px;text-decoration:none;box-shadow:0 8px 30px #c77f4e80,0 0 0 1px #ffffff1a inset;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.final-ctas .btn-trial-large:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.final-ctas .btn-trial-large:hover:before{left:100%}.final-ctas .btn-trial-large:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 15px 50px #c77f4e99,0 0 0 1px #fff3 inset}.final-ctas .btn-trial-large .btn-icon{font-size:1.75rem;animation:rocket-bounce 2s ease-in-out infinite}.final-ctas .btn-trial-large .btn-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.final-ctas .btn-trial-large .btn-main{font-size:1.15rem;font-weight:700;line-height:1.2}.final-ctas .btn-trial-large .btn-sub{font-size:.8rem;opacity:.9;font-weight:500}.final-ctas .btn-demo-large{display:flex;align-items:center;justify-content:center;background:#ffffff0d!important;color:#fff!important;padding:1.25rem 2.5rem;border-radius:16px;text-decoration:none;font-size:1.1rem;font-weight:600;border:2px solid rgba(255,255,255,.2)!important;backdrop-filter:blur(10px);transition:all .3s ease}.final-ctas .btn-demo-large:hover{background:#ffffff1a!important;border-color:#fff6!important;transform:translateY(-3px)}.final-trust{display:flex;justify-content:center;gap:2rem;margin-top:2.5rem;flex-wrap:wrap;position:relative;z-index:1}.final-trust span{font-size:.9rem;color:#ffffffb3;display:flex;align-items:center;gap:.5rem}@media(max-width:768px){.final-cta-section{padding:5rem 1.5rem!important}.final-cta-section h2{font-size:2.25rem!important}.final-cta-section p{font-size:1.1rem!important;margin-bottom:2rem!important}.final-ctas{flex-direction:column;align-items:center;gap:1rem}.final-ctas .btn-primary-large,.final-ctas .btn-secondary-large,.final-ctas .btn-trial-large,.final-ctas .btn-demo-large{width:100%;max-width:320px;padding:1rem 2rem!important;justify-content:center}.final-ctas .btn-trial-large .btn-content{align-items:center;text-align:center}.final-trust{flex-direction:column;gap:.75rem;align-items:center}}@media(max-width:480px){.final-cta-section h2{font-size:1.75rem!important}.final-cta-section p{font-size:1rem!important}.final-cta-badge{font-size:.8rem;padding:.5rem 1rem}}.simple-landing-nav{position:fixed;top:0;left:0;right:0;height:80px;background:linear-gradient(180deg,#0a2540,#0f2d4f);box-shadow:0 1px #c77f4e40,0 8px 32px #0a254059;z-index:1000;border-bottom:1px solid rgba(199,127,78,.2);transition:all .3s ease}.simple-nav-content{max-width:1200px;margin:0 auto;height:100%;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.simple-nav-brand{display:flex;align-items:center;gap:.5rem;cursor:pointer;text-decoration:none;transition:opacity .2s ease}.simple-nav-brand:hover{opacity:.8}.simple-nav-logo{height:56px;width:auto;display:block;color:#0a2540}.simple-nav-icon{font-size:1.8rem}.simple-nav-hamburger{display:none;width:42px;height:42px;background:linear-gradient(135deg,#d4956a,#c77f4e);border:none;border-radius:10px;color:#fff;font-size:1.3rem;cursor:pointer;align-items:center;justify-content:center;box-shadow:0 4px 14px #c77f4e66}.simple-nav-links{display:flex;gap:2rem;align-items:center;list-style:none;margin:0;padding:0}.simple-nav-links li{list-style:none}.simple-nav-links a{text-decoration:none;color:#4b5563;font-weight:500;font-size:1rem;padding:.5rem 0;transition:color .2s}.simple-nav-links a:hover{color:#c77f4e}.simple-btn-demo{padding:.75rem 1.5rem!important;background:linear-gradient(135deg,#c77f4e,#a66639)!important;color:#fff!important;border-radius:10px;font-weight:600;text-decoration:none!important;transition:all .3s;box-shadow:0 4px 15px #c77f4e4d;display:inline-block}.simple-btn-demo:hover{background:linear-gradient(135deg,#a66639,#7a4b2a)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 20px #c77f4e66}.simple-btn-login{padding:.75rem 1.5rem!important;background:transparent!important;color:#c77f4e!important;border:2px solid #C77F4E;border-radius:10px;font-weight:600;text-decoration:none!important;transition:all .3s;display:inline-block}.simple-btn-login:hover{background:#c77f4e!important;color:#fff!important;transform:translateY(-1px);box-shadow:0 4px 15px #c77f4e4d}@media(min-width:769px){.simple-landing-nav{background:linear-gradient(180deg,#0a2540,#0f2d4f);box-shadow:0 1px #c77f4e40,0 8px 32px #0a254059;border-bottom:1px solid rgba(199,127,78,.2)}.simple-nav-content{padding:0 3rem}.simple-nav-brand{transition:all .3s ease}.simple-nav-brand:hover{transform:scale(1.04)}.simple-nav-logo{height:60px;filter:drop-shadow(0 2px 8px rgba(10,37,64,.15));transition:all .3s ease}.simple-nav-brand:hover .simple-nav-logo{filter:drop-shadow(0 4px 12px rgba(10,37,64,.25))}.simple-nav-icon{font-size:2.2rem;filter:drop-shadow(0 3px 6px rgba(199,127,78,.3));transition:all .3s ease}.simple-nav-brand:hover .simple-nav-icon{transform:rotate(-10deg) scale(1.1)}.simple-nav-links{gap:2.8rem}.simple-nav-links a{position:relative;transition:all .3s ease;font-size:.95rem;font-weight:500;color:#faf7f2d9;letter-spacing:.015em}.simple-nav-links a:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:2px;background:linear-gradient(90deg,#d4956a,#c77f4e);border-radius:2px;transition:width .4s cubic-bezier(.16,1,.3,1)}.simple-nav-links a:hover:after{width:100%}.simple-nav-links a:hover{color:#faf7f2;transform:translateY(-1px)}.simple-btn-demo{background:linear-gradient(135deg,#d4956a,#c77f4e,#a66639)!important;color:#faf7f2!important;box-shadow:0 6px 18px #c77f4e66,0 0 0 1px #ffffff1a inset;transition:all .3s cubic-bezier(.16,1,.3,1);font-size:.9rem;padding:.75rem 1.5rem;border:none;font-weight:600;letter-spacing:.01em;border-radius:10px}.simple-btn-demo:hover{background:linear-gradient(135deg,#e5b891,#d4956a,#c77f4e)!important;color:#faf7f2!important;transform:translateY(-2px);box-shadow:0 10px 28px #c77f4e8c,0 0 0 1px #ffffff26 inset}.simple-btn-login{background:transparent!important;color:#faf7f2!important;border:1.5px solid rgba(250,247,242,.3);transition:all .3s cubic-bezier(.16,1,.3,1);font-size:.9rem;padding:.75rem 1.5rem;font-weight:600;letter-spacing:.01em;border-radius:10px}.simple-btn-login:hover{background:#c77f4e1f!important;color:#faf7f2!important;transform:translateY(-2px);box-shadow:0 4px 16px #c77f4e33;border-color:#c77f4e80}}@media(max-width:768px){.simple-landing-nav{height:60px}.simple-nav-content{padding:0 1rem}.simple-nav-logo{height:44px}.simple-nav-icon{font-size:1.4rem}.simple-nav-hamburger{display:flex}.simple-nav-links{position:fixed;top:0;left:-100%;width:75%;max-width:300px;height:100vh;background:linear-gradient(180deg,#0a2540,#0d0d1a);flex-direction:column;gap:0;padding:80px 0 20px;transition:left .3s ease;box-shadow:2px 0 20px #0000004d}.simple-nav-links.open{left:0}.simple-nav-links li{width:100%;border-bottom:1px solid rgba(255,255,255,.1)}.simple-nav-links a{display:block;padding:14px 24px;color:#ffffffe6;font-size:15px}.simple-nav-links a:hover{background:#ffffff1a;color:#fff}.simple-btn-demo,.simple-btn-login{width:calc(100% - 48px);margin:12px 24px;padding:12px 20px;text-align:center;font-size:15px}.simple-btn-demo{margin-top:20px}.simple-btn-login{background:transparent;color:#fff;border-color:#ffffff4d}.simple-btn-login:hover{background:#ffffff1a;border-color:#fff}}.simple-nav-backdrop{display:none;position:fixed;inset:0;background:#00000080;z-index:999}.simple-nav-backdrop.show{display:block}@media(min-width:769px){.simple-nav-backdrop{display:none!important}}.telegram-float{position:fixed;bottom:110px;right:30px;width:60px;height:60px;background:#08c;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #08c6;z-index:1000;transition:all .3s ease;text-decoration:none;cursor:pointer}.telegram-float:hover{transform:scale(1.1) translateY(-5px);box-shadow:0 8px 30px #08c9}.telegram-float:active{transform:scale(.95)}.telegram-icon{width:32px;height:32px;color:#fff;transition:transform .3s ease}.telegram-float:hover .telegram-icon{transform:rotate(15deg)}.telegram-tooltip{position:absolute;right:75px;background:#1f2937;color:#fff;padding:.75rem 1.25rem;border-radius:10px;font-size:.95rem;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;transition:all .3s ease;box-shadow:0 4px 15px #0003}.telegram-tooltip:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid #1F2937;border-top:8px solid transparent;border-bottom:8px solid transparent}.telegram-float:hover .telegram-tooltip{opacity:1;visibility:visible;right:80px}@keyframes telegram-pulse{0%{box-shadow:0 4px 20px #08c6}50%{box-shadow:0 4px 20px #0088ccb3,0 0 0 10px #0088cc1a}to{box-shadow:0 4px 20px #08c6}}.telegram-float{animation:telegram-pulse 2s infinite;animation-delay:.5s}.telegram-float:hover{animation:none}@media(max-width:768px){.telegram-float{bottom:90px;right:20px;width:55px;height:55px}.telegram-icon{width:28px;height:28px}.telegram-tooltip{display:none}}@media(max-width:480px){.telegram-float{bottom:80px;right:15px;width:50px;height:50px}.telegram-icon{width:26px;height:26px}}:root{--ip-primary: #C77F4E;--ip-primary-dark: #A66639;--ip-secondary: #0A2540;--ip-gray-50: #F9FAFB;--ip-gray-100: #F3F4F6;--ip-gray-200: #E5E7EB;--ip-gray-300: #D1D5DB;--ip-gray-600: #4B5563;--ip-gray-700: #374151;--ip-gray-800: #1F2937;--ip-success: #059669}.institutional-page{min-height:100vh;display:flex;flex-direction:column;background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,sans-serif}.simple-navbar{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #E5E7EB;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.simple-navbar .logo{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#0a2540,#c77f4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease}.simple-navbar .logo:hover{transform:scale(1.05);filter:brightness(1.2)}.simple-navbar .logo-icon{font-size:1.8rem;filter:drop-shadow(0 3px 6px rgba(199,127,78,.3));transition:all .3s ease}.simple-navbar .logo:hover .logo-icon{transform:rotate(-10deg) scale(1.1)}.simple-navbar .back-link{color:#c77f4e;text-decoration:none;font-weight:600;transition:color .2s}.simple-navbar .back-link:hover{color:#a66639}.page-content{flex:1;padding:4rem 2rem}.page-container{max-width:900px;margin:0 auto}.page-container h1{font-size:3rem;font-weight:800;color:#0a2540;margin-bottom:1.5rem}.lead{font-size:1.35rem;line-height:1.7;color:#4b5563;margin-bottom:3rem}.content-section{margin-bottom:3.5rem}.content-section h2{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:1.5rem}.content-section h3{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.content-section p{font-size:1.1rem;line-height:1.8;color:#374151;margin-bottom:1.25rem}.content-section ul{font-size:1.1rem;line-height:1.8;color:#374151;margin-left:1.5rem}.content-section ul li{margin-bottom:.75rem}.content-section.highlight{background:linear-gradient(135deg,#f0f7ff,#e6f2ff);padding:2.5rem;border-radius:20px;border:2px solid #C77F4E}.endorsement-card{background:#fff;padding:2rem;border-radius:16px}.endorsement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.endorsement-header h3{margin:0;color:#c77f4e}.website-link{color:#c77f4e;text-decoration:none;font-weight:600;transition:color .2s}.website-link:hover{color:#a66639}.endorsement-description{font-size:1.15rem;line-height:1.8;color:#374151;margin-bottom:1.5rem}.expertise-list{list-style:none;margin:0 0 1.5rem;padding:0}.expertise-list li{padding:.75rem 0;color:#374151;font-size:1.05rem;border-bottom:1px solid #E5E7EB}.expertise-list li:last-child{border-bottom:none}.endorsement-note{background:#f9fafb;padding:1.25rem;border-radius:10px;font-style:italic;color:#4b5563;margin-bottom:1.5rem}.clients-note{background:#fff;border-left:4px solid #C77F4E;padding:1rem 1.5rem;border-radius:8px;font-size:.95rem;color:#4b5563}.differences-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:2rem}.difference-card{background:#f9fafb;padding:2rem;border-radius:16px;border:1px solid #E5E7EB;transition:all .3s}.difference-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:#c77f4e}.difference-icon{font-size:3rem;margin-bottom:1rem}.difference-card h3{font-size:1.25rem;margin-bottom:.75rem}.difference-card p{font-size:1rem;margin:0;color:#6b7280}.values-list{list-style:none;padding:0;margin:0}.values-list li{padding:1.25rem;background:#f9fafb;border-radius:12px;margin-bottom:1rem;border-left:4px solid #C77F4E}.cta-section{text-align:center;background:linear-gradient(135deg,#c77f4e,#a66639);color:#fff;padding:3rem;border-radius:20px;margin-top:4rem}.cta-section h2{color:#fff;margin-bottom:1rem}.cta-section p{color:#fffffff2;font-size:1.25rem;margin-bottom:2rem}.cta-buttons{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:1rem 2.5rem;border-radius:12px;font-weight:700;font-size:1.05rem;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background:#fff;color:#c77f4e}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0003}.btn-secondary{background:transparent;color:#fff;border:2px solid white}.btn-secondary:hover{background:#fff;color:#c77f4e}.contact-form{background:#f9fafb;padding:2.5rem;border-radius:20px;border:1px solid #E5E7EB}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.875rem 1.25rem;border:1px solid #D1D5DB;border-radius:10px;font-size:1rem;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#c77f4e}.form-group textarea{resize:vertical;min-height:120px}.submit-button{width:100%;padding:1rem 2rem;background:linear-gradient(135deg,#c77f4e,#a66639);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c77f4e4d}.submit-button:disabled{opacity:.6;cursor:not-allowed}.simple-footer{background:#1f2937;color:#fff;padding:2rem;text-align:center}.simple-footer .footer-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.simple-footer .footer-links{display:flex;gap:2rem}.simple-footer a{color:#9ca3af;text-decoration:none;transition:color .2s}.simple-footer a:hover{color:#fff}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.contact-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:3rem}.contact-card{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:2rem;border-radius:16px;border:1px solid #E5E7EB;transition:all .3s ease;text-align:center;animation:fadeInUp .5s ease forwards}.contact-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a;border-color:#c77f4e}.contact-card-icon{font-size:2.5rem;margin-bottom:1rem;display:block}.contact-card h3{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:#1f2937}.contact-card a{color:#c77f4e;text-decoration:none;font-weight:600;font-size:1.1rem;transition:color .2s}.contact-card a:hover{color:#a66639}.contact-card .contact-subtitle{color:#6b7280;font-size:.9rem;margin-top:.5rem}.contact-card:nth-child(1){animation-delay:.1s}.contact-card:nth-child(2){animation-delay:.2s}.contact-card:nth-child(3){animation-delay:.3s}.contact-card:nth-child(4){animation-delay:.4s}.faq-grid{display:grid;gap:1.5rem}.faq-item{background:#fff!important;padding:1.75rem;border-radius:16px;border:2px solid #E5E7EB;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}.faq-item:hover{border-color:#c77f4e;transform:translate(5px);box-shadow:0 4px 15px #c77f4e1a}.faq-item h3{font-size:1.15rem;font-weight:700;margin-bottom:.75rem;color:#1f2937!important;display:flex;align-items:center;gap:.5rem}.faq-item h3:before{content:"\2753";font-size:1rem}.faq-item p{margin:0;color:#374151!important;line-height:1.7;font-size:1rem}.contact-form{background:linear-gradient(135deg,#f9fafb,#f3f4f6);padding:3rem;border-radius:24px;border:2px solid #E5E7EB;box-shadow:0 4px 20px #0000000d}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:1.75rem}.form-group label{display:block;font-weight:600;color:#1f2937;margin-bottom:.75rem;font-size:.95rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:1rem 1.25rem;border:2px solid #D1D5DB;border-radius:12px;font-size:1rem;font-family:inherit;transition:all .2s ease;background:#fff}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#c77f4e;box-shadow:0 0 0 4px #c77f4e1a}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group textarea{resize:vertical;min-height:140px}.submit-button{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#c77f4e,#a66639);color:#fff;border:none;border-radius:14px;font-weight:700;font-size:1.15rem;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #c77f4e4d}.submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 25px #c77f4e66}.submit-button:disabled{opacity:.7;cursor:not-allowed;background:linear-gradient(135deg,#10b981,#059669)}.success-message{text-align:center;color:#059669;margin-top:1.5rem;font-weight:600;font-size:1.1rem;padding:1rem;background:#10b9811a;border-radius:10px}.partner-section{background:linear-gradient(135deg,#f0f7ff,#e6f2ff);padding:2.5rem;border-radius:20px;border:2px solid #C77F4E;text-align:center}.partner-section h2{color:#c77f4e;margin-bottom:1rem}.partner-section p{color:#374151;font-size:1.1rem;line-height:1.7}.partner-section a{color:#c77f4e;font-weight:700;text-decoration:none;transition:all .2s}.partner-section a:hover{color:#a66639;text-decoration:underline}.page-header{text-align:center;margin-bottom:4rem}.page-header h1{background:linear-gradient(135deg,#0a2540,#c77f4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:3.5rem;font-weight:800}.page-header .lead{max-width:700px;margin:0 auto}@media(max-width:768px){.page-container h1{font-size:2.25rem}.lead{font-size:1.15rem}.content-section h2{font-size:1.75rem}.endorsement-header{flex-direction:column;align-items:flex-start}.differences-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%;text-align:center}.simple-footer .footer-container{flex-direction:column;text-align:center}.contact-info-grid{grid-template-columns:1fr;gap:1.5rem}.contact-form{padding:2rem 1.5rem}.page-header h1{font-size:2.5rem}}*{box-sizing:border-box!important}.institutional-page{min-height:100vh!important;display:flex!important;flex-direction:column!important;align-items:center!important;background:#fff!important;overflow-x:hidden!important;width:100vw!important;margin:0!important;padding:0!important}.simple-navbar{width:100%!important;max-width:100%!important;position:sticky!important;top:0!important;z-index:100!important;background:#fff!important;border-bottom:1px solid #E5E7EB!important;padding:1rem 2rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important;margin:0!important;box-shadow:0 2px 10px #0000000d!important}.page-content{flex:1!important;width:100vw!important;max-width:100vw!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;padding:4rem 2rem!important;margin:0!important;overflow-x:hidden!important}.page-container{max-width:900px!important;width:100%!important;margin:0 auto!important;padding:0!important}.content-section{margin-bottom:3.5rem!important;width:100%!important;max-width:100%!important}.content-section h2,.content-section h3,.content-section p,.content-section ul,.content-section div{width:100%!important;max-width:100%!important}.differences-grid,.content-section>div[style*=grid]{display:flex!important;justify-content:center!important;flex-wrap:wrap!important;gap:2rem!important;width:100%!important;margin:0 auto!important}.difference-card{flex:0 1 calc(33.333% - 1.5rem)!important;min-width:250px!important;max-width:350px!important}.endorsement-card,.contact-form,.cta-section,.highlight{width:100%!important;max-width:100%!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box!important}.simple-footer{width:100vw!important;max-width:100vw!important;background:#1f2937!important;color:#fff!important;padding:2rem 0!important;text-align:center!important;margin:0!important}.simple-footer .footer-container{max-width:1200px!important;width:100%!important;margin:0 auto!important;padding:0 2rem!important;display:flex!important;justify-content:space-between!important;align-items:center!important;flex-wrap:wrap!important;gap:1rem!important}@media(max-width:768px){.page-content{padding:2rem 1rem!important}.page-container{padding:0!important}.differences-grid{flex-direction:column!important;align-items:center!important}.difference-card{flex:0 1 100%!important;max-width:100%!important}.simple-navbar>*{padding:0 1rem!important}.simple-footer .footer-container{flex-direction:column!important;text-align:center!important}}@media(max-width:640px){.page-content{padding:1.5rem .75rem!important}}.institutional-page .faq-grid{display:grid!important;gap:1.5rem!important}.institutional-page .faq-item{background:#fff!important;padding:1.75rem!important;border-radius:16px!important;border:2px solid #E5E7EB!important;box-shadow:0 2px 8px #0000000d!important}.institutional-page .faq-item:hover{border-color:#c77f4e!important;box-shadow:0 4px 15px #c77f4e1a!important}.institutional-page .faq-item h3{color:#0a2540!important;font-size:1.15rem!important;font-weight:700!important;margin-bottom:.75rem!important}.institutional-page .faq-item p{color:#374151!important;font-size:1rem!important;line-height:1.7!important;margin:0!important}*{margin:0;padding:0;box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:rgba(100,116,139,.35) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:#64748b59;border-radius:3px}*::-webkit-scrollbar-thumb:hover{background:#64748b8c}*::-webkit-scrollbar-button{display:none}*::-webkit-scrollbar-corner{background:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f7fa;color:#333;line-height:1.6}#root{min-height:100vh}.app{display:flex;min-height:100vh}.app:has(.booking-portal),.app:has(.landing-home),.app:has(.portal-agency){flex-direction:column;width:100%}button{cursor:pointer;border:none;border-radius:6px;font-family:inherit;font-weight:500;transition:all .2s ease}input,select,textarea{font-family:inherit;border:1px solid #ddd;border-radius:6px;padding:8px 12px;transition:border-color .2s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:#bd2a2e;box-shadow:0 0 0 3px #bd2a2e1a}@media print{@page{margin:0;size:letter portrait}@page :first{margin-top:0}html,body{margin:0!important;padding:0!important;background:#fff!important;height:auto!important;overflow:visible!important}#root{display:none!important;visibility:hidden!important}.wristband-print-overlay{display:block!important;visibility:visible!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;height:auto!important;background:#fff!important;z-index:999999!important;padding:0!important;margin:0!important;box-shadow:none!important;border:none!important}.wristband-print-overlay *{visibility:visible!important}.wristband-print-content{display:block!important;visibility:visible!important;box-shadow:none!important;border-radius:0!important;border:none!important;padding:.4in!important;max-width:100%!important;width:100%!important;max-height:none!important;height:auto!important;background:#fff!important;overflow:visible!important}.wristband-print-content h1{color:#000!important;font-size:16pt!important;margin:0 0 4pt!important}.wristband-print-content h2{color:#000!important;font-size:12pt!important;margin:0 0 4pt!important}.wristband-print-content h3{color:#000!important;font-size:10pt!important;margin:0 0 3pt!important;page-break-after:avoid!important}.wristband-print-content h4{color:#000!important;font-size:9pt!important}.wristband-print-content p{color:#000!important;font-size:8pt!important;margin:1pt 0!important}.wristband-print-content table{border-collapse:collapse!important;width:100%!important;margin:4pt 0!important;page-break-inside:avoid!important;font-size:8pt!important}.wristband-print-content table th,.wristband-print-content table td{border:1px solid #999!important;padding:3pt 5pt!important;text-align:left!important;font-size:8pt!important;color:#000!important}.wristband-print-content table th{background-color:#34495e!important;color:#fff!important;font-weight:600!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.wristband-print-content>div{page-break-inside:avoid!important;margin-bottom:6pt!important}.no-print{display:none!important;visibility:hidden!important}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;color-adjust:exact!important}}@media screen and (max-width:768px){.reception-main-container button{font-size:12px!important}.reception-main-container{-webkit-overflow-scrolling:touch}}:root{--brand-primary: #BD2A2E;--brand-secondary: #486966;--brand-tertiary: #3B3936;--brand-quaternary: #B2BEBF;--brand-light: #889C9B;--brand-white: #ffffff;--brand-gradient: linear-gradient(135deg, #BD2A2E 0%, #3B3936 100%);--brand-gradient-soft: linear-gradient(135deg, #B2BEBF 0%, #889C9B 100%);--brand-gradient-dark: linear-gradient(135deg, #3B3936 0%, #486966 100%);--brand-gradient-red: linear-gradient(135deg, #BD2A2E 0%, #486966 100%);--brand-shadow: 0 2px 8px rgba(189, 42, 46, .2);--brand-shadow-dark: 0 2px 8px rgba(59, 57, 54, .3);--brand-text: #3B3936;--brand-text-light: #889C9B;--bg: #f4f6f8;--surface: #ffffff;--text: #2c3e50;--text-muted: #6c757d;--border: #e9ecef;--primary: #007bff;--primary-hover: #0056b3;--secondary: #6c757d;--secondary-hover: #545b62;--tertiary: #17a2b8;--tertiary-hover: #138496;--danger: #dc3545;--danger-hover: #c82333;--card-shadow: 0 2px 10px rgba(0,0,0,.08)}[data-theme=dark]{--bg: #0f141b;--surface: #151b23;--text: #e6edf3;--text-muted: #9aa7b2;--border: #2a3441;--primary: #3b82f6;--primary-hover: #2563eb;--secondary: #64748b;--secondary-hover: #475569;--tertiary: #06b6d4;--tertiary-hover: #0891b2;--danger: #ef4444;--danger-hover: #dc2626;--card-shadow: 0 2px 12px rgba(0,0,0,.35)}html,body,#root{height:100%}body{background:var(--bg);color:var(--text)}.action-btn,.btn-primary,.btn-secondary,.btn-tertiary,.btn-danger,.btn-success{padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px}.action-btn.primary,.btn-primary{background:#bd2a2e;color:#fff}.action-btn.primary:hover,.btn-primary:hover{background:#a82428;transform:translateY(-1px);box-shadow:0 2px 8px #bd2a2e40}.action-btn.secondary,.btn-secondary{background:#6c757d;color:#fff}.action-btn.secondary:hover,.btn-secondary:hover{background:#5a6268;transform:translateY(-1px)}.action-btn.tertiary,.btn-tertiary{background:#17a2b8;color:#fff}.action-btn.tertiary:hover,.btn-tertiary:hover{background:#138496;transform:translateY(-1px)}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333;transform:translateY(-1px)}.btn-success{background-color:#28a745;color:#fff}.btn-success:hover{background-color:#1e7e34;transform:translateY(-1px)}.btn-orange{background-color:#f39c12;color:#fff;border:none}.btn-orange:hover{background-color:#e67e22;transform:translateY(-1px)}.btn-primary.small,.btn-secondary.small{padding:6px 12px;font-size:12px}.room-actions>button,.room-actions .btn-primary,.room-actions .btn-secondary,.room-actions .btn-tertiary{flex:1 1 0%;min-width:140px;height:44px;padding:10px 15px;font-size:14px;text-align:center;white-space:nowrap}.reservation-actions>button,.reservation-actions .btn-primary,.reservation-actions .btn-secondary,.reservation-actions .btn-tertiary,.guest-actions>button,.guest-actions .btn-primary,.guest-actions .btn-secondary,.guest-actions .btn-tertiary{flex:1 1 auto;min-width:90px;height:36px;padding:6px 10px;font-size:12px;white-space:nowrap}.room-actions-list .btn-sm,.reservation-actions-list .btn-sm,.guest-actions-list .btn-sm{min-width:110px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-weight:600;white-space:nowrap}.logo-container{transition:all .3s ease}.logo-container:hover .logo-mark{transform:scale(1.05)}.navbar-logo{margin-bottom:8px}.login-logo{margin-bottom:0}.navbar{width:280px;background:var(--brand-gradient-dark)!important;color:#fff!important;display:flex!important;flex-direction:column;justify-content:space-between;height:100vh;position:fixed;left:0;top:0;z-index:100;box-shadow:2px 0 10px #0000001a;transition:width .3s ease;opacity:1!important;visibility:visible!important}@media(min-width:769px){.navbar.collapsed{width:60px}.navbar.collapsed .navbar-brand{justify-content:center;padding:15px 5px}.navbar.collapsed .collapse-toggle{position:relative;right:auto;top:auto;transform:none}.navbar.collapsed .navbar-link{justify-content:center;padding:15px 10px;border-left:none;border-bottom:3px solid transparent}.navbar.collapsed .navbar-link:hover,.navbar.collapsed .navbar-link.active{border-bottom-color:#4caf50}.navbar.collapsed .navbar-user{padding:10px;display:flex;flex-direction:column;gap:8px;align-items:center}.navbar.collapsed .btn-tertiary{width:36px;height:36px;padding:0;display:flex;align-items:center;justify-content:center}.navbar.collapsed .logout-button{width:36px;height:36px;padding:0;border-radius:6px}}.navbar-brand{padding:20px;border-bottom:1px solid rgba(255,255,255,.1);position:relative;display:flex;align-items:center;justify-content:space-between}.navbar-brand h1{font-size:24px;font-weight:700;margin:0;transition:all .3s ease;white-space:nowrap;overflow:hidden}.collapse-toggle{background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .3s ease;font-weight:700;display:flex;align-items:center;justify-content:center}.collapse-toggle:hover{background-color:#ffffff1a}.navbar-text{transition:opacity .3s ease;color:#ffffffe6!important;font-size:15px!important}.navbar-main{flex:1;overflow-y:auto;display:flex!important;flex-direction:column!important;width:100%!important}.navbar-menu{list-style:none!important;padding:20px 0!important;margin:0!important;display:block!important;width:100%!important;opacity:1!important;visibility:visible!important}.navbar-item{margin:5px 0!important;display:block!important;width:100%!important;opacity:1!important;visibility:visible!important}.navbar-link{display:flex!important;align-items:center;padding:15px 20px;color:#fffc!important;text-decoration:none;transition:all .3s ease;border-left:3px solid transparent;opacity:1!important;visibility:visible!important;width:100%!important;box-sizing:border-box}.navbar-link:hover{background-color:#ffffff1a;color:#fff!important;border-left-color:#4caf50}.navbar-link.active{background-color:#ffffff26;color:#fff!important;border-left-color:#4caf50}.navbar-icon{margin-right:12px;font-size:18px;color:#ffffffe6!important;display:inline-block!important}.navbar-user{padding:20px;border-top:1px solid rgba(255,255,255,.1);margin-top:auto;position:sticky;bottom:0;background:inherit;min-height:80px;display:flex;flex-direction:column;justify-content:center}.user-info{display:flex;flex-direction:column;margin-bottom:10px}.user-name{font-weight:600;font-size:14px;color:#fff!important;margin-bottom:4px}.user-role{font-size:12px;color:#ffffffb3!important;text-transform:capitalize}.logout-button{width:100%;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:6px}.logout-button:hover{background:#fff3;border-color:#ffffff4d}.main-content{margin-left:280px;padding:30px;width:calc(100% - 280px);min-height:100vh;transition:margin-left .3s ease,width .3s ease;box-sizing:border-box}.main-content.navbar-collapsed{margin-left:60px;width:calc(100vw - 60px);padding:30px;max-width:none}.main-content>*{max-width:100%}.main-content.navbar-collapsed>*{width:100%!important;max-width:100%!important}.main-content.navbar-collapsed *{max-width:100%!important;box-sizing:border-box}.main-content.navbar-collapsed .stats-grid,.main-content.navbar-collapsed .rooms-grid,.main-content.navbar-collapsed .reservations-grid,.main-content.navbar-collapsed .guests-grid{width:100%!important;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.main-content.navbar-collapsed .table-container,.main-content.navbar-collapsed table{width:100%}.main-content.navbar-collapsed .container,.main-content.navbar-collapsed .page-container,.main-content.navbar-collapsed .content-wrapper{width:100%!important;max-width:100%!important}.main-content.navbar-collapsed .dashboard,.main-content.navbar-collapsed .rooms,.main-content.navbar-collapsed .reservations,.main-content.navbar-collapsed .guests{width:100%!important;max-width:none!important}.main-content.navbar-collapsed{right:0;overflow-x:hidden}.app-main{position:relative;width:100vw;overflow-x:hidden}.main-content.navbar-collapsed .dashboard-header,.main-content.navbar-collapsed .reservations-header,.main-content.navbar-collapsed .rooms-header,.main-content.navbar-collapsed .guests-header{width:100%!important;max-width:none!important}.main-content.navbar-collapsed .stats-grid{display:grid;width:100%!important;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.main-content.navbar-collapsed .flex,.main-content.navbar-collapsed .flex-1,.main-content.navbar-collapsed .w-full{width:100%!important;flex:1 1 100%!important}.guest-suggestions{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #ddd;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 6px #0000001a}.guest-suggestion{padding:10px 15px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s ease}.guest-suggestion:hover{background-color:#f8f9fa}.guest-suggestion:last-child{border-bottom:none}.form-group{position:relative;margin-bottom:15px}.form-row{display:flex;gap:20px;margin-bottom:15px}.form-row .form-group{flex:1;margin-bottom:0}.form-group label{display:block;margin-bottom:5px;font-weight:600;color:#333}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#bd2a2e;box-shadow:0 0 0 2px #bd2a2e1a}.form-group textarea{resize:vertical;min-height:40px}.app-topbar-mode{position:relative;width:100vw;overflow-x:hidden}.main-content.topbar-mode{margin-left:0;margin-top:0;padding:24px;width:100%;min-height:calc(100vh - 60px);transition:none;box-sizing:border-box}.main-content.topbar-mode .stats-grid,.main-content.topbar-mode .rooms-grid,.main-content.topbar-mode .reservations-grid,.main-content.topbar-mode .guests-grid{width:100%;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.main-content.topbar-mode .kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;width:100%}.main-content.topbar-mode .table-container,.main-content.topbar-mode table{width:100%}.main-content.topbar-mode .container,.main-content.topbar-mode .page-container,.main-content.topbar-mode .content-wrapper{width:100%;max-width:100%}.main-content.topbar-mode .dashboard-header,.main-content.topbar-mode .reservations-header,.main-content.topbar-mode .rooms-header,.main-content.topbar-mode .guests-header{width:100%;max-width:none}@media(max-width:768px){.main-content.topbar-mode{padding:16px}.main-content.topbar-mode .kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.main-content.topbar-mode{padding:12px}.main-content.topbar-mode .kpi-grid{grid-template-columns:1fr}}.dashboard-header{margin-bottom:24px;background:#fff;border-radius:12px;padding:20px 24px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.current-time{background:#374151;color:#fff;padding:8px 16px;border-radius:8px;font-weight:600;font-size:14px;letter-spacing:.3px}.loading-indicator{color:#6b7280;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dashboard-header h2{color:#111827;font-size:28px;font-weight:700;margin:0;letter-spacing:-.5px}.date-info{background:#f3f4f6;padding:10px 16px;border-radius:8px;color:#4b5563;font-weight:500;font-size:14px;text-transform:capitalize;border:1px solid #e5e7eb}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;margin-bottom:16px}.kpi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.kpi-grid{grid-template-columns:1fr}}.secondary-stats{background:#fff;border-radius:12px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb}.card{box-sizing:border-box}@media(max-width:768px){.dashboard-header h2{font-size:22px}.current-time{font-size:12px;padding:6px 12px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:8px}.secondary-stats{padding:12px}}@media(max-width:480px){.stats-grid{grid-template-columns:1fr}}.secondary-stats h4{color:#111827;margin-bottom:15px;font-size:16px;font-weight:600}.secondary-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:15px}.secondary-stat{background:#f8f9fa;padding:15px;border-radius:8px;text-align:center;border-left:3px solid #e9ecef}.secondary-stat.maintenance{border-left-color:#ff9800;background:#fff3e0}.secondary-stat.cleaning{border-left-color:#ffeb3b;background:#fffde7}.secondary-stat .number{display:block;font-size:20px;font-weight:700;color:#111827;margin-bottom:4px}.secondary-stat .label{font-size:12px;color:#6b7280;text-transform:uppercase;font-weight:600;letter-spacing:.3px}.stat-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;display:flex;align-items:center;min-height:88px;gap:10px;transition:all .2s ease}.stat-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a;border-color:#d1d5db}.stat-card.clickable{cursor:pointer}.stat-card.clickable:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001f;border-color:#bd2a2e}.stat-card.available{border-left:4px solid #4CAF50}.stat-card.occupied{border-left:4px solid #f44336}.stat-icon{font-size:24px;margin-right:8px}.stat-content h3{font-size:22px;font-weight:700;color:#111827;margin:0;word-break:break-word;line-height:1.2}.stat-content h3.currency{font-size:20px;line-height:1.1;max-width:120px;overflow-wrap:break-word}.stat-content p{color:#6b7280;font-size:12px;margin:4px 0 0;white-space:nowrap}.kpi-badge{display:inline-block;margin-left:6px;padding:2px 6px;border-radius:10px;font-size:10px;font-weight:700}.kpi-badge.good{background:#e6f7ed;color:#137a2a}.kpi-badge.bad{background:#fdecea;color:#b42318}.dashboard-actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0;padding:16px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;justify-content:center}.dashboard-actions .action-btn{flex:1 1 auto;min-width:160px;max-width:220px;padding:14px 20px;font-size:14px;font-weight:600;border-radius:10px;box-shadow:0 1px 2px #0000000d;transition:all .2s ease;border:none}.dashboard-actions .action-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.dashboard-actions .action-btn.primary{background:#bd2a2e;color:#fff}.dashboard-actions .action-btn.secondary{background:#475569;color:#fff}.dashboard-actions .action-btn.tertiary{background:#0284c7;color:#fff}@media(max-width:900px){.dashboard-actions{padding:14px 16px;gap:10px}.dashboard-actions .action-btn{min-width:140px;padding:12px 16px;font-size:13px}}@media(max-width:600px){.dashboard-actions{padding:12px;gap:8px;border-radius:12px}.dashboard-actions .action-btn{flex:1 1 calc(50% - 4px);min-width:unset;max-width:unset;padding:12px 10px;font-size:12px;border-radius:10px}}@media(max-width:400px){.dashboard-actions .action-btn{flex:1 1 100%;padding:14px 12px;font-size:13px}}.quick-actions-panel{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #00000014;border:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.quick-actions-section h4{color:#111827;margin-bottom:15px;font-size:16px;font-weight:600}.quick-actions-list{display:flex;flex-direction:column;gap:10px}.quick-action-item{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.quick-action-item:hover{background:#f3f4f6;border-color:#d1d5db}.action-info{display:flex;flex-direction:column;gap:2px}.action-info strong{color:#111827;font-size:14px;font-weight:600}.action-info span{color:#6b7280;font-size:12px}.no-actions{color:#6b7280;font-style:italic;text-align:center;padding:20px}.upcoming-arrivals{background:#f8fafc;border-radius:12px;padding:20px;border:1px solid #e5e7eb;border-left:4px solid #0284c7}.upcoming-arrivals h4{color:#0369a1;margin-bottom:15px;font-size:16px;font-weight:600}.arrivals-list{display:flex;flex-direction:column;gap:8px}.arrival-item{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#fff;border-radius:8px;border:1px solid #e5e7eb}.arrival-item strong{color:#0369a1;font-size:14px;font-weight:600}.arrival-item span{color:#4b5563;font-size:12px}.rooms-header,.reservations-header,.guests-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:30px}.rooms-actions{display:flex;gap:10px;flex-wrap:wrap}.rooms-header h2,.reservations-header h2,.guests-header h2{color:#2c3e50;font-size:28px;font-weight:600}.rooms-stats{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.rooms-stats .stat-item{background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 8px #0000000d;text-align:center;min-width:100px;border-left:3px solid #e9ecef}.rooms-stats .stat-item.available{border-left-color:#4caf50}.rooms-stats .stat-item.occupied{border-left-color:#f44336}.rooms-stats .stat-item.maintenance{border-left-color:#ff9800}.rooms-stats .stat-item.cleaning{border-left-color:#ffeb3b}.rooms-filters{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:12px;font-weight:600;color:#6c757d;text-transform:uppercase}.filter-select,.search-input{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;min-width:150px}.filter-results{margin-left:auto;padding:8px 12px;background:#e3f2fd;border-radius:6px;color:#1976d2;font-size:14px;font-weight:500}.rooms-legend{display:flex;gap:20px;margin-bottom:30px;padding:15px;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000d}.legend-item{display:flex;align-items:center;font-size:14px;color:#6c757d}.status-indicator{width:12px;height:12px;border-radius:50%;margin-right:8px}.status-indicator.green{background-color:#4caf50}.status-indicator.red{background-color:#f44336}.status-indicator.orange{background-color:#ff9800}.status-indicator.yellow{background-color:#ffeb3b}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.room-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px #00000014;transition:transform .2s ease}.room-card:hover{transform:translateY(-2px)}.room-header h3{color:#2c3e50;font-size:18px;margin:0}.status-badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.status-badge.green{background-color:#e8f5e8;color:#4caf50}.status-badge.red{background-color:#ffebee;color:#f44336}.status-badge.orange{background-color:#fff3e0;color:#ff9800}.status-badge.yellow{background-color:#fffde7;color:#f57f17}.status-badge.blue{background-color:#e3f2fd;color:#1976d2}.status-badge.gray{background-color:#f5f5f5;color:#6c757d}.room-details{margin-bottom:15px}.room-details p{margin:8px 0;color:#6c757d}.room-actions{display:flex;gap:8px;flex-wrap:wrap}.reservations-stats{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.reservations-stats .stat-item{background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 8px #0000000d;text-align:center;min-width:100px;border-left:3px solid #e9ecef}.reservations-stats .stat-item.confirmed{border-left-color:#2196f3}.reservations-stats .stat-item.checked-in{border-left-color:#4caf50}.reservations-stats .stat-item.pending{border-left-color:#ff9800}.reservations-stats .stat-item.cancelled{border-left-color:#f44336}.today-activity{background:linear-gradient(135deg,#fff3e0,#e8f5e8);border-radius:12px;padding:20px;margin-bottom:20px;border-left:4px solid #ff9800}.today-activity h4{color:#e65100;margin-bottom:15px;font-size:16px}.activity-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.activity-section h5{color:#2c3e50;margin-bottom:10px;font-size:14px}.activity-item{background:#fffc;padding:8px 12px;border-radius:6px;margin-bottom:5px;font-size:14px}.activity-item strong{color:#1976d2}.reservations-filters{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.reservation-summary{background:#e3f2fd;border-radius:8px;padding:15px;margin:15px 0;border-left:4px solid #2196f3}.reservation-summary h4{color:#1976d2;margin-bottom:10px;font-size:16px}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:16px}.summary-row strong{color:#1976d2;font-size:18px}.no-reservations{text-align:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.no-reservations h3{color:#2c3e50;margin-bottom:10px}.no-reservations p{color:#6c757d;margin-bottom:20px}.reservations-list,.guests-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.reservation-card,.guest-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 10px #00000014;transition:transform .2s ease;display:flex;flex-direction:column;height:100%;min-height:280px}.reservation-card:hover,.guest-card:hover{transform:translateY(-2px)}.guest-card.checked-in{border-left:4px solid #4CAF50}.reservation-header,.guest-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:10px}.reservation-header h3,.guest-header h3{color:#2c3e50;font-size:16px;margin:0;line-height:1.3}.reservation-details,.guest-details{margin-bottom:12px;flex:1}.reservation-details p,.guest-details p{margin:6px 0;color:#6c757d;font-size:14px;line-height:1.4}.reservation-actions,.guest-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto}.modal-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;box-sizing:border-box}.modal{background:#fff;border-radius:12px;padding:0;max-width:700px;width:95vw;max-height:90vh;overflow:hidden;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #eee;position:sticky;top:0;background:#f8f9fa;z-index:1;border-radius:12px 12px 0 0}.modal-header h3{margin:0;color:#2c3e50}.close-btn{background:none;border:none;font-size:22px;cursor:pointer;color:#6c757d;padding:6px;width:32px;height:32px;border-radius:50%}.close-btn:hover{color:#dc3545}.modal-content{padding:0 20px 20px;display:flex;flex-direction:column;box-sizing:border-box}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #eee;position:sticky;bottom:0;background:#fff}.room-details-modal{display:flex;flex-direction:column;gap:15px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#f8f9fa;border-radius:6px;color:#2c3e50!important}.detail-row strong{color:#2c3e50!important;font-weight:600}.detail-row,.detail-row *{color:#2c3e50!important}.reservation-form,.guest-form{padding:20px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:6px;font-weight:500;color:#2c3e50}.form-group input,.form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:20px;border-top:1px solid #eee}.guests-filters{background:#fff;padding:20px;border-radius:12px;margin-bottom:20px;box-shadow:0 2px 8px #0000000d;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.guests-stats{display:flex;gap:15px;margin-bottom:20px;flex-wrap:wrap}.guests-stats .stat-item{background:#fff;padding:15px 20px;border-radius:8px;box-shadow:0 2px 8px #0000000d;text-align:center;min-width:100px;border-left:3px solid #e9ecef}.guests-stats .stat-item.checked-in{border-left-color:#4caf50}.guests-stats .stat-item.not-checked-in{border-left-color:#6c757d}.stat-item{background:#fff;padding:20px;border-radius:12px;box-shadow:0 2px 10px #00000014;text-align:center;flex:1}.stat-number{display:block;font-size:24px;font-weight:700;color:#166534;margin-bottom:5px}.stat-label{color:#6c757d;font-size:14px}.guests-actions{display:flex;gap:15px;align-items:center}.upcoming-info{background:#e8f5e8;padding:10px;border-radius:6px;margin:10px 0;border-left:3px solid #4CAF50}.upcoming-info p{margin:4px 0;color:#2e7d32;font-size:14px}.no-guests{text-align:center;padding:40px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d}.no-guests h3{color:#2c3e50;margin-bottom:10px}.no-guests p{color:#6c757d;margin-bottom:20px}.guest-details-modal{display:flex;flex-direction:column;gap:15px;max-height:75vh;min-height:300px;overflow-y:auto;overflow-x:hidden;padding:15px}@media(min-width:769px){.guest-details-modal,.guest-history{max-height:85vh;min-height:500px}.modal-overlay .guest-modal-container{max-width:900px!important;max-height:92vh!important;width:90vw!important;display:flex;flex-direction:column;background:#fff!important;border-radius:12px!important;box-shadow:0 10px 30px #0000004d!important;animation:none!important}.guest-modal-overlay{position:fixed!important;inset:0!important;background:#0009!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;animation:none!important}.guest-modal-container .modal-header{background:#f8f9fa!important;border-bottom:1px solid #e9ecef!important;padding:20px 24px!important;position:static!important;overflow:visible!important;color:#2c3e50!important}.guest-modal-container .modal-header h3{color:#2c3e50!important;margin:0}.guest-modal-container .modal-header:before{display:none!important}}.guest-details-modal .detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 15px;background:#f8f9fa;border-radius:6px;border-left:3px solid var(--brand-light);transition:all .3s ease;color:#2c3e50!important}.guest-details-modal .detail-row:hover{background:#e9ecef;border-left-color:var(--brand-primary)}.guest-details-modal .detail-row strong{color:var(--brand-tertiary);font-weight:600;min-width:120px;text-align:left}.guest-details-modal .detail-row,.guest-details-modal .detail-row span,.guest-details-modal .detail-row strong{color:#2c3e50!important}.guest-modal-container .modal-content{color:#2c3e50!important;background:#fff!important}.guest-modal-container .modal-content *,.guest-modal-container .modal-content span,.guest-modal-container .modal-content div,.guest-modal-container .modal-content p{color:#2c3e50!important}.guest-modal-container .modal-content strong{color:#2c3e50!important;font-weight:600}.guest-history{max-height:70vh;overflow-y:auto;overflow-x:hidden;padding:10px;color:#2c3e50!important}.guest-history h4{color:#2c3e50!important;margin-bottom:15px;font-size:16px;position:sticky;top:0;background:#fff;padding:10px 0;z-index:1}.guest-history *,.guest-history p,.guest-history span,.guest-history div{color:#2c3e50!important}.history-list{display:flex;flex-direction:column;gap:15px;max-height:400px;overflow-y:auto}.history-item{background:#f8f9fa;border-radius:8px;padding:15px;border-left:4px solid var(--brand-primary);border:1px solid #e9ecef;transition:all .3s ease}.history-item:hover{background:#f1f3f4;border-left-color:var(--brand-secondary);box-shadow:0 2px 8px #0000001a}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.history-header strong{color:#2c3e50!important;font-size:16px}.history-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.history-details p{margin:4px 0;font-size:14px;color:#6c757d}.history-details strong{color:#2c3e50!important;font-weight:600}.no-history{text-align:center;color:#6c757d;font-style:italic;padding:40px 20px;background:#f8f9fa;border-radius:8px;border:2px dashed #dee2e6;margin:20px 0}.users-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.user-card{background:#fff;border-radius:12px;box-shadow:0 2px 10px #00000014;padding:20px;transition:transform .2s ease,box-shadow .2s ease;border-left:4px solid #3498db}.user-card:hover{transform:translateY(-2px);box-shadow:0 4px 20px #0000001f}.user-card.inactive{opacity:.6;border-left-color:#95a5a6}.user-header{display:flex;align-items:center;gap:15px;margin-bottom:15px}.user-avatar{width:50px;height:50px;background:linear-gradient(135deg,#bd2a2e,#3b3936);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.user-info h3{margin:0;font-size:18px;color:#2c3e50;font-weight:600}.user-details{display:flex;gap:10px;margin-top:5px;align-items:center}.role-badge{background:#3498db;color:#fff;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:500}.department{color:#7f8c8d;font-size:12px}.user-contact{background:#f8f9fa;border-radius:8px;padding:12px;margin:15px 0;font-size:14px}.user-contact>div{margin:4px 0;color:#34495e}.user-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.btn-sm{padding:6px 12px;font-size:12px;border-radius:6px}.access-denied{text-align:center;padding:60px 20px}.access-denied h2{color:#e74c3c;margin-bottom:20px}.access-denied p{color:#7f8c8d;font-size:16px}.modal-overlay .modal-content{background:#fff;border-radius:12px;width:90vw;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 10px 30px #0000004d;position:relative;display:flex;flex-direction:column}.modal-overlay .modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e9ecef;background:#f8f9fa;border-radius:12px 12px 0 0;flex-shrink:0}.modal-overlay .modal-header h3{margin:0;color:#2c3e50;font-size:20px;font-weight:600}.modal-overlay .modal-close{background:none;border:none;font-size:24px;color:#6c757d;cursor:pointer;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.modal-overlay .modal-close:hover{background:#e9ecef;color:#dc3545}.modal-overlay .modal-body{padding:24px;flex:1;overflow-y:auto}.modal-overlay .modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e9ecef;background:#f8f9fa;border-radius:0 0 12px 12px;flex-shrink:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .form-group{margin:0}.form-grid .form-group label{display:block;margin-bottom:6px;color:#34495e;font-weight:500;font-size:14px}.form-grid .form-group input,.form-grid .form-group select{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .3s ease}.form-grid .form-group input:focus,.form-grid .form-group select:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db1a}.form-grid .form-group:nth-child(5){grid-column:1 / -1}.error-message{background:#fff5f5;border:1px solid #fed7d7;color:#c53030;padding:12px;border-radius:6px;margin-bottom:20px;font-size:14px}@media(max-width:768px){.users-grid{grid-template-columns:1fr}.user-actions{justify-content:center}.form-grid{grid-template-columns:1fr}.modal-overlay .modal-content,.modal{width:95vw;max-height:85vh;margin:0 10px}.modal-overlay .modal-header,.modal-overlay .modal-body,.modal-overlay .modal-footer{padding:16px}.modal-overlay .modal-footer,.modal-actions{flex-direction:column;gap:8px}.modal-overlay .modal-footer .btn,.modal-actions .btn-primary,.modal-actions .btn-secondary{width:100%}}.housekeeping-page{padding:20px}.housekeeping-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid #e9ecef}.housekeeping-tabs .tab{padding:12px 20px;border:none;background:transparent;color:#6c757d;cursor:pointer;font-weight:500;border-bottom:3px solid transparent;transition:all .3s ease}.housekeeping-tabs .tab:hover{color:#495057;background-color:#f8f9fa}.housekeeping-tabs .tab.active{color:#007bff;border-bottom-color:#007bff;background-color:#f8f9fa}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:20px}.room-card.housekeeping{border:2px solid #e9ecef;border-radius:12px;padding:20px;background:#fff;box-shadow:0 2px 10px #0000001a;transition:all .3s ease}.room-card.housekeeping:hover{transform:translateY(-5px);box-shadow:0 5px 20px #00000026}.room-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.room-header h3{margin:0;color:#333;font-size:18px}.room-header .status{padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase}.status.cleaning{background-color:#fff3cd;color:#856404;border:1px solid #ffeaa7}.status.available{background-color:#d4edda;color:#155724;border:1px solid #00b894}.status.occupied{background-color:#f8d7da;color:#721c24;border:1px solid #e17055}.status.maintenance{background-color:#d1ecf1;color:#0c5460;border:1px solid #74b9ff}.room-details{margin-bottom:20px}.room-details p{margin:8px 0;color:#666;font-size:14px}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.last-note{margin:12px 0;padding:8px 12px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-left:4px solid #007bff;border-radius:6px;display:flex;align-items:center;gap:8px;animation:fadeInUp .3s ease-out}.note-icon{font-size:14px;opacity:.8}.note-text{font-size:13px;color:#495057;font-style:italic;line-height:1.4;flex:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.summary-actions{margin-top:16px;padding-top:12px;border-top:1px solid rgba(0,0,0,.06);display:flex;gap:8px;justify-content:flex-end}.summary-actions .btn{flex:1;max-width:100%;padding:10px 16px;font-size:14px;font-weight:600;border-radius:8px;transition:all .2s ease}.summary-actions .btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.notes-list{display:flex;flex-direction:column;gap:12px}.note-item{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e9ecef;border-left:4px solid #28a745;border-radius:8px;padding:12px;transition:all .3s ease}.note-item:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-2px)}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.note-room{font-weight:600;color:#495057;font-size:13px}.note-time{font-size:12px;color:#6c757d;background:#f8f9fa;padding:2px 6px;border-radius:10px}.note-content{font-size:14px;color:#495057;font-style:italic;line-height:1.4}.request-notes{margin-top:12px;padding:8px 12px;background:linear-gradient(135deg,#fff8e1,#fff3c4);border-left:4px solid #ff9800;border-radius:6px;animation:fadeInUp .3s ease-out}.note-content-request{font-size:13px;color:#e65100;font-style:italic;margin-top:4px;padding:4px 8px;background:#ff98001a;border-radius:4px;border:1px solid rgba(255,152,0,.2)}.notes-section{max-width:800px}.notes-list{display:flex;flex-direction:column;gap:15px;margin-top:20px}.note-card{border:1px solid #e9ecef;border-radius:10px;padding:20px;background:#fff;box-shadow:0 2px 5px #0000000d}.note-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.note-header h4{margin:0;color:#333;font-size:16px}.priority-badge{padding:4px 8px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;color:#fff;min-width:60px;text-align:center}.note-body{margin-bottom:15px}.note-body p{margin:8px 0;color:#666;line-height:1.5}.note-footer{border-top:1px solid #f1f1f1;padding-top:10px}.note-footer small{color:#999;font-style:italic}.staff-section h3{margin-bottom:20px;color:#333}.staff-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px;margin-top:20px}.staff-card{border:1px solid #e9ecef;border-radius:10px;padding:20px;background:#fff;text-align:center;box-shadow:0 2px 5px #0000000d}.staff-card h4{margin:0 0 10px;color:#333}.staff-card p{margin:5px 0;color:#666;font-size:14px}.reports-section{text-align:center;padding:40px 20px;color:#666}@media(max-width:768px){.rooms-grid{grid-template-columns:1fr}.housekeeping-tabs{flex-wrap:wrap}.room-actions{flex-direction:column}.room-actions .btn{min-width:auto}.staff-list{grid-template-columns:1fr}.summary-grid{grid-template-columns:1fr;gap:16px;padding:2px}.summary-card{padding:16px;border-radius:12px}.summary-card .summary-header{flex-direction:column;align-items:flex-start;gap:6px}.summary-card .hk-name{font-size:15px}.summary-card .progress-label{font-size:12px;align-self:flex-end;width:100%}.summary-card .summary-chips{gap:6px;margin:8px 0}.summary-card .chip.stat{font-size:12px;padding:6px 10px}.summary-actions{margin-top:12px;padding-top:10px}.summary-actions .btn{font-size:13px;padding:8px 12px;white-space:normal;min-width:100%;line-height:1.3;min-height:44px}.last-note{margin:10px 0;padding:8px 10px}.note-text{font-size:12px}.summary-card{min-width:0;width:100%;overflow:hidden}.summary-card .summary-header{min-width:0}.summary-card .hk-name{min-width:0;word-break:break-word}.report-controls select{font-size:16px!important;padding:12px 14px!important;-webkit-appearance:menulist;appearance:menulist}.report-controls select option{font-size:16px;padding:12px;background:#fff;color:#1f2937}.housekeeping-page{padding:12px!important}.housekeeping-page .page-header h1{font-size:20px}.housekeeping-page .page-header p{font-size:13px}.housekeeping-tabs{flex-direction:column;gap:4px;border-bottom:none;padding-bottom:8px;margin-bottom:14px;border-bottom:2px solid #e9ecef}.housekeeping-tabs .tab{width:100%;text-align:center;padding:12px;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:4px}.housekeeping-tabs .tab.active{border-color:#007bff;background-color:#eff6ff}.housekeeping-tabs .btn{width:100%;margin-left:0!important;margin-top:6px}.assignments-section>div:first-child{padding:16px!important;border-radius:12px!important}.assignments-grid{grid-template-columns:1fr!important;gap:12px!important}.assignment-card{padding:14px!important;min-width:0;overflow:hidden}.assignment-card .assignment-header{flex-wrap:wrap;gap:8px}.assignment-card .assignment-header h4{font-size:15px!important;word-break:break-word;min-width:0;flex:1}.assignment-card .assignment-body>div:first-child{grid-template-columns:1fr!important;gap:6px!important}.assignment-card .room-tag{word-break:break-word;max-width:100%}.assignment-card .assignment-actions{justify-content:stretch!important;flex-direction:column;gap:6px}.assignment-card .assignment-actions .btn{width:100%;padding:12px!important;font-size:14px!important}}@media(max-width:400px){.housekeeping-page .page-header h1{font-size:18px}.assignment-card{padding:12px!important}.assignment-card .assignment-header h4{font-size:14px!important}}.housekeeping-dashboard{padding:20px;background-color:#f8f9fa;min-height:100vh}.period-selector{display:flex;gap:10px;margin-bottom:20px;background:#fff;padding:10px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.period-selector button{padding:8px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;transition:all .3s ease}.period-selector button.active{background:#007bff;color:#fff;border-color:#007bff}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px}.stat-card{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:15px}.stat-icon{font-size:2.5rem;opacity:.8}.stat-content h3{margin:0 0 10px;color:#333;font-size:1.1rem}.stat-breakdown{display:flex;flex-direction:column;gap:5px}.breakdown-item{display:flex;justify-content:space-between;font-size:.9rem}.breakdown-item .label{color:#666}.breakdown-item .value{font-weight:600;color:#333}.dashboard-content{display:flex;flex-direction:column;gap:30px}.dashboard-section h3{margin-bottom:15px;color:#333;font-size:1.3rem}.team-performance{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:15px}.team-member-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.member-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.member-header h4{margin:0;color:#333}.status-badge.active{background:#d4edda;color:#155724}.status-badge.break{background:#fff3cd;color:#856404}.member-stats{display:flex;flex-direction:column;gap:5px}.stat-item{display:flex;justify-content:space-between;font-size:.9rem}.stat-item .label{color:#666}.stat-item .value{font-weight:600;color:#333}.stat-item .value.efficiency{font-weight:700}.pending-tasks{display:flex;flex-direction:column;gap:10px}.task-card{background:#fff;padding:15px;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;gap:15px}.task-header{display:flex;align-items:center;gap:10px;min-width:80px}.priority-indicator{width:8px;height:8px;border-radius:50%}.task-time{font-weight:600;color:#666;font-size:.9rem}.task-content{flex:1}.task-content p{margin:0;color:#333}.quick-actions{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.quick-action-btn{padding:15px;background:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;text-align:left}.quick-action-btn:hover{background:#f8f9fa;border-color:#007bff;transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.housekeeping-rooms-page{padding:20px;background-color:#f8f9fa;min-height:100vh}.rooms-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-bottom:30px}.rooms-stats .stat-card{text-align:center;padding:15px}.rooms-stats .stat-card h3{margin-bottom:10px;font-size:1rem;color:#666}.stat-number{font-size:2rem;font-weight:700;color:#007bff}.rooms-stats .stat-card.requests-stat{display:flex;align-items:flex-start;text-align:left;padding:16px 18px}.rooms-stats .stat-card.requests-stat h3{margin:0 0 6px;font-size:1rem}.rooms-stats .stat-card.requests-stat .stat-number{font-size:1.8rem;line-height:1.1}.rooms-stats .stat-card.requests-stat .requests-meta{margin-top:4px;color:#6c757d;font-size:12px;line-height:1.2}.rooms-grid.housekeeping-view{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;align-items:start;align-content:start}.summary-section{margin-top:10px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;padding:4px;margin-bottom:20px}.summary-card{background:linear-gradient(135deg,#fff,#f0fdfa);border:1px solid rgba(13,148,136,.15);border-radius:16px;padding:20px;box-shadow:0 4px 12px #0d948814;transition:all .3s ease;position:relative;border-top:4px solid #0d9488}.summary-card:hover{box-shadow:0 8px 24px #0d948826;transform:translateY(-3px);border-color:#0d948840;border-top-color:#06b6d4}.summary-card .summary-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:8px;flex-wrap:wrap}.summary-card .hk-name{font-weight:700;font-size:18px;color:#0f766e}.summary-card .progress{position:relative;height:10px;background:#0d94881a;border-radius:999px;overflow:hidden;margin-bottom:10px}.summary-card .progress-bar{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,#0d9488,#06b6d4);transition:width .3s ease;box-shadow:0 0 10px #0d94884d}.summary-card .progress-label{text-align:right;font-size:14px;color:#0f766e;font-weight:700}.summary-card .summary-chips{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0;align-items:center}.summary-card .chip.stat{font-weight:600;background:#0000000f;padding:6px 12px;border-radius:20px;font-size:13px;white-space:nowrap}.summary-card .chip.stat.toclean{background:#06b6d41f;color:#0891b2}.summary-card .chip.stat.inprogress{background:#f59e0b26;color:#d97706}.summary-card .chip.stat.completed{background:#0d948826;color:#0d9488}.summary-card .chip.stat.minutes{background:#6b72801f;color:#6b7280}.summary-card .sup-title{display:block;font-size:12px;color:#0f766e;margin-bottom:4px}.summary-card .last-note{background:#0d948814;border-radius:10px;padding:10px 12px;margin:12px 0;display:flex;gap:8px;align-items:flex-start}.summary-card .last-note .note-icon{font-size:16px;flex-shrink:0}.summary-card .last-note .note-text{font-size:13px;color:#374151;font-style:italic;line-height:1.4}.summary-card .summary-actions{margin-top:14px;padding-top:14px;border-top:1px solid rgba(13,148,136,.1);display:flex;justify-content:flex-end}.summary-card .summary-actions .btn{background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;border:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0d948840;white-space:nowrap}.summary-card .summary-actions .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0d948859}.priority-badge{margin-left:auto;font-weight:600;padding:2px 8px;border-radius:999px;font-size:12px}.priority-badge.low{background:#2ecc7126;color:#2ecc71}.priority-badge.normal{background:#3498db26;color:#3498db}.priority-badge.high{background:#fd7e1426;color:#fd7e14}.priority-badge.urgent{background:#e74c3c26;color:#e74c3c}.completed-modal{max-width:900px}.completed-body{max-height:70vh;overflow:auto}.completed-list{display:grid;gap:12px}.completed-item{background:var(--card-bg, #fff);border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:12px 14px}.completed-item .item-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.room-badge{font-size:18px;font-weight:700;padding:4px 10px;border-radius:8px;background:linear-gradient(90deg,#6a11cb,#2575fc);color:#fff}.time-meta{display:flex;align-items:center;gap:10px}.time-chip{background:#27ae601f;color:#27ae60;padding:2px 8px;border-radius:999px;font-weight:600}.time-range{color:#666;font-size:13px}.condition-badge{padding:2px 8px;border-radius:999px;font-weight:600;font-size:12px}.condition-badge.good{background:#2ecc7126;color:#2ecc71}.condition-badge.excellent{background:#3498db26;color:#3498db}.condition-badge.needs_attention{background:#e74c3c26;color:#e74c3c}.notes-block{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 6px}.note{background:#00000008;padding:8px;border-radius:8px}.note-title{font-weight:600;margin-bottom:4px}.note-text{white-space:pre-wrap}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.detail-title{font-weight:600;margin-bottom:4px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:#0000000f;border-radius:999px;padding:2px 10px;font-size:12px}.completed-item ul{margin:0;padding-left:18px}.room-card.housekeeping.cleaning{border-left:4px solid #ffc107}.room-card.housekeeping.available{border-left:4px solid #28a745}.room-card.housekeeping.maintenance{border-left:4px solid #dc3545}.room-info{padding:15px}.info-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}.info-item strong{color:#666}.btn.btn-sm{padding:6px 12px;font-size:.8rem}.assignment-modal{max-width:700px}.guest-request-modal{max-width:600px}.room-check-modal{max-width:800px;max-height:90vh;overflow-y:auto}.assignment-form{display:flex;flex-direction:column;gap:20px}.form-section{border:1px solid #e9ecef;border-radius:8px;padding:15px;background:#f8f9fa}.form-section h4{margin:0 0 15px;color:#495057;font-size:1.1rem}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-group label{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px;border-radius:4px;transition:background-color .3s ease}.radio-group label:hover{background:#007bff1a}.rooms-checklist{max-height:300px;overflow-y:auto;border:1px solid rgba(13,148,136,.2);border-radius:10px;padding:12px;background:#f0fdfa}.room-checkbox{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;transition:all .3s ease;background:#fff;margin-bottom:6px;border:1px solid transparent}.room-checkbox:hover{background:#ccfbf1;border-color:#0d948833}.room-checkbox input[type=checkbox]:checked+.room-info .room-number{color:#0d9488}.room-info{flex:1;display:flex;flex-direction:column}.room-number{font-weight:600;color:#1f2937}.room-details{font-size:.85rem;color:#6b7280}.selected-summary{margin-top:12px;padding:12px 16px;background:linear-gradient(135deg,#0d94881a,#06b6d41a);color:#0f766e;border-radius:10px;font-weight:600;border:1px solid rgba(13,148,136,.15)}.assignments-section,.requests-section,.maintenance-section{padding:20px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid rgba(13,148,136,.2)}.section-header h3{margin:0;color:#0f766e;font-weight:700}.assignments-list,.requests-list,.maintenance-list{display:flex;flex-direction:column;gap:15px}.assignment-card,.request-card,.maintenance-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.assignment-card:hover,.request-card:hover,.maintenance-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.assignment-header,.request-header,.maintenance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.assignment-header h4,.request-header h4,.maintenance-header h4{margin:0;color:#333}.request-info{display:flex;flex-direction:column;gap:5px}.guest-name{font-size:.9rem;color:#666}.priority{padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600;white-space:nowrap}.priority-low{background:#d4edda;color:#155724}.priority-normal{background:#fff3cd;color:#856404}.priority-high{background:#f8d7da;color:#721c24}.priority-urgent{background:#f5c6cb;color:#491217}.assignment-details,.request-details,.maintenance-details{display:flex;flex-direction:column;gap:8px;margin-bottom:15px}.detail-item{font-size:.9rem;color:#666}.detail-item strong{color:#333}.detail-item.special-instructions{background:#e7f3ff;padding:10px;border-radius:4px;border-left:4px solid #007bff}.detail-item.full-width{grid-column:1 / -1}.assignment-actions,.request-actions,.maintenance-status{display:flex;justify-content:space-between;align-items:center}.request-actions select{padding:6px 12px;border:1px solid #ddd;border-radius:4px;background:#fff;cursor:pointer}.status{padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600}.status-assigned{background:#cce5ff;color:#004085}.status-pending{background:#fff3cd;color:#856404}.status-in_progress{background:#b3d9ff;color:#004085}.status-completed{background:#d4edda;color:#155724}.status-sent_to_maintenance{background:#f8d7da;color:#721c24}.assignment-info{background:#e7f3ff;border:1px solid #b8daff;border-radius:8px;padding:15px;margin-bottom:20px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.info-item{display:flex;justify-content:space-between;font-size:.9rem;padding:5px 0}.info-item strong{color:#495057}.special-instructions{background:#fff3cd;padding:10px;border-radius:4px;margin-top:10px;border-left:4px solid #ffc107}.tasks-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.task-checkbox{display:flex;align-items:center;gap:8px;padding:8px;background:#f8f9fa;border-radius:4px;cursor:pointer;transition:background-color .3s ease}.task-checkbox:hover{background:#e9ecef}.supplies-input,.issue-input{display:flex;gap:10px;margin-bottom:10px}.supplies-input select,.supplies-input input,.issue-input input{flex:1;padding:8px 12px;border:1px solid #ddd;border-radius:4px}.supplies-input button,.issue-input button{padding:8px 12px;background:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer}.supplies-list,.issues-list{display:flex;flex-wrap:wrap;gap:8px}.supply-tag{background:#e9ecef;padding:4px 8px;border-radius:15px;font-size:.8rem;display:flex;align-items:center;gap:5px}.supply-tag button{background:none;border:none;color:#dc3545;cursor:pointer;font-weight:700}.issue-item{background:#f8d7da;padding:8px 12px;border-radius:4px;display:flex;justify-content:space-between;align-items:center;color:#721c24}.issue-item button{background:none;border:none;color:#dc3545;cursor:pointer;font-weight:700}.no-data{text-align:center;color:#666;font-style:italic;padding:40px}@media(max-width:768px){.assignment-modal,.guest-request-modal,.room-check-modal{max-width:95%;margin:10px}.info-grid,.tasks-grid{grid-template-columns:1fr}.section-header{flex-direction:column;gap:15px;align-items:stretch}.assignment-actions,.request-actions,.maintenance-status{flex-direction:column;gap:10px;align-items:stretch}}.tab-navigation{display:flex;gap:0;margin-bottom:25px;background:#fff;border-radius:12px;padding:8px;box-shadow:0 2px 10px #00000014;overflow-x:auto}.tab-btn{flex:1;min-width:140px;padding:14px 16px;border:none;background:transparent;color:#6c757d;font-weight:600;font-size:14px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;position:relative}.tab-btn:hover{background:#bd2a2e1a;color:#bd2a2e}.tab-btn.active{background:linear-gradient(135deg,#bd2a2e,#3b3936);color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #bd2a2e4d}.tab-count{background:#fff3;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:700;min-width:20px;text-align:center}.tab-text-short{display:none}.tab-text-full{display:inline}.tab-btn.active .tab-count{background:#ffffff40}.tab-content{min-height:400px}.tab-pane{display:none}.tab-pane.active{display:block;animation:fadeInUp .4s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.status-badge.available{background-color:#d4edda;color:#155724}.status-badge.cleaning{background-color:#fff3cd;color:#856404}.status-badge.maintenance{background-color:#f8d7da;color:#721c24}.room-card.housekeeping.available{border-left:4px solid #28a745;background:linear-gradient(135deg,#28a7450d,#fff)}.room-card.housekeeping.cleaning{border-left:4px solid #ffc107;background:linear-gradient(135deg,#ffc1070d,#fff)}.room-card.housekeeping.maintenance{border-left:4px solid #dc3545;background:linear-gradient(135deg,#dc35450d,#fff)}.request-card.completed{border-left:4px solid #28a745;background:linear-gradient(135deg,#28a74508,#fff);opacity:.9}.empty,.empty-state{text-align:center;padding:40px 20px;color:#6c757d;font-style:italic;background:#fff;border-radius:12px;border:2px dashed #e9ecef;margin:20px 0}.empty:before,.empty-state:before{content:"\1f3af";display:block;font-size:48px;margin-bottom:15px;opacity:.5}.tab-pane h2{color:#2c3e50;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #e9ecef;font-size:24px;font-weight:600}.requests-section .requests-list{background:#fff;border-radius:12px;padding:15px;box-shadow:0 2px 10px #0000000d}@media(min-width:768px)and (max-width:1024px){.housekeeping-rooms-page{padding:15px}.tab-navigation{padding:6px;margin-bottom:20px}.tab-btn{padding:16px 12px;min-width:130px;font-size:13px;gap:6px}.rooms-grid.housekeeping-view{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px}.room-card.housekeeping{padding:16px}}@media(max-width:768px){.housekeeping-rooms-page{padding:12px;background-color:#f8f9fa}.tab-navigation{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:4px;margin-bottom:16px;box-shadow:0 2px 8px #0000001a;scroll-snap-type:x mandatory}.tab-navigation::-webkit-scrollbar{display:none}.tab-btn{min-width:85px;padding:14px 6px;font-size:11px;font-weight:700;flex-shrink:0;scroll-snap-align:start;min-height:48px;white-space:nowrap}.tab-text-full{display:none}.tab-text-short{display:inline}.tab-count{font-size:10px;padding:2px 6px;min-width:18px}.page-header{margin-bottom:16px;text-align:center}.page-header h1{font-size:20px;margin-bottom:4px}.page-header p{font-size:14px;color:#6c757d}.tab-pane h2{font-size:18px;margin-bottom:16px;padding-bottom:8px}.rooms-grid.housekeeping-view{grid-template-columns:1fr;gap:12px}.room-card.housekeeping{padding:12px;border-radius:10px;transform:none;transition:box-shadow .2s ease}.room-card.housekeeping:active{box-shadow:0 4px 12px #00000026}.room-header h3{font-size:16px}.room-info{padding:8px 0}.room-info>div{font-size:13px;margin-bottom:4px}.room-actions.main-actions{flex-direction:column;gap:8px}.room-actions.main-actions button{width:100%;min-height:44px;font-size:14px;padding:12px;border-radius:8px}.requests-section{padding:0}.requests-section>div[style*=grid]{display:flex!important;flex-direction:column!important;gap:12px!important}.requests-section h4{font-size:16px;margin-bottom:12px;padding:8px 0;border-bottom:1px solid #e9ecef}.requests-list{background:#fff;border-radius:10px;padding:10px;box-shadow:0 2px 8px #0000000d}.request-card{padding:12px;margin-bottom:8px;border-radius:8px}.request-header{flex-direction:column;align-items:flex-start;gap:8px}.request-info h4{font-size:14px}.request-details{gap:4px}.detail-item{font-size:12px}.request-actions{margin-top:8px;width:100%}.request-actions button{width:100%;min-height:40px;font-size:13px}.priority{font-size:10px;padding:3px 8px}.status-badge{font-size:10px;padding:3px 6px}.empty,.empty-state{padding:24px 12px;margin:12px 0}.empty:before,.empty-state:before{font-size:32px;margin-bottom:8px}.room-requests-section{margin-top:8px;padding:8px;background:#007bff08;border-radius:6px}.room-requests-section h5{font-size:12px;margin-bottom:6px}.embedded-request{padding:6px;margin-bottom:4px;border-radius:4px;border:1px solid rgba(0,123,255,.1)}.embedded-request p{font-size:11px;margin:2px 0}.embedded-request .request-actions{margin-top:4px}.embedded-request .btn-sm{padding:4px 8px;font-size:10px;min-height:32px}}@media(max-width:480px){.housekeeping-rooms-page{padding:6px}.tab-navigation{padding:3px;margin-bottom:12px}.tab-btn{min-width:70px;padding:12px 4px;font-size:9px;gap:3px;flex-direction:column;line-height:1.1}.tab-count{font-size:8px;padding:1px 3px;min-width:14px}.page-header h1{font-size:18px}.room-card.housekeeping{padding:10px}.room-header h3{font-size:15px}.request-card{padding:10px}}@media(pointer:coarse){.tab-btn{min-height:48px}.room-actions button,.request-actions button{min-height:44px;touch-action:manipulation}.room-card.housekeeping{touch-action:manipulation}.room-actions{gap:12px}.request-actions{gap:10px}}.page-header{margin-bottom:20px}.header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.header-text h1{margin:0 0 5px;color:#2c3e50;font-size:28px;font-weight:600}.header-text p{margin:0;color:#6c757d;font-size:16px}.sync-status{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 16px;border-radius:12px;box-shadow:0 2px 8px #00000014;border-left:4px solid #28a745}.sync-status.syncing{border-left-color:#ffc107}.sync-status.error{border-left-color:#dc3545}.status-indicator{font-size:16px;animation:pulse 2s infinite}.status-indicator.syncing{animation:blink 1s infinite}.status-indicator.error{animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.sync-info{display:flex;flex-direction:column;gap:2px}.status-text{font-weight:600;font-size:13px;color:#2c3e50}.last-sync{font-size:11px;color:#6c757d}@media(max-width:768px){.header-content{flex-direction:column;align-items:center;gap:12px;text-align:center}.header-text h1{font-size:22px}.header-text p{font-size:14px}.sync-status{padding:10px 14px;gap:10px}.status-text{font-size:12px}.last-sync{font-size:10px}}@media(max-width:480px){.sync-status{padding:8px 12px;gap:8px}.sync-info{gap:1px}}[data-theme=dark] .tab-navigation{background:var(--surface)}[data-theme=dark] .sync-status{background:var(--surface);border-left-color:#28a745}[data-theme=dark] .sync-status.syncing{border-left-color:#ffc107}[data-theme=dark] .sync-status.error{border-left-color:#dc3545}[data-theme=dark] .status-text{color:var(--text)}[data-theme=dark] .last-sync{color:var(--text-muted)}.hk-details-modal{max-width:800px;background:linear-gradient(135deg,#0d9488,#115e59);background-size:100% 120px;background-repeat:no-repeat;overflow:hidden;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.hk-details-modal .modal-header{background:transparent;border-bottom:none;color:#fff;padding:24px}.hk-details-modal .modal-header h3{color:#fff;font-size:22px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.2)}.hk-details-modal .modal-header button{background:#fff3;border:none;color:#fff;font-size:20px;width:32px;height:32px;border-radius:50%;cursor:pointer;transition:all .2s ease}.hk-details-modal .modal-header button:hover{background:#ffffff4d;transform:scale(1.1)}.hk-details-modal .modal-body{background:#fff;border-radius:20px 20px 0 0;margin-top:-10px;position:relative;box-shadow:0 -10px 30px #0000001a}.detail-section{margin-bottom:28px;padding:20px;background:linear-gradient(135deg,#f0fdfa,#f8fafc);border-radius:12px;border-left:4px solid #0d9488}.detail-section h4{color:#2c3e50;font-size:16px;font-weight:600;margin:0 0 16px;display:flex;align-items:center;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin-bottom:16px}.stat-card{background:#fff;padding:16px;border-radius:10px;text-align:center;box-shadow:0 2px 8px #0000000f;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #e9ecef}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 15px #0000001a}.stat-value{font-size:24px;font-weight:700;color:#0d9488;margin-bottom:4px}.stat-label{font-size:12px;color:#6c757d;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.progress-info{background:linear-gradient(135deg,#0d9488,#115e59);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;text-align:center;font-weight:600;margin-top:16px;box-shadow:0 2px 8px #bd2a2e4d}.rooms-list{display:grid;gap:12px}.room-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#fff;border-radius:8px;border-left:4px solid #e9ecef;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.room-item:hover{transform:translate(2px);box-shadow:0 2px 8px #0000001a}.room-item.status-completed{border-left-color:#28a745;background:linear-gradient(135deg,#28a7450d,#fff)}.room-item.status-in_progress{border-left-color:#ffc107;background:linear-gradient(135deg,#ffc1070d,#fff)}.room-item.status-pending{border-left-color:#6c757d;background:linear-gradient(135deg,#6c757d0d,#fff)}.room-number{font-weight:700;font-size:16px;color:#2c3e50}.room-status{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.room-status.completed{background:#d4edda;color:#155724}.room-status.in_progress{background:#fff3cd;color:#856404}.room-status.pending{background:#e2e3e5;color:#383d41}.logs-list{max-height:300px;overflow-y:auto;background:#fff;border-radius:8px;border:1px solid #e9ecef}.log-item{padding:12px 16px;border-bottom:1px solid #f8f9fa;display:flex;justify-content:space-between;align-items:center}.log-item:last-child{border-bottom:none}.log-info{display:flex;flex-direction:column;gap:4px}.log-room{font-weight:600;color:#2c3e50}.log-time{font-size:12px;color:#6c757d}.log-duration{font-size:12px;padding:2px 6px;background:#e9ecef;border-radius:4px;color:#6c757d;font-weight:500}.supplies-list{display:flex;flex-wrap:wrap;gap:8px}.supply-badge{background:linear-gradient(135deg,#0d9488,#115e59);color:#fff;padding:6px 12px;border-radius:16px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.supply-badge .supply-count{background:#fff3;padding:2px 6px;border-radius:8px;font-size:10px}@media(max-width:768px){.hk-details-modal{max-width:95vw;margin:10px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:12px}.stat-value{font-size:20px}.detail-section{margin-bottom:20px;padding:16px}.room-item{flex-direction:column;align-items:flex-start;gap:8px;text-align:left}}[data-theme=dark] .tab-btn{color:var(--text-muted)}[data-theme=dark] .tab-btn:hover{background:#3b82f61a;color:#3b82f6}[data-theme=dark] .tab-btn.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}[data-theme=dark] .empty,[data-theme=dark] .empty-state{background:var(--surface);border-color:var(--border);color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:#0006;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeInBackdrop .4s cubic-bezier(.16,1,.3,1)}.modal{background:linear-gradient(145deg,#fff,#fafbfc);border-radius:20px;box-shadow:0 32px 64px #bd2a2e1f,0 16px 32px #00000014,0 0 0 1px #fffc;max-width:520px;width:90%;max-height:90vh;overflow-y:auto;position:relative;animation:slideInModal .5s cubic-bezier(.16,1,.3,1);margin:20px}.modal-header{background:var(--brand-gradient);padding:24px 32px 20px;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);pointer-events:none}.modal-header h3{color:#fff;font-weight:700;margin:0;display:flex;align-items:center;gap:12px;font-size:22px;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:2}.modal-header .close-btn{position:absolute;top:18px;right:20px;background:#ffffffe6;border:2px solid rgba(255,255,255,1);color:var(--brand-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;font-size:20px;font-weight:700;backdrop-filter:blur(10px);z-index:3;box-shadow:0 4px 12px #0003}.modal-header .close-btn:hover{background:#fff;border-color:#fff;color:#d32f2f;transform:scale(1.1) rotate(90deg);box-shadow:0 6px 20px #0000004d}.auth-form{padding:32px;background:#fff}.auth-info{background:linear-gradient(135deg,#bd2a2e14,#b2bebf14,#889c9b14);border:1px solid rgba(189,42,46,.15);border-radius:16px;padding:24px;margin-bottom:28px;position:relative;overflow:hidden}.auth-info:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--brand-gradient);border-radius:0 2px 2px 0}.auth-info:after{content:"\1f512";position:absolute;top:20px;right:20px;font-size:20px;opacity:.6}.auth-info p{margin:10px 0;font-size:15px;color:var(--brand-tertiary);line-height:1.6;font-weight:500}.auth-info strong{color:var(--brand-primary);font-weight:700}.auth-form .form-group{margin-bottom:24px;position:relative}.auth-form .form-group label{font-weight:700;color:var(--brand-tertiary);margin-bottom:12px;display:flex;align-items:center;gap:8px;font-size:15px;text-transform:uppercase;letter-spacing:.5px}.auth-form .form-group label:before{content:"\25cf";color:var(--brand-primary);font-size:12px}.auth-form .form-group input[type=password],.auth-form .form-group textarea{width:100%;padding:16px 20px;border:2px solid rgba(178,190,191,.3);border-radius:12px;font-size:15px;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);font-family:SF Pro Text,-apple-system,BlinkMacSystemFont,sans-serif;background:linear-gradient(145deg,#fff,#f8f9fc);box-shadow:inset 0 1px 3px #0000000a,0 1px 2px #00000005;position:relative}.auth-form .form-group input[type=password]:focus,.auth-form .form-group textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px #bd2a2e1f,inset 0 1px 3px #0000000a,0 8px 25px #bd2a2e26;transform:translateY(-2px);background:#fff}.auth-form .form-group textarea{resize:vertical;min-height:100px;line-height:1.7;font-family:inherit}.auth-form .form-actions{display:flex;gap:16px;justify-content:space-between;margin-top:32px;padding:28px 0 8px;border-top:1px solid rgba(178,190,191,.2);flex-wrap:wrap}.auth-form .btn-primary{background:var(--brand-gradient);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);min-width:160px;font-size:15px;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;box-shadow:0 4px 12px #bd2a2e4d;flex:1;max-width:200px}.auth-form .btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.auth-form .btn-primary:hover:before{left:100%}.auth-form .btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px #bd2a2e66;background:linear-gradient(135deg,#bd2a2e,#a02326,#bd2a2e)}.auth-form .btn-primary:active{transform:translateY(-1px)}.auth-form .btn-secondary{background:#fff;color:var(--brand-tertiary);border:2px solid rgba(178,190,191,.4);padding:14px 32px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1);min-width:140px;font-size:15px;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #0000000a;flex:1;max-width:180px}.auth-form .btn-secondary:hover{background:var(--brand-quaternary);border-color:var(--brand-tertiary);transform:translateY(-2px);box-shadow:0 6px 20px #00000014;color:#fff}@keyframes fadeInBackdrop{0%{opacity:0;backdrop-filter:blur(0px)}to{opacity:1;backdrop-filter:blur(8px)}}@keyframes slideInModal{0%{opacity:0;transform:translateY(-60px) scale(.9) rotateX(10deg);filter:blur(10px)}50%{opacity:.8;transform:translateY(-20px) scale(.95) rotateX(5deg);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:blur(0px)}}@media(max-width:768px){.modal{width:95%;margin:10px;border-radius:16px;max-height:95vh}.auth-form{padding:24px 20px}.modal-header{padding:20px 24px 16px}.modal-header .close-btn{top:15px;right:15px;width:36px;height:36px;font-size:18px}.auth-form .form-actions{flex-direction:column;gap:12px;justify-content:stretch;padding:20px 0 0}.auth-form .btn-primary,.auth-form .btn-secondary{width:100%;justify-content:center;max-width:none;flex:none}.auth-info{padding:20px;margin-bottom:24px}}.room-modal,.reservation-modal{max-width:600px!important;width:95%!important;max-height:85vh!important}.room-modal .modal-header,.reservation-modal .modal-header{background:var(--brand-gradient)!important;color:#fff!important;padding:24px 32px!important;border-radius:20px 20px 0 0!important;border-bottom:none!important;position:relative;overflow:hidden}.room-modal .modal-header:before,.reservation-modal .modal-header:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2) 0%,transparent 50%);pointer-events:none}.room-modal .modal-header h3,.reservation-modal .modal-header h3{color:#fff!important;font-weight:700!important;margin:0!important;font-size:22px!important;text-shadow:0 2px 4px rgba(0,0,0,.2)!important;position:relative;z-index:2}.room-modal .modal-close,.reservation-modal .modal-close{background:#ffffffe6!important;border:2px solid rgba(255,255,255,1)!important;color:var(--brand-primary)!important;width:40px!important;height:40px!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;font-size:20px!important;font-weight:700!important;transition:all .3s cubic-bezier(.16,1,.3,1)!important;position:relative;z-index:3}.room-modal .modal-close:hover,.reservation-modal .modal-close:hover{background:#fff!important;border-color:#fff!important;color:#d32f2f!important;transform:scale(1.1) rotate(90deg)!important;box-shadow:0 6px 20px #0000004d!important}.room-modal .modal-body,.reservation-modal .modal-body{padding:32px!important;background:#fff!important;flex:1!important;overflow-y:auto!important}.room-modal .modal-footer,.reservation-modal .modal-footer{display:flex!important;justify-content:flex-end!important;gap:16px!important;padding:24px 32px!important;border-top:1px solid #e9ecef!important;background:#f8f9fa!important;border-radius:0 0 20px 20px!important}.room-modal .btn,.reservation-modal .btn{padding:12px 24px!important;border-radius:10px!important;font-weight:600!important;cursor:pointer!important;transition:all .3s ease!important;border:2px solid transparent!important;font-size:14px!important;min-width:120px!important}.room-modal .btn-primary,.reservation-modal .btn-primary{background:var(--brand-gradient)!important;color:#fff!important;border-color:var(--brand-primary)!important}.room-modal .btn-primary:hover,.reservation-modal .btn-primary:hover{transform:translateY(-2px)!important;box-shadow:0 8px 25px #bd2a2e66!important}.room-modal .btn-secondary,.reservation-modal .btn-secondary{background:#fff!important;color:#6c757d!important;border-color:#dee2e6!important}.room-modal .btn-secondary:hover,.reservation-modal .btn-secondary:hover{background:#f8f9fa!important;border-color:#adb5bd!important;transform:translateY(-2px)!important;box-shadow:0 4px 15px #0000001a!important}.room-details-modal .detail-row{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #f0f0f0;font-size:15px}.room-details-modal .detail-row:last-child{border-bottom:none}.room-details-modal .detail-row strong{color:var(--brand-tertiary);font-weight:600;min-width:140px}.room-details-modal .status-badge{padding:6px 12px;border-radius:20px;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.reservation-modal .form-group{margin-bottom:24px}.reservation-modal .form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--brand-tertiary);font-size:14px}.reservation-modal input,.reservation-modal select,.reservation-modal textarea{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:10px;font-size:14px;transition:all .3s ease;background:#fff;box-sizing:border-box}.reservation-modal input:focus,.reservation-modal select:focus,.reservation-modal textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 4px #bd2a2e1a}.reservation-modal .guest-dropdown{position:relative}.reservation-modal .guest-options{position:absolute;top:100%;left:0;right:0;background:#fff;border:2px solid #e9ecef;border-top:none;border-radius:0 0 10px 10px;max-height:200px;overflow-y:auto;z-index:1000;box-shadow:0 4px 15px #0000001a}.reservation-modal .guest-option{padding:12px 16px;cursor:pointer;border-bottom:1px solid #f8f9fa;transition:background .2s ease}.reservation-modal .guest-option:hover{background:#f8f9fa}.reservation-modal .guest-option:last-child{border-bottom:none}@media(max-width:768px){.room-modal,.reservation-modal{width:98%!important;max-height:95vh!important;margin:1%!important}.room-modal .modal-header,.reservation-modal .modal-header,.room-modal .modal-body,.reservation-modal .modal-body,.room-modal .modal-footer,.reservation-modal .modal-footer{padding:20px!important}.room-modal .modal-footer,.reservation-modal .modal-footer{flex-direction:column;gap:12px}.room-modal .btn,.reservation-modal .btn{width:100%!important;min-width:unset!important}.room-details-modal .detail-row{flex-direction:column;align-items:flex-start;gap:8px}.room-details-modal .detail-row strong{min-width:unset}}@media(min-width:769px){.navbar,nav.navbar{display:flex!important;background:linear-gradient(135deg,#3b3936,#486966)!important;color:#fff!important;opacity:1!important;visibility:visible!important}.navbar .navbar-main,nav.navbar .navbar-main{display:flex!important;flex-direction:column!important;flex:1!important;opacity:1!important;visibility:visible!important}.navbar .navbar-menu,nav.navbar .navbar-menu,.navbar ul.navbar-menu,nav.navbar ul.navbar-menu{display:block!important;list-style:none!important;opacity:1!important;visibility:visible!important;width:100%!important;padding:20px 0!important;margin:0!important}.navbar .navbar-item,nav.navbar .navbar-item,.navbar li.navbar-item,nav.navbar li.navbar-item{display:block!important;opacity:1!important;visibility:visible!important;width:100%!important;margin:5px 0!important}.navbar .navbar-link,nav.navbar .navbar-link,.navbar a.navbar-link,nav.navbar a.navbar-link{display:flex!important;align-items:center!important;opacity:1!important;visibility:visible!important;color:#fffc!important;width:100%!important;padding:15px 20px!important;box-sizing:border-box!important;text-decoration:none!important}.navbar .navbar-icon,nav.navbar .navbar-icon,.navbar .navbar-link .navbar-icon,nav.navbar .navbar-link .navbar-icon{display:inline-block!important;opacity:1!important;visibility:visible!important;color:#ffffffe6!important;font-size:18px!important;margin-right:12px!important}.navbar .navbar-text,nav.navbar .navbar-text,.navbar .navbar-link .navbar-text,nav.navbar .navbar-link .navbar-text{display:inline-block!important;opacity:1!important;visibility:visible!important;color:#ffffffe6!important;font-size:15px!important}}input[type=date]{color:#333!important;background-color:#fff!important}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.5);cursor:pointer}input[type=date]::-webkit-datetime-edit{color:#333!important}input[type=date]::-webkit-datetime-edit-fields-wrapper{color:#333!important}input[type=date]::-webkit-datetime-edit-text{color:#666!important}input[type=date]::-webkit-datetime-edit-month-field,input[type=date]::-webkit-datetime-edit-day-field,input[type=date]::-webkit-datetime-edit-year-field{color:#333!important}