:root{--primary:#06f;--primary-dark:#0052cc;--primary-light:#3385ff;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-primary:#fff;--bg-secondary:#f9fafb;--text-primary:#111827;--text-secondary:#6b7280;--border-color:#e5e7eb;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;max-width:100vw;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}body{color:var(--text-primary);background:var(--bg-secondary);line-height:1.6}h1,h2,h3,h4,h5,h6{margin-bottom:var(--spacing-md);font-weight:600;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}p{margin-bottom:var(--spacing-md)}.btn{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:none;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--gray-200);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:var(--gray-300)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-sm{padding:var(--spacing-xs)var(--spacing-md);font-size:.75rem}.btn-lg{padding:var(--spacing-md)var(--spacing-xl);font-size:1rem}.card{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-color)}.input,.select,.textarea{width:100%;padding:var(--spacing-sm)var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);transition:all var(--transition-base);font-family:inherit;font-size:.875rem}.input:focus,.select:focus,.textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #0066ff1a}.input::placeholder{color:var(--gray-400)}.label{margin-bottom:var(--spacing-xs);color:var(--text-primary);font-size:.875rem;font-weight:500;display:block}.form-group{margin-bottom:var(--spacing-lg)}.tabs{gap:var(--spacing-sm);border-bottom:2px solid var(--border-color);margin-bottom:var(--spacing-xl);display:flex}.tab{padding:var(--spacing-md)var(--spacing-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;font-size:.875rem;font-weight:500}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.grid{gap:var(--spacing-lg);display:grid}.grid>*{min-width:0}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media (max-width:768px){.grid{gap:var(--spacing-md)}.grid-2,.grid-3{grid-template-columns:1fr}}.calendar{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.calendar-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.calendar-grid{gap:var(--spacing-xs);grid-template-columns:repeat(7,1fr);display:grid}.calendar-day-header{text-align:center;color:var(--text-secondary);padding:var(--spacing-sm);font-size:.75rem;font-weight:600}.calendar-day{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;flex-direction:column;justify-content:center;align-items:center;padding:4px;font-size:.875rem;display:flex;position:relative}.calendar-day:hover{background:var(--gray-100)}.calendar-day.today{border-color:var(--primary);background:#0066ff0d;font-weight:600}.day-number{z-index:1}.day-indicators{flex-wrap:wrap;justify-content:center;gap:2px;width:100%;margin-top:2px;display:flex;position:absolute;bottom:4px}.day-indicator{border-radius:50%;flex-shrink:0;width:6px;height:6px}.calendar-day.disabled{color:var(--gray-300);cursor:not-allowed}.calendar-day.disabled:hover{background:0 0}.room-list{gap:var(--spacing-md);flex-direction:column;display:flex}.room-item{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);color:inherit;text-decoration:none;display:flex}.room-item:hover{border-color:var(--primary);box-shadow:var(--shadow-md);background:var(--bg-primary);transform:translateY(-2px)}.room-indicator{border-radius:var(--radius-sm);flex-shrink:0;width:4px;height:48px}.room-indicator.available{background:var(--gray-300)}.room-indicator.booked{background:var(--danger)}.room-indicator.partial{background:var(--warning)}.room-info{flex:1}.room-name{margin-bottom:var(--spacing-xs);font-size:1rem;font-weight:600}.room-description{color:var(--text-secondary);font-size:.875rem}.table{border-collapse:collapse;background:var(--bg-primary);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-sm);overflow:hidden}.table th,.table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-color)}.table th{background:var(--gray-50);color:var(--text-secondary);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:var(--gray-50)}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-secondary)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-sm)}.mt-2{margin-top:var(--spacing-md)}.mt-3{margin-top:var(--spacing-lg)}.mt-4{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-sm)}.mb-2{margin-bottom:var(--spacing-md)}.mb-3{margin-bottom:var(--spacing-lg)}.mb-4{margin-bottom:var(--spacing-xl)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--spacing-sm)}.gap-2{gap:var(--spacing-md)}.gap-3{gap:var(--spacing-lg)}.flatpickr-calendar{box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-color)!important;border-radius:var(--radius-lg)!important}.flatpickr-day.selected{background:var(--primary)!important;border-color:var(--primary)!important}.flatpickr-day:hover{background:var(--gray-100)!important}.header-title{color:var(--primary);margin:0;font-size:1.25rem;font-weight:700}.user-info{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)var(--spacing-md);background:var(--gray-100);border-radius:var(--radius-md);font-size:.875rem;display:flex}.user-email{display:inline}.admin-badge{background:var(--primary);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;padding:2px 8px;font-size:.75rem;font-weight:600}.btn-text{display:inline}.input-color{border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:40px;height:40px;padding:0}.room-color-preview{width:24px;height:24px;box-shadow:var(--shadow-sm);border:2px solid #fff;border-radius:50%}.status-badge{text-transform:uppercase;letter-spacing:.025em;font-weight:600}.spinner{border:3px solid #0000001a;border-top-color:var(--primary);border-radius:50%;animation:.8s ease-in-out infinite spin;display:inline-block}.spinner-sm{border-width:2px;width:16px;height:16px}.spinner-md{width:32px;height:32px}.spinner-lg{border-width:4px;width:48px;height:48px}.spinner-container{padding:var(--spacing-xl);flex-direction:column;justify-content:center;align-items:center;display:flex}@keyframes spin{to{transform:rotate(360deg)}}:root{--danger-light:#fee2e2;--warning-light:#fef3c7;--success-light:#dcfce7}@media (max-width:640px){.header-title{font-size:1rem}.user-email,.btn-text{display:none}.container{padding:0 var(--spacing-md)}.card{padding:var(--spacing-md)}.tabs{flex-wrap:wrap;gap:0}.tab{padding:var(--spacing-sm)var(--spacing-md);text-align:center;flex:auto}.table{font-size:.75rem}.table th,.table td{padding:var(--spacing-sm)}.calendar-day{font-size:.75rem}.room-name{font-size:.875rem}.room-description{font-size:.75rem}}@media (max-width:480px){.header-title{font-size:.875rem}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}}