@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap";:root{--gold: #C9A84C;--gold-light: #E0C068;--gold-dim: #8C6E2A;--gold-muted: #3D2E0F;--bg-base: #080C18;--bg-surface: #0F1629;--bg-elevated: #162038;--bg-card: #111827;--bg-input: #1A2235;--bg-hover: #1E2D45;--border: #1E2D45;--border-light: #2A3D58;--border-gold: rgba(201,168,76,.3);--text-primary: #F0F2F8;--text-secondary:#8896A6;--text-muted: #5A6A80;--text-gold: #C9A84C;--success: #22C55E;--success-bg: rgba(34,197,94,.12);--warning: #F59E0B;--warning-bg: rgba(245,158,11,.12);--danger: #EF4444;--danger-bg: rgba(239,68,68,.12);--info: #3B82F6;--info-bg: rgba(59,130,246,.12);--status-available: #22C55E;--status-occupied: #EF4444;--status-reserved: #F59E0B;--status-maintenance: #8896A6;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Playfair Display", Georgia, serif;--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: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--shadow-md: 0 4px 12px rgba(0,0,0,.5), 0 2px 6px rgba(0,0,0,.3);--shadow-lg: 0 10px 30px rgba(0,0,0,.6), 0 4px 15px rgba(0,0,0,.4);--shadow-gold: 0 0 20px rgba(201,168,76,.15), 0 4px 15px rgba(0,0,0,.4);--ease: cubic-bezier(.4, 0, .2, 1);--duration: .2s;--sidebar-w: 260px;--topbar-h: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;border:none;background:none}input,select,textarea{font-family:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-surface)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:#c9a84c40;color:var(--text-primary)}.app-layout{display:flex;min-height:100vh}.app-main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh}.page-content{flex:1;padding:var(--space-8);margin-top:var(--topbar-h)}.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-w);height:100vh;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sidebar-brand{padding:var(--space-6);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.sidebar-brand-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--gold),var(--gold-dim));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0;box-shadow:var(--shadow-gold)}.sidebar-brand-text h1{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--gold);line-height:1.2}.sidebar-brand-text span{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.sidebar-nav{flex:1;padding:var(--space-4) 0}.sidebar-section-label{padding:var(--space-3) var(--space-6) var(--space-2);font-size:.65rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);color:var(--text-secondary);font-size:.875rem;font-weight:500;transition:all var(--duration) var(--ease);border-left:3px solid transparent;margin:1px 0}.sidebar-link:hover{color:var(--text-primary);background:var(--bg-elevated);border-left-color:var(--border-light)}.sidebar-link.active{color:var(--gold);background:var(--gold-muted);border-left-color:var(--gold)}.sidebar-link svg{flex-shrink:0;opacity:.8}.sidebar-link.active svg{opacity:1}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);display:flex;align-items:center;gap:var(--space-3)}.sidebar-avatar{width:36px;height:36px;background:linear-gradient(135deg,var(--gold-dim),var(--gold));border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--bg-base);flex-shrink:0}.sidebar-user-info{flex:1;overflow:hidden}.sidebar-user-name{font-size:.8rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:.7rem;color:var(--text-muted);text-transform:capitalize}.sidebar-logout-btn{padding:var(--space-1);color:var(--text-muted);border-radius:var(--radius-sm);transition:color var(--duration) var(--ease)}.sidebar-logout-btn:hover{color:var(--danger)}.topbar{position:fixed;top:0;left:var(--sidebar-w);right:0;height:var(--topbar-h);background:#0f1629d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);z-index:90}.topbar-left h2{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.topbar-left p{font-size:.75rem;color:var(--text-muted)}.topbar-right{display:flex;align-items:center;gap:var(--space-3)}.topbar-time{font-size:.8rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.topbar-badge{padding:var(--space-1) var(--space-3);background:var(--gold-muted);border:1px solid var(--border-gold);border-radius:var(--radius-full);font-size:.7rem;font-weight:600;color:var(--gold);text-transform:uppercase;letter-spacing:.06em}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-8);gap:var(--space-4);flex-wrap:wrap}.page-header-left h1{font-size:1.6rem;font-weight:700;color:var(--text-primary);line-height:1.2}.page-header-left p{color:var(--text-muted);font-size:.875rem;margin-top:var(--space-1)}.page-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;transition:all var(--duration) var(--ease);white-space:nowrap;border:1px solid transparent;line-height:1.4}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-dim));color:var(--bg-base);border-color:var(--gold);box-shadow:0 2px 8px #c9a84c40}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--gold-light),var(--gold));box-shadow:0 4px 16px #c9a84c59;transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-light)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-gold)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:#ef44444d}.btn-danger:hover:not(:disabled){background:#ef444433}.btn-success{background:var(--success-bg);color:var(--success);border-color:#22c55e4d}.btn-success:hover:not(:disabled){background:#22c55e33}.btn-ghost{color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-elevated);color:var(--text-primary)}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.btn-icon{padding:.5rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--duration) var(--ease)}.card:hover{border-color:var(--border-light)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.card-title{font-size:1rem;font-weight:600;color:var(--text-primary)}.card-subtitle{font-size:.8rem;color:var(--text-muted);margin-top:2px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;overflow:hidden;transition:all var(--duration) var(--ease)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--accent-color, var(--gold));opacity:.6}.stat-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-icon{width:42px;height:42px;border-radius:var(--radius-md);background:var(--icon-bg, var(--gold-muted));color:var(--icon-color, var(--gold));display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4)}.stat-card-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.stat-card-value{font-size:1.8rem;font-weight:800;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums}.stat-card-sub{font-size:.75rem;color:var(--text-muted);margin-top:var(--space-2)}.stat-card-change{display:inline-flex;align-items:center;gap:3px;font-size:.75rem;font-weight:600;margin-top:var(--space-2)}.stat-card-change.up{color:var(--success)}.stat-card-change.down{color:var(--danger)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.form-label span.required{color:var(--danger);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:.625rem .875rem;background:var(--bg-input);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-size:.875rem;font-family:var(--font-body);transition:all var(--duration) var(--ease);outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #c9a84c1f;background:var(--bg-elevated)}.form-input:disabled,.form-select:disabled{opacity:.5;cursor:not-allowed}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%238896A6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem;cursor:pointer}.form-select option{background:var(--bg-surface);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:80px}.form-error{font-size:.75rem;color:var(--danger);display:flex;align-items:center;gap:var(--space-1)}.form-hint{font-size:.75rem;color:var(--text-muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4)}.form-section{border-top:1px solid var(--border);padding-top:var(--space-5);margin-top:var(--space-5)}.form-section-title{font-size:.8rem;font-weight:700;color:var(--gold);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .15s var(--ease)}.modal{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .2s var(--ease)}.modal-sm{max-width:420px}.modal-md{max-width:600px}.modal-lg{max-width:800px}.modal-xl{max-width:1000px}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--bg-surface);z-index:1}.modal-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--duration) var(--ease)}.modal-close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--space-3);position:sticky;bottom:0;background:var(--bg-surface)}.table-container{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.table-toolbar{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.table-filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.search-input-wrapper{position:relative}.search-input-wrapper svg{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input{padding-left:2.5rem!important;min-width:220px}table{width:100%;border-collapse:collapse}th{padding:var(--space-3) var(--space-5);text-align:left;font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);white-space:nowrap;background:var(--bg-surface)}td{padding:var(--space-4) var(--space-5);font-size:.875rem;border-bottom:1px solid var(--border);color:var(--text-primary)}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--duration) var(--ease)}tbody tr:hover{background:var(--bg-elevated)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;text-transform:capitalize;white-space:nowrap;letter-spacing:.02em}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid rgba(34,197,94,.25)}.badge-danger{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(239,68,68,.25)}.badge-warning{background:var(--warning-bg);color:var(--warning);border:1px solid rgba(245,158,11,.25)}.badge-info{background:var(--info-bg);color:var(--info);border:1px solid rgba(59,130,246,.25)}.badge-gold{background:var(--gold-muted);color:var(--gold);border:1px solid var(--border-gold)}.badge-neutral{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border)}.badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border)}.pagination-info{font-size:.8rem;color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:var(--space-1)}.pagination-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;color:var(--text-secondary);border:1px solid transparent;transition:all var(--duration) var(--ease)}.pagination-btn:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-light);color:var(--text-primary)}.pagination-btn.active{background:var(--gold-muted);border-color:var(--border-gold);color:var(--gold)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes spin{to{transform:rotate(360deg)}}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border-light);border-top-color:var(--gold);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:14px;height:14px;border-width:2px}.spinner-lg{width:32px;height:32px;border-width:3px}.loading-state{display:flex;align-items:center;justify-content:center;padding:var(--space-16);gap:var(--space-3);color:var(--text-muted);font-size:.875rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-8);text-align:center;color:var(--text-muted)}.empty-state-icon{width:56px;height:56px;background:var(--bg-elevated);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--text-muted)}.empty-state h3{font-size:1rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state p{font-size:.875rem;max-width:300px}.rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.room-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration) var(--ease);cursor:default}.room-card:hover{border-color:var(--border-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.room-card-header{padding:var(--space-5);border-bottom:1px solid var(--border);display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.room-number{font-size:1.5rem;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.room-name{font-size:.8rem;color:var(--text-muted);margin-top:1px}.room-card-body{padding:var(--space-5)}.room-meta{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.room-meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;color:var(--text-secondary)}.room-price{font-size:1.1rem;font-weight:700;color:var(--gold);margin-bottom:var(--space-1)}.room-price span{font-size:.75rem;color:var(--text-muted);font-weight:400}.room-amenities{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-top:var(--space-3)}.amenity-tag{padding:2px 8px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.7rem;color:var(--text-muted)}.room-card-actions{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);display:flex;gap:var(--space-2)}.season-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700}.season-badge.peak{background:#ef44441f;color:#ff6b6b;border:1px solid rgba(239,68,68,.25)}.season-badge.moderate{background:#f59e0b1f;color:var(--warning);border:1px solid rgba(245,158,11,.25)}.season-badge.off-peak{background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border)}.invoice{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg)}.invoice-header{padding:var(--space-6);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);background:linear-gradient(135deg,var(--bg-surface),var(--bg-card))}.invoice-hotel-name{font-family:var(--font-display);font-size:1.5rem;color:var(--gold)}.invoice-table{width:100%;margin-bottom:0}.invoice-table th{background:var(--bg-surface)}.invoice-totals{padding:var(--space-5) var(--space-6);border-top:1px solid var(--border);background:var(--bg-surface);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.invoice-total-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:.875rem;color:var(--text-secondary)}.invoice-total-row.grand{border-top:1px solid var(--border-light);margin-top:var(--space-3);padding-top:var(--space-3);font-size:1.1rem;font-weight:800;color:var(--text-primary)}.invoice-total-row.grand .amount{color:var(--gold)}.invoice-usd{font-size:.75rem;color:var(--text-muted);text-align:right;margin-top:var(--space-2)}.login-page{min-height:100vh;background:var(--bg-base);display:flex;align-items:center;justify-content:center;padding:var(--space-4);position:relative;overflow:hidden}.login-bg-orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.08;pointer-events:none}.login-bg-orb-1{width:600px;height:600px;background:var(--gold);top:-200px;right:-200px}.login-bg-orb-2{width:400px;height:400px;background:#3b82f6;bottom:-150px;left:-150px}.login-card{width:100%;max-width:420px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-lg);position:relative;z-index:1}.login-brand{text-align:center;margin-bottom:var(--space-8)}.login-logo{width:64px;height:64px;background:linear-gradient(135deg,var(--gold),var(--gold-dim));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto var(--space-4);box-shadow:var(--shadow-gold)}.login-brand h1{font-family:var(--font-display);font-size:1.8rem;color:var(--gold);margin-bottom:var(--space-1)}.login-brand p{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.login-footer{margin-top:var(--space-6);text-align:center;font-size:.75rem;color:var(--text-muted)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6);margin-top:var(--space-8)}.today-tabs{display:flex;gap:0;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;width:fit-content}.today-tab{padding:var(--space-2) var(--space-5);font-size:.8rem;font-weight:600;color:var(--text-secondary);transition:all var(--duration) var(--ease);border-right:1px solid var(--border)}.today-tab:last-child{border-right:none}.today-tab.active{background:var(--gold-muted);color:var(--gold)}.today-tab:hover:not(.active){background:var(--bg-elevated);color:var(--text-primary)}.activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.activity-item:last-child{border-bottom:none}.activity-avatar{width:36px;height:36px;background:var(--bg-elevated);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;color:var(--gold);flex-shrink:0}.activity-info{flex:1;overflow:hidden}.activity-name{font-size:.875rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-meta{font-size:.75rem;color:var(--text-muted)}.occupancy-bar{width:100%;height:8px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;margin-top:var(--space-2)}.occupancy-fill{height:100%;background:linear-gradient(90deg,var(--gold-dim),var(--gold));border-radius:var(--radius-full);transition:width .5s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@media(max-width:1024px){.dashboard-grid,.form-grid{grid-template-columns:1fr}.form-grid-3{grid-template-columns:1fr 1fr}}@media(max-width:768px){:root{--sidebar-w: 0px}.app-main{margin-left:0}.topbar{left:0}.page-content{padding:var(--space-5)}.stat-grid{grid-template-columns:1fr 1fr}.rooms-grid,.form-grid-3{grid-template-columns:1fr}.table-toolbar{flex-direction:column;align-items:stretch}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.flex-1{flex:1}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.text-gold{color:var(--gold)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.divider{border:none;border-top:1px solid var(--border);margin:var(--space-5) 0}.truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}