@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#f8fafc;--bg-secondary:#fff;--text-main:#1a202c;--text-muted:#64748b;--primary:#059669;--primary-hover:#047857;--accent:#10b981;--border:#e2e8f0;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--cottage-block:#9b2c2c;--room-block:#f56565;--pending-block:#ed8936;--available:#48bb78;--maintenance:#ecc94b;--radius-lg:24px;--radius-md:12px;--shadow:0 10px 25px -5px #00000014, 0 8px 10px -6px #0000000d;--shadow-lg:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--sidebar-w:260px}[data-theme=dark]{--bg-color:#111418;--bg-secondary:#1e2329;--text-main:#f7fafc;--text-muted:#a0aec0;--primary:#d69e2e;--primary-hover:#b7791f;--accent:#ecc94b;--border:#333a45;--shadow:0 10px 15px -3px #0000004d, 0 4px 6px -2px #0003}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,sans-serif;line-height:1.5}h1,h2,h3,h4,h5{color:var(--text-main);letter-spacing:-.025em;font-weight:700}a{color:var(--primary);text-decoration:none}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-w);background-color:var(--bg-secondary);border-right:1px solid var(--border);z-index:10;flex-direction:column;transition:all .3s;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.top-header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border);z-index:100;height:70px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0}.page-content{background-color:var(--bg-color);scroll-behavior:smooth;flex:1;padding:2rem;overflow-y:auto}.mobile-bottom-nav{display:none}.card{background-color:var(--bg-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--border);padding:1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.form-group{margin-bottom:1rem}.form-label{color:var(--text-muted);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-input,.form-select{border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--bg-color);width:100%;color:var(--text-main);padding:.75rem 1rem;font-family:inherit;transition:all .2s}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus{box-shadow:0 0 0 3px #d69e2e1a}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{background-color:var(--primary-hover)}.btn-outline{border:1px solid var(--border);color:var(--text-main);background-color:#0000}.btn-outline:hover{background-color:var(--bg-color);border-color:var(--primary)}.btn-icon{border-radius:var(--radius-md);cursor:pointer;color:var(--text-muted);background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.btn-icon:hover{background-color:var(--bg-color);transform:translateY(-1px)}.nav-links{flex-direction:column;gap:.5rem;padding:1rem;list-style:none;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--text-muted);align-items:center;gap:1rem;padding:.75rem 1rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-color);color:var(--primary)}.nav-item.active{background-color:var(--primary);color:#fff}.brand{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1.5rem;display:flex}.brand-text{color:var(--text-main);letter-spacing:-.5px;font-size:1.25rem;font-weight:700}.brand-logo{object-fit:contain;width:80px;height:80px}.table-container{border-radius:var(--radius-md);width:100%;max-height:600px;overflow:auto}.table-container thead th{background-color:var(--bg-secondary);z-index:10;box-shadow:0 1px 0 var(--border);position:sticky;top:0}.table{border-collapse:collapse;text-align:left;width:100%}.table th,.table td{border-bottom:1px solid var(--border);padding:1rem}.table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background-color:#00000005}[data-theme=dark] .table tbody tr:hover{background-color:#ffffff05}.badge{border-radius:9999px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.badge-success{color:var(--success);background:#38a1691a}.badge-danger{color:var(--danger);background:#e53e3e1a}.badge-warning{color:var(--warning);background:#dd6b201a}.badge-primary{color:var(--primary);background:#2f855a1a}.badge-indigo{color:#6366f1;background:#6366f11a}.badge-info{color:#3182ce;background:#3182ce1a}@media (width<=768px){:root{--sidebar-w:0px}.app-container{flex-direction:column;height:auto;overflow:visible}.sidebar{z-index:100;width:280px;height:100vh;position:fixed;top:0;left:-280px;box-shadow:20px 0 50px #0000001a}.sidebar.open{left:0}.main-content{height:auto;overflow:visible}.top-header{padding:0 1rem;position:sticky;top:0}.page-content,.card{padding:1rem}.grid-2,.grid-3{grid-template-columns:1fr!important}.menu-toggle{display:flex!important}}.menu-toggle{color:var(--text-main);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.5rem;display:none}.sidebar-overlay{display:none}@media (width<=768px){.sidebar-overlay.open{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;width:100vw;height:100vh;display:block;position:fixed;top:0;left:0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}@keyframes pulseOfferBadge{0%{transform:scale(1);box-shadow:0 0 #dd6b2066}50%{transform:scale(1.02);box-shadow:0 0 12px 2px #dd6b2033}to{transform:scale(1);box-shadow:0 0 #dd6b2000}}.animated-offer-badge{color:var(--warning);background:#dd6b201a;border:1px solid #dd6b204d;border-radius:6px;align-items:center;gap:.35rem;padding:.4rem .8rem;font-size:.75rem;font-weight:700;animation:2s cubic-bezier(.4,0,.2,1) infinite pulseOfferBadge;display:inline-flex}.page-content{animation:.4s ease-out forwards fadeIn}.btn{transition:all .2s cubic-bezier(.4,0,.2,1)}.card{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0006;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fadeInModal;display:flex;position:fixed;top:0;left:0}.modal-content{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);width:100%;max-width:500px;max-height:90vh;padding:2rem;position:relative;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}@keyframes fadeInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.balance-due-large{color:var(--warning);text-align:center;letter-spacing:-1px;margin:1.5rem 0;font-size:2.5rem;font-weight:800}.discount-highlight{border:2px dashed var(--warning);border-radius:var(--radius-md);text-align:center;background:#ed89361a;margin-top:1rem;padding:1rem}.discount-highlight h3{color:var(--warning);justify-content:center;align-items:center;gap:.5rem;margin-bottom:.5rem;font-weight:800;display:flex}.pulse-warning{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring}@keyframes pulse-ring{0%,to{opacity:1}50%{opacity:.7}}.settlement-footer{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.checkbox-group{border-radius:var(--radius-md);cursor:pointer;background:#00000005;align-items:center;gap:.75rem;padding:.75rem;transition:background .2s;display:flex}.checkbox-group:hover{background:#0000000d}.checkbox-group input{cursor:pointer;width:1.25rem;height:1.25rem}@media (width<=768px){.app-container{padding-bottom:72px}.brand{padding-right:1rem!important}.top-header{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:1000;background:#ffffffe6!important}.grid-2,.grid-3,.grid-4,.form-group[style*=grid-column]{flex-direction:column!important;grid-column:auto!important;gap:1rem!important;display:flex!important}table{border-radius:var(--radius-md);white-space:nowrap!important;-webkit-overflow-scrolling:touch!important;width:100%!important;display:block!important;overflow-x:auto!important}.mobile-bottom-nav{border-top:1px solid var(--border);z-index:2000;background:#fff;justify-content:space-around;align-items:center;height:72px;padding:0 .25rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 10px #0000000d}.mobile-nav-item{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;gap:4px;padding:8px 0;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.mobile-nav-item.active{color:var(--primary)}.mobile-nav-item.active:before{content:"";background:var(--primary);border-radius:0 0 4px 4px;width:24px;height:4px;position:absolute;top:-4px;box-shadow:0 2px 4px #05966933}.mobile-nav-item svg{width:26px;height:26px}.desktop-only{display:none!important}.mobile-only{display:block!important}.mobile-form-header{display:flex!important}.bookings-layout{flex-direction:column!important;grid-template-columns:1fr!important;display:flex!important}.form-section{margin-bottom:1rem!important;padding:1rem!important}.form-section:not(.form-expanded){padding-bottom:1rem!important}}@media (width>=769px){.mobile-only{display:none!important}.form-content-wrapper{display:flex!important}}.btn{border-radius:var(--radius-md);cursor:pointer;border:none;justify-content:center;align-items:center;height:48px;padding:0 1.5rem;font-weight:600;transition:all .2s;display:inline-flex}.btn:active{transform:scale(.96)}.form-input,.form-select{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);width:100%;height:48px;padding:0 1rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2f855a1a}.card{box-shadow:var(--shadow);border:1px solid var(--border);background:var(--bg-secondary);border-radius:var(--radius-lg)}.card:active{transform:scale(.995)}.switch{width:50px;height:28px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;background-color:#cbd5e1;transition:all .4s;position:absolute;inset:0}.slider:before{content:"";background-color:#fff;width:20px;height:20px;transition:all .4s;position:absolute;bottom:4px;left:4px}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(22px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}