*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#1e3a5f;--color-primary-light:#2e75b6;--color-primary-lighter:#4a90d9;--color-primary-dark:#152b47;--color-primary-rgb:30, 58, 95;--color-accent:#6366f1;--color-accent-light:#818cf8;--color-available:#22c55e;--color-available-bg:#f0fdf4;--color-available-border:#86efac;--color-occupied:#ef4444;--color-occupied-bg:#fef2f2;--color-occupied-border:#fca5a5;--color-cleaning:#f59e0b;--color-cleaning-bg:#fffbeb;--color-cleaning-border:#fcd34d;--color-maintenance:#6b7280;--color-maintenance-bg:#f3f4f6;--color-maintenance-border:#d1d5db;--color-success:#10b981;--color-warning:#f59e0b;--color-danger:#ef4444;--color-info:#3b82f6;--color-bg:#f0f2f5;--color-surface:#fff;--color-surface-hover:#f8fafc;--color-surface-active:#f1f5f9;--color-surface-elevated:#fff;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-text-inverse:#fff;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs:.6875rem;--font-size-sm:.75rem;--font-size-base:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014, 0 8px 10px -6px #0000000a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-slow:.3s ease;--transition-spring:.3s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:260px;--sidebar-collapsed:72px;--header-height:72px}[data-theme=dark]{--color-bg:#0b1120;--color-surface:#1e293b;--color-surface-hover:#253349;--color-surface-active:#2d3d56;--color-surface-elevated:#263548;--color-border:#334155;--color-border-light:#1e293b;--color-text-primary:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-muted:#64748b;--color-text-inverse:#0f172a;--color-available-bg:#052e16;--color-occupied-bg:#450a0a;--color-cleaning-bg:#451a03;--color-maintenance-bg:#1f2937;--shadow-xs:0 1px 2px #0003;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 6px -1px #0000004d, 0 2px 4px -2px #0003;--shadow-lg:0 10px 15px -3px #0006, 0 4px 6px -4px #0000004d;--shadow-xl:0 20px 25px -5px #0006, 0 8px 10px -6px #0000004d}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg);overflow:hidden}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}a{color:var(--color-primary-light);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-lighter)}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,select,textarea{font-family:inherit;font-size:inherit}.hidden{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:fadeIn var(--transition-base) ease forwards}.animate-slide-up{animation:slideUp var(--transition-slow) ease forwards}.animate-slide-down{animation:slideDown var(--transition-slow) ease forwards}.animate-scale-in{animation:scaleIn var(--transition-slow) ease forwards}#app{grid-template-columns:var(--sidebar-width) 1fr;width:100vw;height:100vh;transition:grid-template-columns var(--transition-slow);grid-template-rows:1fr;display:grid;overflow:hidden}#app.sidebar-collapsed{grid-template-columns:var(--sidebar-collapsed) 1fr}.sidebar{background:linear-gradient(180deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-text-inverse);z-index:100;height:100vh;transition:width var(--transition-slow);flex-direction:column;display:flex;position:relative;overflow:hidden}.sidebar__brand{align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border-bottom:1px solid #ffffff1a;min-height:72px;display:flex}.sidebar__logo{background:linear-gradient(135deg, var(--color-accent) 0%, var(--color-primary-lighter) 100%);border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 4px 12px #6366f14d}.sidebar__logo-icon{color:#fff;width:22px;height:22px}.sidebar__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:-.02em;white-space:nowrap;transition:opacity var(--transition-base);overflow:hidden}.sidebar__nav{padding:var(--space-4) var(--space-3);flex:1;overflow:hidden auto}.sidebar__nav-section{margin-bottom:var(--space-6)}.sidebar__nav-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.08em;color:#fff6;padding:0 var(--space-3);margin-bottom:var(--space-2);white-space:nowrap;overflow:hidden}.sidebar__nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border-radius:var(--radius-md);color:#ffffffb3;cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap;margin-bottom:2px;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar__nav-item:hover{color:#fff;background:#ffffff1a}.sidebar__nav-item.active{color:#fff;background:linear-gradient(135deg,#6366f14d 0%,#6366f126 100%);box-shadow:0 2px 8px #6366f133}.sidebar__nav-item.active:before{content:"";background:var(--color-accent-light);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar__nav-icon{flex-shrink:0;width:20px;height:20px}.sidebar__nav-text{transition:opacity var(--transition-base);overflow:hidden}.sidebar__nav-badge{background:var(--color-danger);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);border-radius:var(--radius-full);min-width:20px;height:20px;padding:0 var(--space-1);flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;display:flex}.sidebar__footer{padding:var(--space-4) var(--space-3);border-top:1px solid #ffffff1a}.sidebar__theme-toggle{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);color:#fff9;width:100%;transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap;display:flex;overflow:hidden}.sidebar__theme-toggle:hover{color:#fff;background:#ffffff1a}.sidebar__theme-toggle svg{flex-shrink:0;width:20px;height:20px}.main-wrapper{background:var(--color-bg);flex-direction:column;display:flex;overflow:hidden}.header{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-6);min-height:var(--header-height);align-items:center;gap:var(--space-4);box-shadow:var(--shadow-xs);flex-shrink:0;display:flex;overflow:auto hidden}.header__left{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.header__menu-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--color-text-secondary);transition:all var(--transition-fast);justify-content:center;align-items:center;display:none}.header__menu-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.header__menu-btn svg{width:20px;height:20px}.header__page-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);white-space:nowrap}.header__date{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.header__kpis{align-items:center;gap:var(--space-2);flex-shrink:0;margin-left:auto;display:flex}.kpi-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:default;display:flex}.kpi-chip:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.kpi-chip__icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.kpi-chip__icon svg{color:#fff;width:16px;height:16px}.kpi-chip__icon--total{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.kpi-chip__icon--available{background:linear-gradient(135deg,#22c55e,#16a34a)}.kpi-chip__icon--occupied{background:linear-gradient(135deg,#ef4444,#dc2626)}.kpi-chip__icon--cleaning{background:linear-gradient(135deg,#f59e0b,#d97706)}.kpi-chip__icon--maintenance{background:linear-gradient(135deg,#6b7280,#4b5563)}.kpi-chip__icon--checkin{background:linear-gradient(135deg,#3b82f6,#2563eb)}.kpi-chip__icon--checkout{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.kpi-chip__info{flex-direction:column;line-height:1.2;display:flex}.kpi-chip__value{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.kpi-chip__label{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.main-content{padding:var(--space-6);flex:1;overflow:hidden auto}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold)}.page-header__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}@media (width<=1024px){#app{grid-template-columns:1fr}.sidebar{width:var(--sidebar-width);transition:left var(--transition-slow);z-index:1000;box-shadow:var(--shadow-xl);position:fixed;top:0;left:-100%}.sidebar.open{left:0}.header__menu-btn{display:flex}.header__kpis{display:none}}@media (width<=768px){.main-content{padding:var(--space-4)}.header{padding:0 var(--space-4)}.page-header{flex-direction:column;align-items:flex-start}}@media (width<=480px){.main-content{padding:var(--space-3)}}.sidebar-overlay{z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}.sidebar-overlay.visible{animation:fadeIn var(--transition-base) ease;display:block}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border:1px solid #0000;height:36px;line-height:1;display:inline-flex}.btn svg{flex-shrink:0;width:16px;height:16px}.btn--primary{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);color:#fff;box-shadow:0 2px 8px rgba(var(--color-primary-rgb), .3)}.btn--primary:hover{box-shadow:0 4px 12px rgba(var(--color-primary-rgb), .4);transform:translateY(-1px)}.btn--success{background:linear-gradient(135deg, var(--color-success), #059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.btn--success:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98166}.btn--danger{background:linear-gradient(135deg, var(--color-danger), #dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.btn--danger:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444466}.btn--warning{background:linear-gradient(135deg, var(--color-warning), #d97706);color:#fff}.btn--ghost{color:var(--color-text-secondary);border:1px solid var(--color-border);background:0 0}.btn--ghost:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-text-muted)}.btn--sm{height:28px;padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn--lg{height:44px;padding:var(--space-3) var(--space-6);font-size:var(--font-size-md)}.btn--icon{width:36px;padding:0}.btn--icon.btn--sm{width:28px;height:28px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.card:hover,.card--elevated{box-shadow:var(--shadow-md)}.card--elevated:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.03em;line-height:1.5;display:inline-flex}.badge--available{background:var(--color-available-bg);color:var(--color-available);border:1px solid var(--color-available-border)}.badge--occupied{background:var(--color-occupied-bg);color:var(--color-occupied);border:1px solid var(--color-occupied-border)}.badge--cleaning{background:var(--color-cleaning-bg);color:#b45309;border:1px solid var(--color-cleaning-border)}.badge--maintenance{background:var(--color-maintenance-bg);color:var(--color-maintenance);border:1px solid var(--color-maintenance-border)}.badge--pending{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.badge--confirmed{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.badge--checked-in{background:var(--color-available-bg);color:#15803d;border:1px solid var(--color-available-border)}.badge--checked-out{color:#6d28d9;background:#f5f3ff;border:1px solid #ddd6fe}.badge--cancelled{background:var(--color-maintenance-bg);color:var(--color-maintenance);border:1px solid var(--color-maintenance-border)}.status-dot{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;display:inline-block}.status-dot--available{background:var(--color-available)}.status-dot--occupied{background:var(--color-occupied)}.status-dot--cleaning{background:var(--color-cleaning)}.status-dot--maintenance{background:var(--color-maintenance)}.status-dot--pulse{animation:2s ease-in-out infinite pulse}.form-group{gap:var(--space-1);margin-bottom:var(--space-4);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.form-input,.form-select,.form-textarea{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);transition:all var(--transition-fast);outline:none;height:38px}.form-textarea{resize:vertical;height:auto;min-height:80px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb), .15)}.form-input::placeholder{color:var(--color-text-muted)}.form-row{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}@media (width<=480px){.form-row{grid-template-columns:1fr}}.table-wrapper{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}.table{border-collapse:collapse;width:100%}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-bg);border-bottom:1px solid var(--color-border);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-base);vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-surface-hover)}.table__actions{gap:var(--space-1);display:flex}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;padding:var(--space-4);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-container{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:560px;max-height:90vh;animation:scaleIn var(--transition-slow) ease;overflow-y:auto}.modal__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.modal__close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-muted);transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex}.modal__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal__close svg{width:18px;height:18px}.modal__body{padding:var(--space-6)}.modal__footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);display:flex}.toast-container{top:var(--space-4);right:var(--space-4);z-index:3000;gap:var(--space-2);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:slideDown var(--transition-slow) ease;pointer-events:auto;min-width:280px;max-width:420px;display:flex}.toast__icon{flex-shrink:0;width:20px;height:20px}.toast--success .toast__icon{color:var(--color-success)}.toast--error .toast__icon{color:var(--color-danger)}.toast--warning .toast__icon{color:var(--color-warning)}.toast--info .toast__icon{color:var(--color-info)}.toast__message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex:1}.toast__close{color:var(--color-text-muted);padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.toast__close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.toast__close svg{width:14px;height:14px}.toast.removing{animation:slideUp var(--transition-base) ease forwards;opacity:0}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state__icon{width:64px;height:64px;color:var(--color-text-muted);margin-bottom:var(--space-4);opacity:.5}.empty-state__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state__text{font-size:var(--font-size-base);color:var(--color-text-muted);max-width:400px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);align-items:flex-start;gap:var(--space-4);transition:all var(--transition-fast);display:flex}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card__icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-card__icon svg{color:#fff;width:24px;height:24px}.stat-card__content{flex:1;min-width:0}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.tabs{gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);display:flex;overflow-x:auto}.tab{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border-bottom:2px solid #0000}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-primary-light);border-bottom-color:var(--color-primary-light)}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.grid-7{gap:var(--space-4);grid-template-columns:repeat(7,1fr);display:grid}@media (width<=1200px){.grid-4{grid-template-columns:repeat(3,1fr)}.grid-7{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.grid-2{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.grid-7{grid-template-columns:repeat(3,1fr)}}@media (width<=480px){.grid-3,.grid-4{grid-template-columns:1fr}.grid-7{grid-template-columns:repeat(2,1fr)}}.chalets-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.chalet-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);transition:all var(--transition-base);cursor:pointer;position:relative;overflow:hidden}.chalet-card:before{content:"";height:4px;transition:background var(--transition-base);position:absolute;top:0;left:0;right:0}.chalet-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.chalet-card--available{border-color:var(--color-available-border)}.chalet-card--available:before{background:var(--color-available)}.chalet-card--occupied{border-color:var(--color-occupied-border)}.chalet-card--occupied:before{background:var(--color-occupied)}.chalet-card--cleaning{border-color:var(--color-cleaning-border)}.chalet-card--cleaning:before{background:var(--color-cleaning)}.chalet-card--maintenance{border-color:var(--color-maintenance-border)}.chalet-card--maintenance:before{background:var(--color-maintenance)}.chalet-card__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.chalet-card__number{border-radius:var(--radius-lg);width:44px;height:44px;font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold);color:#fff;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chalet-card--available .chalet-card__number{background:linear-gradient(135deg,#22c55e,#16a34a)}.chalet-card--occupied .chalet-card__number{background:linear-gradient(135deg,#ef4444,#dc2626)}.chalet-card--cleaning .chalet-card__number{background:linear-gradient(135deg,#f59e0b,#d97706)}.chalet-card--maintenance .chalet-card__number{background:linear-gradient(135deg,#6b7280,#4b5563)}.chalet-card__name{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);margin-left:var(--space-3);flex:1}.chalet-card__body{gap:var(--space-2);flex-direction:column;display:flex}.chalet-card__info-row{align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.chalet-card__info-row svg{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}.chalet-card__guest{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.chalet-card__footer{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border-light);display:flex}.chalet-card__footer .btn{flex:1}.occupation-bar{background:var(--color-bg);border-radius:var(--radius-full);height:12px;margin-bottom:var(--space-2);overflow:hidden}.occupation-bar__fill{border-radius:var(--radius-full);height:100%;transition:width var(--transition-slow);background:linear-gradient(90deg, var(--color-available), var(--color-primary-light))}.occupation-bar__fill--high{background:linear-gradient(90deg, var(--color-warning), var(--color-danger))}.occupation-summary{font-size:var(--font-size-sm);color:var(--color-text-muted);justify-content:space-between;display:flex}.stats-row{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.events-list{gap:var(--space-2);flex-direction:column;display:flex}.event-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg);border-radius:var(--radius-md);transition:all var(--transition-fast);display:flex}.event-item:hover{background:var(--color-surface-hover)}.event-item__icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.event-item__icon svg{color:#fff;width:16px;height:16px}.event-item__icon--checkin{background:linear-gradient(135deg,#22c55e,#16a34a)}.event-item__icon--checkout{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.event-item__icon--cleaning{background:linear-gradient(135deg,#f59e0b,#d97706)}.event-item__content{flex:1;min-width:0}.event-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.event-item__detail{font-size:var(--font-size-xs);color:var(--color-text-muted)}.optimization-alert{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-6);background:linear-gradient(135deg,#6366f11a 0%,#8b5cf60d 100%);border:1px solid #6366f133;display:flex}.optimization-alert__icon{border-radius:var(--radius-md);background:linear-gradient(135deg,#6366f1,#8b5cf6);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.optimization-alert__icon svg{color:#fff;width:18px;height:18px}.optimization-alert__content{flex:1}.optimization-alert__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-accent);margin-bottom:var(--space-1)}.optimization-alert__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.dashboard-grid{gap:var(--space-6);grid-template-columns:1fr 360px;display:grid}.dashboard-grid__main{min-width:0}.dashboard-grid__sidebar{gap:var(--space-4);flex-direction:column;display:flex}@media (width<=1200px){.dashboard-grid{grid-template-columns:1fr}}.calendar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.calendar__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.calendar__nav{align-items:center;gap:var(--space-3);display:flex}.calendar__nav-btn{border-radius:var(--radius-md);width:32px;height:32px;color:var(--color-text-secondary);transition:all var(--transition-fast);border:1px solid var(--color-border);justify-content:center;align-items:center;display:flex}.calendar__nav-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.calendar__nav-btn svg{width:16px;height:16px}.calendar__month-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);text-align:center;min-width:200px}.calendar__today-btn{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary-light);border:1px solid var(--color-primary-light);border-radius:var(--radius-full);transition:all var(--transition-fast)}.calendar__today-btn:hover{background:var(--color-primary-light);color:#fff}.calendar__legend{gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.calendar__legend-item{align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex}.calendar__legend-color{border-radius:var(--radius-sm);width:12px;height:12px}.calendar__legend-color--available{background:var(--color-available)}.calendar__legend-color--occupied{background:var(--color-occupied)}.calendar__legend-color--cleaning{background:var(--color-cleaning)}.calendar__legend-color--maintenance{background:var(--color-maintenance)}.calendar__legend-color--pending{background:#f97316}.calendar__weekdays{background:var(--color-bg);border-bottom:1px solid var(--color-border);grid-template-columns:repeat(7,1fr);display:grid}.calendar__weekday{padding:var(--space-2) var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);text-align:center}.calendar__days{grid-template-columns:repeat(7,1fr);display:grid}.calendar__day{border-right:1px solid var(--color-border-light);border-bottom:1px solid var(--color-border-light);min-height:80px;padding:var(--space-1);transition:background var(--transition-fast);cursor:pointer;position:relative}.calendar__day:nth-child(7n){border-right:none}.calendar__day:hover{background:var(--color-surface-hover)}.calendar__day--outside{opacity:.3}.calendar__day--today{background:rgba(var(--color-primary-rgb), .05)}.calendar__day-number{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:var(--space-1);text-align:right}.calendar__day--today .calendar__day-number{background:var(--color-primary-light);color:#fff;border-radius:var(--radius-full);width:24px;height:24px;font-size:var(--font-size-xs);justify-content:center;align-items:center;margin-left:auto;display:flex}.calendar__event{font-size:var(--font-size-xs);padding:1px var(--space-1);border-radius:var(--radius-sm);white-space:nowrap;text-overflow:ellipsis;cursor:pointer;transition:all var(--transition-fast);font-weight:var(--font-weight-medium);margin-bottom:1px;overflow:hidden}.calendar__event:hover{filter:brightness(.9)}.calendar__event--confirmed{background:var(--color-occupied-bg);color:var(--color-occupied);border-left:2px solid var(--color-occupied)}.calendar__event--pending{color:#c2410c;background:#fff7ed;border-left:2px solid #f97316}.calendar__event--checked-in{background:var(--color-available-bg);color:#15803d;border-left:2px solid var(--color-available)}.calendar__filters{gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;display:flex}.calendar__filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.calendar__tooltip{z-index:500;background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-lg);min-width:200px;animation:scaleIn var(--transition-fast) ease;pointer-events:none;position:absolute}.calendar__tooltip-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.calendar__tooltip-row{justify-content:space-between;gap:var(--space-4);font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-1);display:flex}.calendar__tooltip-value{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.timeline{gap:var(--space-3);flex-direction:column;display:flex}.timeline__chalet{gap:var(--space-3);grid-template-columns:120px 1fr;align-items:center;display:grid}.timeline__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);padding:var(--space-2) var(--space-3);background:var(--color-bg);border-radius:var(--radius-md);text-align:center}.timeline__bar{background:var(--color-bg);border-radius:var(--radius-md);height:36px;display:flex;position:relative;overflow:hidden}.timeline__segment{height:100%;transition:all var(--transition-fast);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#fff;cursor:pointer;justify-content:center;align-items:center;display:flex;position:relative}.timeline__segment:hover{filter:brightness(1.1);z-index:1}.timeline__segment--available{background:var(--color-available);opacity:.3}.timeline__segment--occupied{background:var(--color-occupied)}.timeline__segment--cleaning{background:var(--color-cleaning)}.timeline__segment--pending{opacity:.7;background:#f97316}@media (width<=768px){.calendar__day{min-height:50px}.calendar__event{padding:0 2px;font-size:9px}.calendar__legend{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.calendar__header{padding:var(--space-3);justify-content:center;gap:var(--space-2);flex-wrap:wrap}.calendar__month-title{min-width:auto;font-size:var(--font-size-md)}.timeline__chalet{grid-template-columns:80px 1fr}}.login-wrapper{background-color:var(--color-bg);z-index:9999;justify-content:center;align-items:center;width:100vw;min-height:100vh;display:flex;position:fixed;top:0;left:0}.login-box{background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);text-align:center;border:1px solid var(--color-border);width:100%;max-width:400px}.login-logo{background:var(--color-primary-light);color:var(--color-primary);width:64px;height:64px;margin:0 auto var(--space-4);border-radius:50%;justify-content:center;align-items:center;display:flex}.login-logo svg{width:32px;height:32px}.login-box h2{color:var(--color-text);margin-bottom:var(--space-1)}.login-box .text-muted{margin-bottom:var(--space-6)}.login-form{text-align:left}.login-error{color:#ef4444;padding:var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--font-sm);background:#fee2e2;border:1px solid #fca5a5}.login-error.hidden{display:none}