:root{--primary:#6366f1;--primary-light:#818cf8;--primary-dark:#4f46e5;--primary-bg:#6366f114;--accent:#f43f5e;--accent-light:#fb7185;--accent-hover:#e11d48;--white:#fff;--bg:#f8fafc;--bg-alt:#f1f5f9;--bg-card:#fff;--border:#e2e8f0;--border-light:#f1f5f9;--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--success:#10b981;--success-bg:#ecfdf5;--warning:#f59e0b;--warning-bg:#fffbeb;--error:#ef4444;--error-bg:#fef2f2;--info:#3b82f6;--info-bg:#eff6ff;--shadow-sm:0 1px 2px #0000000a;--shadow:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #00000012,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 10px 10px -5px #0000000a;--shadow-card:0 0 0 1px #0000000a,0 2px 4px #0000000a,0 8px 24px #0000000a;--sidebar-width:260px;--sidebar-collapsed:68px;--header-height:64px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--transition:0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:0.3s cubic-bezier(0.4,0,0.2,1);--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;overflow-x:hidden}a{color:var(--primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--primary-dark)}button,input,select,textarea{font-family:inherit;font-size:inherit}::selection{background:var(--primary);color:var(--white)}h1{font-size:1.75rem;letter-spacing:-.02em}h1,h2{font-weight:700}h2{font-size:1.35rem;letter-spacing:-.01em}h3{font-size:1.15rem}h3,h4{font-weight:600}h4{font-size:1rem}p{color:var(--text-secondary)}.app-layout{background:var(--bg)}.app-layout,.main-content{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow)}.main-content.expanded{margin-left:var(--sidebar-collapsed)}.page-content{flex:1 1;margin-top:var(--header-height);max-width:1400px;padding:24px 32px 100px;width:100%}.sidebar{background:var(--white);border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;top:0;transition:transform var(--transition-slow),width var(--transition-slow);width:var(--sidebar-width);z-index:100}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-header{border-bottom:1px solid var(--border);flex-shrink:0;height:var(--header-height);justify-content:space-between;padding:0 16px}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo{color:var(--text);font-size:1.15rem;font-weight:800;gap:10px;letter-spacing:-.03em;white-space:nowrap}.sidebar-logo i{background:var(--primary-bg);border-radius:var(--radius-sm);color:var(--primary);font-size:1.3rem;padding:6px}.sidebar-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;padding:6px;transition:var(--transition);width:28px}.sidebar-toggle:hover{background:var(--bg-alt);color:var(--text)}.sidebar-nav{flex:1 1;padding:8px 10px}.sidebar-section-label{color:var(--text-muted);font-size:.7rem;font-weight:600;letter-spacing:.08em;padding:16px 10px 6px;text-transform:uppercase}.sidebar-link{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.88rem;font-weight:500;gap:12px;margin-bottom:2px;padding:9px 12px;text-decoration:none;transition:var(--transition);white-space:nowrap}.sidebar-link:hover{background:var(--bg-alt);color:var(--text)}.sidebar-link.active{background:var(--primary-bg);color:var(--primary);font-weight:600}.sidebar-link i{flex-shrink:0;font-size:1rem;text-align:center;width:20px}.sidebar.collapsed .sidebar-link{border-radius:var(--radius-sm);justify-content:center;padding:11px}.sidebar.collapsed .sidebar-link i{width:auto}.sidebar.collapsed .sidebar-section-label{display:none}.sidebar-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0006;display:none;inset:0;position:fixed;z-index:99}.app-header{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid var(--border);display:flex;height:var(--header-height);justify-content:space-between;left:var(--sidebar-width);padding:0 24px;position:fixed;right:0;top:0;transition:left var(--transition-slow);z-index:50}.app-header.expanded{left:var(--sidebar-collapsed)}.header-left{align-items:center;display:flex;gap:12px}.header-menu-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--text);cursor:pointer;display:none;font-size:1.2rem;padding:6px;transition:var(--transition)}.header-menu-btn:hover{background:var(--bg-alt)}.header-title{display:none;font-size:1rem;font-weight:700;letter-spacing:-.02em}.header-right{align-items:center;display:flex;gap:12px}.header-hotel-badge{background:var(--primary-bg);border-radius:100px;color:var(--primary);display:none;font-size:.78rem;font-weight:600;padding:5px 12px;white-space:nowrap}@media (min-width:768px){.header-hotel-badge{display:inline-flex}}.header-date{background:var(--bg-alt);color:var(--text-muted);font-size:.82rem;padding:6px 12px}.header-date,.header-user{border-radius:var(--radius)}.header-user{align-items:center;cursor:pointer;display:flex;gap:10px;padding:4px 8px 4px 4px;transition:var(--transition)}.header-user:hover{background:var(--bg-alt)}.header-avatar{align-items:center;background:linear-gradient(135deg,var(--primary),var(--primary-light));border-radius:50%;color:var(--white);display:flex;flex-shrink:0;font-size:.82rem;font-weight:600;height:34px;justify-content:center;width:34px}.header-user-info{display:flex;flex-direction:column;line-height:1.3}.header-user-name{font-size:.88rem;font-weight:600}.header-user-role{color:var(--text-muted);font-size:.72rem;text-transform:capitalize}.header-logout{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:1rem;padding:8px;transition:var(--transition)}.header-logout:hover{background:var(--error-bg);color:var(--error)}.bottom-nav{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;border-top:1px solid var(--border);bottom:0;display:none;height:64px;justify-content:space-around;left:0;padding:0 4px env(safe-area-inset-bottom,0);position:fixed;right:0;z-index:100}.bottom-nav-link{align-items:center;border-radius:var(--radius-sm);color:var(--text-muted);display:flex;flex-direction:column;font-size:.62rem;font-weight:500;gap:2px;min-width:52px;padding:6px 12px;text-decoration:none;transition:var(--transition)}.bottom-nav-link i{font-size:1.2rem;transition:var(--transition)}.bottom-nav-link.active{color:var(--primary)}.bottom-nav-link.active i{transform:scale(1.1)}.bottom-nav-link:hover{color:var(--text-secondary)}.more-menu{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);bottom:72px;box-shadow:var(--shadow-xl);display:none;max-height:50vh;min-width:200px;overflow-y:auto;padding:6px;position:fixed;right:12px;z-index:101}.more-menu.open{display:block}.more-menu-item{align-items:center;border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;font-size:.88rem;font-weight:500;gap:10px;padding:10px 12px;text-decoration:none;transition:var(--transition)}.more-menu-item:hover{background:var(--bg-alt);color:var(--text)}.more-menu-item i{color:var(--text-muted);text-align:center;width:20px}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.page-header h1{font-size:1.5rem;font-weight:800;letter-spacing:-.03em}.page-header p{color:var(--text-secondary);font-size:.88rem;margin-top:2px}.page-header-actions{display:flex;flex-wrap:wrap;gap:8px}.btn{align-items:center;border:none;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:.88rem;font-weight:600;gap:8px;justify-content:center;line-height:1;overflow:hidden;padding:10px 20px;position:relative;text-decoration:none;transition:var(--transition);white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));box-shadow:0 2px 8px #6366f14d;color:var(--white)}.btn-primary:hover{box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,var(--accent),var(--accent-hover));box-shadow:0 2px 8px #f43f5e4d;color:var(--white)}.btn-accent:hover{box-shadow:0 4px 16px #f43f5e66;transform:translateY(-1px)}.btn-outline{background:#0000;border:1.5px solid var(--border);color:var(--text-secondary)}.btn-outline:hover{background:var(--primary-bg);border-color:var(--primary);color:var(--primary)}.btn-ghost{background:#0000;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-alt);color:var(--text)}.btn-danger{background:linear-gradient(135deg,var(--error),#dc2626);box-shadow:0 2px 8px #ef44444d;color:var(--white)}.btn-danger:hover{box-shadow:0 4px 16px #ef444466;transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--success),#059669);color:var(--white)}.btn-sm{border-radius:var(--radius-sm);font-size:.82rem;padding:7px 14px}.btn-lg{border-radius:var(--radius-lg);font-size:1rem;padding:14px 28px}.btn-icon{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:inline-flex;height:36px;justify-content:center;padding:0;transition:var(--transition);width:36px}.btn-icon:hover{background:var(--bg-alt);color:var(--text)}.btn-icon-danger:hover{background:var(--error-bg);color:var(--error)}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:20px;transition:var(--transition)}.card:hover{box-shadow:var(--shadow-lg)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-header h3{font-size:1rem}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden;padding:20px;position:relative;transition:var(--transition)}.stat-card:before{background:linear-gradient(90deg,var(--primary),var(--primary-light));content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.stat-card-value{font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.1}.stat-card-label{color:var(--text-muted);font-size:.82rem;font-weight:500;margin-top:4px}.stat-card-icon{align-items:center;border-radius:var(--radius);display:flex;font-size:1.1rem;height:40px;justify-content:center;position:absolute;right:16px;top:16px;width:40px}.form-group{margin-bottom:18px}.form-group label{color:var(--text-secondary);display:block;font-size:.82rem;font-weight:600;margin-bottom:6px}.form-control{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.9rem;padding:10px 14px;transition:var(--transition);width:100%}.form-control:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg);outline:none}.form-control.error{border-color:var(--error)}.form-control.error:focus{box-shadow:0 0 0 3px var(--error-bg)}.form-error{color:var(--error);font-size:.78rem;font-weight:500;margin-top:4px}.form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.form-help{color:var(--text-muted);font-size:.78rem;margin-top:4px}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;letter-spacing:.01em;padding:4px 10px;text-transform:capitalize;white-space:nowrap}.table-wrap{-webkit-overflow-scrolling:touch;background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--border-light);font-size:.88rem;padding:12px 16px;text-align:left}th{background:var(--bg);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:10px 16px;text-transform:uppercase}tr:last-child td{border-bottom:none}tr:hover td{background:var(--bg)}.table-actions{display:flex;gap:4px}.modal-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#00000080;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:200}.modal-content{background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:85vh;max-width:520px;overflow-y:auto;width:100%}.modal-lg{max-width:680px}.modal-header{align-items:center;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-header h2{font-size:1.15rem;font-weight:700}.modal-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;font-size:1.1rem;padding:6px;transition:var(--transition)}.modal-close:hover{background:var(--bg-alt);color:var(--text)}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;padding:16px 24px 20px}.filter-bar,.modal-footer{align-items:center;display:flex;gap:10px}.filter-bar{flex-wrap:wrap;margin-bottom:20px}.filter-bar .form-control{max-width:260px}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-error{color:var(--error)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-primary{color:var(--primary)}.text-capitalize{text-transform:capitalize}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.ml-1{margin-left:8px}.mr-1{margin-right:8px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-between{justify-content:space-between}.flex-between,.flex-center{align-items:center;display:flex}.flex-center{gap:8px}.flex-1{flex:1 1}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.grid-2{grid-gap:16px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-gap:16px;grid-template-columns:1fr 1fr 1fr}.grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr 1fr}.loading-spinner{align-items:center;color:var(--text-muted);display:flex;justify-content:center;padding:60px}.loading-spinner i{font-size:2rem}.alert{align-items:center;border-radius:var(--radius);display:flex;font-size:.88rem;font-weight:500;gap:10px;padding:12px 16px}.alert-error{background:var(--error-bg);color:var(--error)}.alert-success{background:var(--success-bg);color:var(--success)}.alert-info{background:var(--info-bg);color:var(--info)}.alert-warning{background:var(--warning-bg);color:var(--warning)}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.empty-state{color:var(--text-muted);padding:48px 20px;text-align:center}.empty-state i{font-size:2.5rem;margin-bottom:12px;opacity:.5}.empty-state p{font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.grid-4{grid-template-columns:1fr 1fr}.main-content{margin-left:var(--sidebar-collapsed)}.app-header{left:var(--sidebar-collapsed)}.page-content{padding:20px 20px 100px}}@media (max-width:768px){.app-layout{flex-direction:column}.sidebar{box-shadow:var(--shadow-xl);transform:translateX(-100%);width:280px!important}.sidebar.open{transform:translateX(0)}.sidebar.collapsed{width:280px!important}.sidebar.collapsed .sidebar-link{justify-content:flex-start;padding:9px 12px}.sidebar.collapsed .sidebar-link i{width:20px}.sidebar-overlay.open,.sidebar.collapsed .sidebar-section-label{display:block}.main-content{margin-left:0!important}.app-header{background:#fffffff2;left:0!important;padding:0 12px}.header-menu-btn,.header-title{display:block}.header-date,.header-user-info{display:none}.page-content{margin-top:var(--header-height);padding:16px 16px 80px}.page-header{align-items:flex-start;flex-direction:column;gap:12px}.page-header h1{font-size:1.3rem}.page-header-actions{width:100%}.page-header-actions .btn{flex:1 1;font-size:.82rem;justify-content:center;padding:9px 14px}.bottom-nav{display:flex}.form-row,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.filter-bar .form-control{max-width:100%}.table-wrap{border-bottom:1px solid var(--border);border-radius:0;border-top:1px solid var(--border);box-shadow:none;margin:0 -16px}td,th{font-size:.82rem;padding:10px 12px;white-space:nowrap}.card{border-radius:var(--radius)}.card,.stat-card{padding:16px}.stat-card-value{font-size:1.6rem}.modal-content{border-radius:var(--radius-lg);margin:10px;max-height:90vh}.modal-header{padding:16px 18px 12px}.modal-body{padding:16px 18px}.modal-footer{padding:12px 18px 16px}.btn{font-size:.85rem;padding:10px 16px}.page-content .filter-bar{flex-direction:column}.page-content .filter-bar .form-control{max-width:100%}}@media (max-width:480px){.stat-card-value{font-size:1.4rem}.stat-card{padding:14px}.grid-2{grid-template-columns:1fr}}@media (min-width:1400px){.page-content{padding:28px 40px 100px}}
/*# sourceMappingURL=main.693a15b8.css.map*/