@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--font-sans: "Inter", sans-serif;--font-title: "Outfit", sans-serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1);--border-radius-lg: 16px;--border-radius-md: 12px;--border-radius-sm: 8px}[data-theme=dark]{color-scheme:dark;--bg-gradient: radial-gradient(circle at 20% 30%, rgba(139, 92, 246, .15) 0%, transparent 60%), radial-gradient(circle at 80% 70%, rgba(236, 72, 153, .1) 0%, transparent 60%), linear-gradient(180deg, #090918 0%, #03030c 100%);--sidebar-bg: rgba(12, 10, 26, .55);--surface: rgba(20, 16, 42, .45);--surface-hover: rgba(30, 24, 60, .65);--border: rgba(139, 92, 246, .25);--border-hover: rgba(139, 92, 246, .45);--text-main: #f1f5f9;--text-muted: #94a3b8;--primary: #8b5cf6;--primary-hover: #7c3aed;--primary-glow: rgba(139, 92, 246, .35);--accent: #ec4899;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--shadow: 0 8px 32px 0 rgba(0, 0, 0, .4);--glass-blur: blur(20px)}[data-theme=dark] body{background-image:url(/cosmic_bg.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat}[data-theme=light]{color-scheme:light;--bg-gradient: linear-gradient(180deg, #f8f6f0 0%, #ece8dd 100%);--sidebar-bg: linear-gradient(180deg, #f3efe4 0%, #e5dfd0 100%);--surface: rgba(255, 255, 255, .55);--surface-hover: rgba(235, 230, 215, .85);--border: rgba(212, 175, 55, .25);--border-hover: rgba(212, 175, 55, .45);--text-main: #2b2b2b;--text-muted: #6b7280;--primary: #c5a059;--primary-hover: #b48e45;--primary-glow: rgba(197, 160, 89, .2);--accent: #9a3412;--success: #059669;--warning: #d97706;--error: #dc2626;--info: #2563eb;--shadow: 0 8px 32px 0 rgba(197, 160, 89, .08);--glass-blur: blur(16px)}[data-theme=light] body{background-image:none}*{margin:0;padding:0;box-sizing:border-box}button,a,select,input[type=checkbox],input[type=radio],[role=button],.clickable,.clickable-card,.nav-link,.glass-btn,.glass-btn-secondary,.data-table tbody tr{cursor:pointer!important}button,a,select,.glass-btn,.glass-btn-secondary,.nav-link{transition:var(--transition)!important}button:not(:disabled):hover{filter:brightness(1.15);transform:translateY(-1px)}button:not(:disabled):active{transform:scale(.97)}header button:hover{background:var(--surface-hover)!important;border-color:var(--border-hover)!important;color:var(--text-main)!important}body{font-family:var(--font-sans);background:var(--bg-gradient);color:var(--text-main);min-height:100vh;overflow-x:hidden;transition:background .5s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-title);font-weight:600;color:var(--text-main)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.glass-card{background:var(--surface);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);transition:var(--transition)}.glass-card:hover{border-color:var(--border-hover);background:var(--surface-hover);box-shadow:0 12px 40px #00000026}.glass-input{background:#0000000d;border:1px solid var(--border);border-radius:var(--border-radius-md);padding:10px 16px;color:var(--text-main);font-family:var(--font-sans);font-size:14px;outline:none;transition:var(--transition)}[data-theme=dark] .glass-input{background:#ffffff08}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-glow)}select{background-color:#14102a;color:var(--text-main);cursor:pointer}[data-theme=light] select{background-color:#f3efe4;color:var(--text-main)}select option{background-color:#14102a;color:#f1f5f9}[data-theme=light] select option{background-color:#f3efe4;color:#2b2b2b}.glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#fff;border:none;border-radius:var(--border-radius-md);padding:10px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:var(--transition);box-shadow:0 4px 12px var(--primary-glow)}.glass-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.glass-btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-main);box-shadow:none}.glass-btn-secondary:hover{background:var(--surface-hover);border-color:var(--border-hover)}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:var(--text-muted);text-decoration:none;font-weight:500;font-size:14px;border-radius:var(--border-radius-md);transition:var(--transition);cursor:pointer}.nav-link:hover{color:var(--text-main);background:var(--surface)}.nav-link.active{color:#fff;background:var(--primary);box-shadow:0 4px 15px var(--primary-glow)}[data-theme=light] .nav-link.active{color:#2b2b2b;font-weight:600;background:var(--surface);border:1px solid var(--border-hover);box-shadow:var(--shadow)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{padding:16px 24px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1px solid var(--border)}.data-table td{padding:16px 24px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-main)}.data-table tr:last-child td{border-bottom:none}.data-table tbody tr{cursor:pointer;transition:var(--transition)}.data-table tbody tr:hover td{background:var(--surface-hover)!important}.clickable-card{cursor:pointer!important;transition:var(--transition)!important}.clickable-card:hover{transform:translateY(-2px);border-color:var(--primary)!important;box-shadow:0 10px 25px var(--primary-glow)!important;background:var(--surface-hover)!important}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.status-müsait{background:#10b98126;color:var(--success)}.status-dolu{background:#ef444426;color:var(--error)}.status-temizleniyor{background:#3b82f626;color:var(--info)}.status-bakımda{background:#f59eab26;color:var(--warning)}.status-onaylandı{background:#10b98126;color:var(--success)}.status-girişyapıldı{background:#3b82f626;color:var(--info)}.status-çıkışyapıldı{background:#ffffff14;color:var(--text-muted)}.status-beklemede{background:#f59e0b26;color:var(--warning)}.status-iptal{background:#ef444426;color:var(--error)}@keyframes pulse-glow{0%{box-shadow:0 0 #6366f166}70%{box-shadow:0 0 0 10px #6366f100}to{box-shadow:0 0 #6366f100}}.pulse-animation{animation:pulse-glow 2s infinite}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.grid-4{grid-template-columns:1fr;gap:16px}}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:1024px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-3{grid-template-columns:1fr;gap:16px}}.grid-split-2-1{display:grid;grid-template-columns:2fr 1fr;gap:24px}@media(max-width:1024px){.grid-split-2-1{grid-template-columns:1fr;gap:16px}}.grid-split-15-1{display:grid;grid-template-columns:1.5fr 1fr;gap:24px}@media(max-width:1024px){.grid-split-15-1{grid-template-columns:1fr;gap:16px}}.grid-split-1-1{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.grid-split-1-1{grid-template-columns:1fr;gap:16px}}.chat-monitor-grid{display:grid;grid-template-columns:280px 1fr 300px;gap:20px;height:calc(100vh - 140px);align-items:stretch}@media(max-width:1200px){.chat-monitor-grid{grid-template-columns:240px 1fr}.chat-monitor-details{display:none!important}}@media(max-width:768px){.chat-monitor-grid{grid-template-columns:1fr;height:auto}}.grid-span-2{grid-column:span 2}@media(max-width:768px){.grid-span-2{grid-column:span 1}}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fade-in .35s cubic-bezier(.16,1,.3,1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[dir=rtl]{direction:rtl;text-align:right}[dir=rtl] .data-table,[dir=rtl] .data-table th,[dir=rtl] .data-table td,[dir=rtl] .glass-input{text-align:right}.room-card-hover{cursor:pointer!important;transition:var(--transition)!important}.room-card-hover:hover{background:var(--surface-hover)!important;border-color:var(--primary)!important;transform:translateY(-1px)}.notification-item{cursor:pointer!important;transition:var(--transition)!important}.notification-item:hover{background:var(--surface-hover)!important;border-color:var(--border-hover)!important}.lang-option{cursor:pointer!important;transition:var(--transition)!important}.lang-option:hover{background:var(--surface)!important}input[type=password]::-ms-reveal,input[type=password]::-ms-clear,input[type=password]::-webkit-contacts-auto-fill-button,input[type=password]::-webkit-credentials-auto-fill-button{display:none!important}@keyframes kpi-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.kpi-value{background:linear-gradient(90deg,var(--text-main) 0%,var(--primary) 50%,var(--text-main) 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:kpi-shimmer 3s ease-in-out infinite}.sparkline-bar{display:inline-block;width:3px;border-radius:1.5px;background:var(--primary);opacity:.4;transition:height .4s ease,opacity .3s ease;vertical-align:bottom}.sparkline-bar:nth-child(odd){opacity:.6}.nav-link.active{position:relative}.nav-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:60%;border-radius:0 4px 4px 0;background:var(--primary);box-shadow:0 0 12px var(--primary-glow),0 0 24px var(--primary-glow);animation:glow-pulse 2s ease-in-out infinite}[dir=rtl] .nav-link.active:before{left:auto;right:0;border-radius:4px 0 0 4px}@keyframes glow-pulse{0%,to{opacity:1;box-shadow:0 0 8px var(--primary-glow)}50%{opacity:.6;box-shadow:0 0 20px var(--primary-glow),0 0 40px var(--primary-glow)}}.sidebar-scroll-fade-top,.sidebar-scroll-fade-bottom{position:absolute;left:0;right:0;height:32px;pointer-events:none;z-index:2}.sidebar-scroll-fade-top{top:0;background:linear-gradient(to bottom,var(--sidebar-bg),transparent)}.sidebar-scroll-fade-bottom{bottom:0;background:linear-gradient(to top,var(--sidebar-bg),transparent)}.timeline-icon{width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);transition:transform .2s ease,box-shadow .2s ease}.timeline-icon:hover{transform:scale(1.1)}.timeline-icon-checkin{background:#10b98126;color:var(--success);box-shadow:0 0 12px #10b98133}.timeline-icon-checkout{background:#3b82f626;color:var(--info);box-shadow:0 0 12px #3b82f633}.timeline-icon-new{background:#8b5cf626;color:var(--primary);box-shadow:0 0 12px #8b5cf633}.timeline-icon-housekeeping{background:#ec489926;color:var(--accent);box-shadow:0 0 12px #ec489933}.timeline-icon-maintenance{background:#f59e0b26;color:var(--warning);box-shadow:0 0 12px #f59e0b33}.timeline-icon-vip{background:#d4af3726;color:#d4af37;box-shadow:0 0 12px #d4af3733}.timeline-icon-payment{background:#10b98126;color:var(--success);box-shadow:0 0 12px #10b98133}@keyframes float-particle{0%,to{transform:translate(0) scale(1);opacity:.3}25%{transform:translate(30px,-50px) scale(1.2);opacity:.6}50%{transform:translate(-20px,-100px) scale(.8);opacity:.4}75%{transform:translate(50px,-30px) scale(1.1);opacity:.5}}.login-particle{position:absolute;border-radius:50%;pointer-events:none;animation:float-particle linear infinite}@keyframes logo-glow{0%,to{box-shadow:0 0 20px #8b5cf64d,0 10px 25px -5px #0000004d}50%{box-shadow:0 0 40px #8b5cf680,0 0 60px #3b82f633,0 10px 25px -5px #0000004d}}.login-logo-glow{animation:logo-glow 3s ease-in-out infinite}@keyframes status-pulse-green{0%,to{box-shadow:0 0 #10b98180}50%{box-shadow:0 0 0 6px #10b98100}}@keyframes status-pulse-red{0%,to{box-shadow:0 0 #ef444480}50%{box-shadow:0 0 0 6px #ef444400}}@keyframes status-pulse-blue{0%,to{box-shadow:0 0 #3b82f680}50%{box-shadow:0 0 0 6px #3b82f600}}@keyframes status-pulse-amber{0%,to{box-shadow:0 0 #f59e0b80}50%{box-shadow:0 0 0 6px #f59e0b00}}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot-müsait{background:var(--success);animation:status-pulse-green 2s ease-in-out infinite}.status-dot-dolu{background:var(--error);animation:status-pulse-red 2s ease-in-out infinite}.status-dot-temizleniyor{background:var(--info);animation:status-pulse-blue 2s ease-in-out infinite}.status-dot-bakımda{background:var(--warning);animation:status-pulse-amber 2s ease-in-out infinite}.room-card-3d{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease!important;transform-style:preserve-3d;perspective:800px}.room-card-3d:hover{transform:translateY(-4px) rotateX(2deg) rotateY(-1deg)!important;box-shadow:0 20px 40px #0003,0 0 20px var(--primary-glow)!important;border-color:var(--primary)!important}@keyframes page-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-enter .4s cubic-bezier(.16,1,.3,1) forwards}@keyframes stagger-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.stagger-child{opacity:0;animation:stagger-in .5s cubic-bezier(.16,1,.3,1) forwards}.stagger-child:nth-child(1){animation-delay:.05s}.stagger-child:nth-child(2){animation-delay:.1s}.stagger-child:nth-child(3){animation-delay:.15s}.stagger-child:nth-child(4){animation-delay:.2s}.stagger-child:nth-child(5){animation-delay:.25s}.stagger-child:nth-child(6){animation-delay:.3s}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center;gap:16px}.empty-state-icon{width:80px;height:80px;border-radius:24px;background:var(--surface);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);animation:float-gentle 3s ease-in-out infinite}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.empty-state-title{font-size:18px;font-weight:700;color:var(--text-main);font-family:var(--font-title)}.empty-state-description{font-size:14px;color:var(--text-muted);max-width:360px;line-height:1.6}