.shift-container{flex:1;background-color:#f2f2f7;overflow:auto}.shift-content-wrapper{max-width:1600px;margin:0 auto;padding:24px}@media(max-width:767px){.shift-content-wrapper{padding:16px}}.shift-header{margin-bottom:24px}.shift-header-title{color:#1f2937;margin-bottom:8px;font-size:24px;font-weight:700}@media(max-width:767px){.shift-header-title{font-size:20px}}.shift-header-subtitle{color:#6b7280;font-size:14px}@media(max-width:767px){.shift-header-subtitle{font-size:12px}}.shift-controls-panel{background-color:#fff;border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}@media(max-width:767px){.shift-controls-panel{padding:12px}}.shift-controls-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}@media(max-width:767px){.shift-controls-row{flex-direction:column;align-items:stretch;gap:12px}}.shift-week-nav{display:flex;align-items:center;gap:12px}@media(max-width:767px){.shift-week-nav{width:100%;justify-content:space-between}}.shift-nav-btn{padding:8px;background-color:#f3f4f6;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease}.shift-nav-btn:hover{background-color:#e5e7eb}.shift-nav-icon{width:20px;height:20px;color:#374151}.shift-week-display{text-align:center;min-width:200px}@media(max-width:767px){.shift-week-display{min-width:auto;flex:1}}.shift-week-dates{color:#1f2937;font-size:14px;font-weight:500}@media(max-width:767px){.shift-week-dates{font-size:12px}}.shift-week-month{font-size:12px;color:#6b7280}@media(max-width:767px){.shift-week-month{font-size:11px}}.shift-today-btn{padding:8px 12px;background-color:#f3f4f6;border:none;border-radius:8px;font-size:14px;color:#374151;cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.shift-today-btn:hover{background-color:#e5e7eb}@media(max-width:767px){.shift-today-btn{font-size:12px;padding:6px 10px}}.shift-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:767px){.shift-actions{width:100%;flex-direction:column;gap:8px}}.shift-pending-badge{padding:6px 12px;background-color:#fef3c7;color:#92400e;border-radius:8px;font-size:12px;white-space:nowrap}@media(max-width:767px){.shift-pending-badge{width:100%;text-align:center;order:1}}@media(max-width:767px){.shift-actions-buttons-mobile{width:100%;display:flex;gap:8px;order:2}}.shift-btn-secondary{padding:8px 16px;background-color:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background-color .15s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.shift-btn-secondary:hover{background-color:#e5e7eb}@media(max-width:767px){.shift-btn-secondary{flex:1;justify-content:center;font-size:13px;padding:10px 12px}}.shift-btn-primary{padding:8px 16px;background-color:#007aff;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background-color .15s ease;display:flex;align-items:center;gap:8px;white-space:nowrap}.shift-btn-primary:hover{background-color:#06c}.shift-btn-primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:767px){.shift-btn-primary{flex:1;justify-content:center;font-size:13px;padding:8px 12px}}.shift-btn-danger{padding:8px 16px;background-color:#fff;color:#dc2626;border:1px solid #fecaca;border-radius:8px;font-size:14px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.shift-btn-danger:hover{background-color:#fef2f2}@media(max-width:767px){.shift-btn-danger{font-size:13px;padding:8px 12px}}.shift-btn-icon{width:16px;height:16px}.shift-legend-panel{background-color:#fff;border-radius:10px;padding:16px;margin-bottom:16px;box-shadow:0 1px 3px #0000001a}@media(max-width:767px){.shift-legend-panel{padding:12px}}.shift-legend-grid{display:flex;flex-wrap:wrap;align-items:center;gap:24px;font-size:14px}@media(max-width:767px){.shift-legend-grid{gap:8px;font-size:11px}.shift-legend-item:last-child{flex-basis:100%}}.shift-legend-item{display:flex;align-items:center;gap:8px}@media(max-width:767px){.shift-legend-item{gap:6px}}.shift-legend-box{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media(max-width:767px){.shift-legend-box{width:24px;height:24px;font-size:14px}}.shift-legend-label{color:#374151;white-space:nowrap}@media(max-width:767px){.shift-legend-label{font-size:11px}}.shift-legend-morning{background:linear-gradient(to bottom right,#fef3c7,#fed7aa);border:2px solid #fcd34d}.shift-legend-evening{background:linear-gradient(to bottom right,#dbeafe,#c7d2fe);border:2px solid #93c5fd}.shift-legend-dayoff{background-color:#f3f4f6;border:2px solid #d1d5db}.shift-legend-empty{background-color:#fff;border:2px dashed #d1d5db}.shift-table-wrapper{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;overflow-x:auto;-webkit-overflow-scrolling:touch}.shift-table{width:100%;border-collapse:collapse}.shift-table thead tr{border-bottom:1px solid #e5e7eb}.shift-table th{padding:12px;text-align:center;font-weight:500}@media(max-width:767px){.shift-table th{padding:8px 4px;font-size:12px}}.shift-table-header-staff{position:sticky;left:0;background-color:#fff;z-index:10;padding:12px 16px;text-align:left}@media(max-width:767px){.shift-table-header-staff{padding:8px;min-width:120px}}.shift-table-header-day{min-width:120px;padding:12px}@media(max-width:767px){.shift-table-header-day{min-width:90px;padding:8px 4px}}.shift-table-header-day.today{background-color:#eff6ff}.shift-table-header-stats{padding:12px 16px;text-align:center;min-width:150px}@media(max-width:767px){.shift-table-header-stats{min-width:100px;padding:8px}}.shift-table-header-actions{padding:12px 16px;text-align:center;min-width:120px}@media(max-width:767px){.shift-table-header-actions{min-width:90px;padding:8px}}.shift-header-icon{width:20px;height:20px;color:#9ca3af}@media(max-width:767px){.shift-header-icon{width:16px;height:16px}}.shift-header-label{color:#374151;font-size:14px}@media(max-width:767px){.shift-header-label{font-size:11px}}.shift-day-name{color:#374151;font-size:14px}@media(max-width:767px){.shift-day-name{font-size:11px}}.shift-day-number{font-size:12px;color:#6b7280}@media(max-width:767px){.shift-day-number{font-size:11px}}.shift-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.shift-table tbody tr:hover{background-color:#f9fafb}.shift-table tbody td{padding:12px}@media(max-width:767px){.shift-table tbody td{padding:8px 4px}}.shift-staff-cell{position:sticky;left:0;background-color:#fff;padding:12px 16px;border-right:1px solid #e5e7eb;z-index:10}.shift-table tbody tr:hover .shift-staff-cell{background-color:#f9fafb}@media(max-width:767px){.shift-staff-cell{padding:8px}}.shift-staff-info{display:flex;align-items:center;gap:8px}@media(max-width:767px){.shift-staff-info{gap:6px}}.shift-staff-avatar{width:32px;height:32px;border-radius:50%;background-color:#007aff;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}@media(max-width:767px){.shift-staff-avatar{width:28px;height:28px;font-size:12px}}.shift-staff-name{color:#1f2937;font-size:14px}@media(max-width:767px){.shift-staff-name{font-size:12px}}.shift-staff-warning{display:flex;align-items:center;gap:4px;font-size:11px;color:#ea580c}@media(max-width:767px){.shift-staff-warning{font-size:10px}}.shift-warning-icon{width:12px;height:12px}@media(max-width:767px){.shift-warning-icon{width:10px;height:10px}}.shift-cell{padding:12px}@media(max-width:767px){.shift-cell{padding:6px 4px}}.shift-cell.today{background-color:#eff6ff}.shift-box{position:relative;border-radius:8px;padding:12px;transition:all .15s ease;text-align:center;cursor:pointer}@media(max-width:767px){.shift-box{padding:8px 4px;border-radius:6px}}.shift-box-empty{background-color:#fff;border:2px dashed #e5e7eb}.shift-box-empty:hover{border-color:#007aff}.shift-box-morning{background:linear-gradient(to bottom right,#fef3c7,#fed7aa);border:2px solid #fcd34d}.shift-box-morning:hover{box-shadow:0 4px 6px #0000001a}.shift-box-evening{background:linear-gradient(to bottom right,#dbeafe,#c7d2fe);border:2px solid #93c5fd}.shift-box-evening:hover{box-shadow:0 4px 6px #0000001a}.shift-box-dayoff{background-color:#f3f4f6;border:2px solid #d1d5db}.shift-box-dayoff:hover{box-shadow:0 4px 6px #0000001a}.shift-box.pending{box-shadow:0 0 0 2px #007aff,0 0 0 4px #fff}.shift-icon{font-size:24px;margin-bottom:4px;line-height:1}@media(max-width:767px){.shift-icon{font-size:18px;margin-bottom:2px}}.shift-label{font-size:11px;color:#374151}@media(max-width:767px){.shift-label{font-size:9px}}.shift-pending-dot{position:absolute;top:-4px;right:-4px;width:12px;height:12px;background-color:#007aff;border-radius:50%;border:2px solid white}@media(max-width:767px){.shift-pending-dot{width:10px;height:10px;top:-3px;right:-3px}}.shift-stats-cell{padding:12px 16px;text-align:center}@media(max-width:767px){.shift-stats-cell{padding:8px 4px}}.shift-stats-content{font-size:12px}@media(max-width:767px){.shift-stats-content{font-size:10px}}.shift-stats-total{color:#1f2937;font-size:13px;margin-bottom:4px}@media(max-width:767px){.shift-stats-total{font-size:11px}}.shift-stats-breakdown{font-size:11px;color:#6b7280;margin-bottom:4px}@media(max-width:767px){.shift-stats-breakdown{font-size:9px}}.shift-stats-hours{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#6b7280}@media(max-width:767px){.shift-stats-hours{font-size:9px}}.shift-clock-icon{width:12px;height:12px}@media(max-width:767px){.shift-clock-icon{width:10px;height:10px}}.shift-actions-cell{padding:12px 16px}@media(max-width:767px){.shift-actions-cell{padding:8px 4px}}.shift-actions-buttons{display:flex;flex-direction:column;gap:4px}.shift-action-btn-pattern{padding:6px 8px;background-color:#faf5ff;color:#7c3aed;border:none;border-radius:6px;font-size:11px;cursor:pointer;transition:background-color .15s ease;display:flex;align-items:center;justify-content:center;gap:4px}.shift-action-btn-pattern:hover{background-color:#f3e8ff}@media(max-width:767px){.shift-action-btn-pattern{padding:4px 6px;font-size:10px}}.shift-action-btn-clear{padding:6px 8px;background-color:#f9fafb;color:#6b7280;border:none;border-radius:6px;font-size:11px;cursor:pointer;transition:background-color .15s ease}.shift-action-btn-clear:hover{background-color:#f3f4f6}@media(max-width:767px){.shift-action-btn-clear{padding:4px 6px;font-size:10px}}.shift-action-icon{width:12px;height:12px}@media(max-width:767px){.shift-action-icon{width:10px;height:10px}}.shift-loading{display:flex;justify-content:center;align-items:center;padding:80px 20px}.shift-loading-spinner{width:32px;height:32px;color:#007aff;animation:spin .8s linear infinite}.shift-empty{text-align:center;padding:80px 20px;color:#6b7280;font-size:14px}.shift-history-wrapper{display:flex;justify-content:center;margin-top:16px}.shift-history-btn{padding:12px 24px;background-color:#faf5ff;color:#7c3aed;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease;display:flex;align-items:center;gap:8px;font-size:14px}.shift-history-btn:hover{background-color:#f3e8ff}@media(max-width:767px){.shift-history-btn{padding:10px 20px;font-size:13px}}.shift-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.shift-modal-card{background-color:#fff;border-radius:10px;max-width:672px;width:100%;padding:24px;max-height:90vh;overflow-y:auto}@media(max-width:767px){.shift-modal-card{padding:16px}}.shift-modal-title{color:#1f2937;margin-bottom:16px;font-size:18px;font-weight:600}.shift-pattern-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:24px}@media(min-width:768px){.shift-pattern-grid{grid-template-columns:repeat(2,1fr)}}.shift-pattern-card{text-align:left;padding:16px;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:border-color .15s ease;background:none}.shift-pattern-card:hover{border-color:#007aff}@media(max-width:767px){.shift-pattern-card{padding:12px}}.shift-pattern-name{color:#1f2937;margin-bottom:4px;font-size:14px;font-weight:500}.shift-pattern-desc{font-size:12px;color:#6b7280;margin-bottom:12px}.shift-pattern-preview{display:flex;gap:4px}.shift-pattern-day{width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:11px}@media(max-width:767px){.shift-pattern-day{width:28px;height:28px;font-size:10px}}.shift-pattern-day-morning{background-color:#fef3c7;border:1px solid #fcd34d}.shift-pattern-day-evening{background-color:#dbeafe;border:1px solid #93c5fd}.shift-pattern-day-dayoff{background-color:#f3f4f6;border:1px solid #d1d5db}.shift-pattern-day-empty{background-color:#fff;border:1px solid #e5e7eb}.shift-modal-divider{border-top:1px solid #e5e7eb;padding-top:16px}.shift-modal-subtitle{font-size:12px;color:#374151;margin-bottom:12px;font-weight:500}.shift-fill-buttons{display:flex;gap:8px}@media(max-width:767px){.shift-fill-buttons{flex-direction:column}}.shift-fill-btn{flex:1;padding:10px 16px;border-radius:8px;border:2px solid;cursor:pointer;transition:all .15s ease;font-size:13px;color:#374151}@media(max-width:767px){.shift-fill-btn{padding:10px 12px;font-size:12px}}.shift-fill-btn-morning{background:linear-gradient(to bottom right,#fef3c7,#fed7aa);border-color:#fcd34d}.shift-fill-btn-morning:hover{box-shadow:0 4px 6px #0000001a}.shift-fill-btn-evening{background:linear-gradient(to bottom right,#dbeafe,#c7d2fe);border-color:#93c5fd}.shift-fill-btn-evening:hover{box-shadow:0 4px 6px #0000001a}.shift-fill-btn-dayoff{background-color:#f3f4f6;border-color:#d1d5db}.shift-fill-btn-dayoff:hover{box-shadow:0 4px 6px #0000001a}.shift-modal-close-btn{padding:8px 16px;background-color:#f3f4f6;color:#374151;border:none;border-radius:8px;cursor:pointer;transition:background-color .15s ease;font-size:14px;width:100%;margin-top:16px}.shift-modal-close-btn:hover{background-color:#e5e7eb}@media(max-width:767px){.shift-desktop-view{display:none!important}.shift-mobile-view{display:block}}@media(min-width:768px){.shift-desktop-view{display:block}.shift-mobile-view{display:none!important}}.shift-mobile-view{display:flex;flex-direction:column;gap:12px}.shift-mobile-card{background-color:#fff;border-radius:10px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.shift-mobile-header{padding:16px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;transition:background-color .15s ease;-webkit-tap-highlight-color:transparent}.shift-mobile-header:active{background-color:#f9fafb}.shift-mobile-body{padding:0 16px 16px;border-top:1px solid #f3f4f6}.shift-mobile-stats{display:flex;align-items:center;justify-content:space-between;padding:12px 0;margin-bottom:12px;border-bottom:1px solid #f3f4f6}.shift-mobile-days{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.shift-mobile-day{display:flex;align-items:center;gap:12px;padding:8px;border-radius:8px;background-color:#f9fafb}.shift-mobile-day-today{background-color:#eff6ff;border:1px solid #bfdbfe}.shift-mobile-day-label{flex:0 0 60px;text-align:left}.shift-mobile-shift-box{position:relative;flex:1;padding:12px;border-radius:8px;text-align:center;cursor:pointer;transition:all .15s ease;-webkit-tap-highlight-color:transparent}.shift-mobile-shift-box:active{transform:scale(.98)}.shift-mobile-actions{display:flex;gap:8px;padding-top:12px}.admin-root{display:flex;height:100vh;background-color:#f2f2f7;overflow-x:hidden;max-width:100vw}@media(max-width:767px){.admin-root{overflow-x:hidden;width:100%}}.admin-sidebar-desktop{background-color:#fff;border-right:1px solid rgba(0,0,0,.1);transition:all .3s ease;position:relative}.admin-sidebar-desktop.collapsed{width:80px}.admin-sidebar-desktop.expanded{width:256px}.admin-sidebar-desktop.hidden-mobile{display:none}@media(min-width:768px){.admin-sidebar-desktop.hidden-mobile{display:block}}.admin-sidebar-header{height:64px;border-bottom:1px solid rgba(0,0,0,.1);display:flex;align-items:center;justify-content:space-between;padding:0 16px}.admin-sidebar-title{color:#000;font-size:16px;font-weight:600}.admin-sidebar-subtitle{font-size:12px;color:#8e8e93}.admin-sidebar-nav{padding:12px 12px 80px}.admin-sidebar-nav-spacing{display:flex;flex-direction:column;gap:4px}.admin-nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px!important;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;border:none;background:none;cursor:pointer;font-size:14px;font-weight:500;clip-path:none!important;overflow:visible!important;-webkit-tap-highlight-color:transparent}.admin-nav-item.active{background-color:#007aff;color:#fff;box-shadow:0 4px 12px #007aff40}.admin-nav-item:not(.active){color:#3a3a3c}.admin-nav-item:not(.active):active{background-color:#00000014;transform:scale(.98)}.admin-nav-item-icon{width:20px;height:20px;flex-shrink:0;stroke-width:2}.admin-nav-item-label{flex:1;text-align:left}.admin-nav-badge{width:6px;height:6px;background-color:#ff3b30;border-radius:50%;box-shadow:0 0 0 2px #fff}.admin-nav-badge-absolute{position:absolute;top:8px;right:8px}.admin-nav-chevron{width:16px;height:16px}.admin-logout-container{position:absolute;bottom:0;left:0;right:0;padding:16px;border-top:1px solid rgba(0,0,0,.1)}.admin-logout-btn{width:100%;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;color:#ff3b30;background-color:#ff3b300d;border:none;cursor:pointer;font-size:15px;transition:background-color .15s ease}.admin-logout-btn:hover{background-color:#ff3b301a}.admin-logout-icon{width:20px;height:20px;flex-shrink:0}.admin-mobile-overlay{position:fixed;inset:0;background-color:#0000004d;z-index:40}@media(min-width:768px){.admin-mobile-overlay{display:none}}.admin-sidebar-mobile{position:fixed;top:0;left:0;bottom:0;width:256px;background-color:#fff;z-index:50;transform:translate(-100%);transition:transform .3s ease}.admin-sidebar-mobile.open{transform:translate(0)}@media(min-width:768px){.admin-sidebar-mobile{display:none}}.admin-main-container{flex:1;overflow:auto}.admin-header-bar{height:64px;background-color:#fff;border-bottom:1px solid rgba(0,0,0,.1);padding:0 16px;display:flex;align-items:center;justify-content:space-between}@media(min-width:768px){.admin-header-bar{padding:0 24px}}.admin-header-menu-btn{padding:8px;border:none;background:none;cursor:pointer;border-radius:12px;transition:background-color .15s ease}.admin-header-menu-btn:hover{background-color:#0000000d}.admin-header-menu-btn-md-hidden{display:block}@media(min-width:768px){.admin-header-menu-btn-md-hidden{display:none}}.admin-header-icon{width:20px;height:20px}.admin-header-title{color:#000;font-size:20px;font-weight:600}.admin-header-user-section{display:flex;align-items:center;gap:8px}@media(min-width:768px){.admin-header-user-section{gap:16px}}.admin-header-user-card{display:none;align-items:center;gap:12px;background-color:#f2f2f7;border-radius:12px;padding:8px 12px}@media(min-width:640px){.admin-header-user-card{display:flex}}@media(min-width:768px){.admin-header-user-card{padding:8px 16px}}.admin-header-user-avatar{width:32px;height:32px;border-radius:50%;background-color:#007aff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}.admin-header-user-info{display:none}@media(min-width:768px){.admin-header-user-info{display:block}}.admin-header-username{font-size:14px;color:#000}.admin-header-role{font-size:12px;color:#8e8e93}.admin-header-user-avatar-mobile{display:flex;width:32px;height:32px;border-radius:50%;background-color:#007aff;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}@media(min-width:640px){.admin-header-user-avatar-mobile{display:none}}.admin-content-padding{padding:16px}@media(min-width:768px){.admin-content-padding{padding:24px}}.admin-content-no-padding{padding:0}.admin-stats-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}@media(min-width:768px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.admin-stats-grid{grid-template-columns:repeat(4,1fr)}}.admin-stat-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.admin-stat-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.admin-stat-icon-bg{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.admin-stat-icon{width:24px;height:24px;color:#fff}.admin-stat-value{font-size:32px;color:#000;margin-bottom:4px;font-weight:700}.admin-stat-label{font-size:14px;color:#8e8e93;margin-bottom:4px}.admin-stat-sublabel{font-size:12px;color:#8e8e93}.admin-activity-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #00000014}.admin-activity-title{color:#000;margin-bottom:16px;font-size:18px;font-weight:600}.admin-activity-list{display:flex;flex-direction:column;gap:12px}.admin-activity-item{display:flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.05)}.admin-activity-item:last-child{border-bottom:none}.admin-activity-icon-bg{width:40px;height:40px;border-radius:50%;background-color:#007aff1a;display:flex;align-items:center;justify-content:center}.admin-activity-icon{width:20px;height:20px;color:#007aff}.admin-activity-content{flex:1}.admin-activity-text{font-size:14px;color:#000}.admin-activity-secondary{color:#8e8e93}.admin-activity-time{font-size:12px;color:#8e8e93}.admin-activity-empty{font-size:14px;color:#8e8e93;text-align:center;padding:16px 0}.admin-loading{display:flex;align-items:center;justify-content:center;padding:48px 0}.admin-loading-content{text-align:center}.admin-spinner{width:48px;height:48px;border:4px solid #007AFF;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 16px}.admin-loading-text{color:#8e8e93}.admin-filters-row{display:flex;align-items:stretch;gap:8px;margin-bottom:16px}@media(min-width:640px){.admin-filters-row{align-items:center;gap:16px}}.admin-search-wrapper{position:relative;flex:1}.admin-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:#8e8e93;pointer-events:none}.admin-search-input{width:100%;padding:12px 16px 12px 40px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;outline:none;transition:border-color .15s ease;font-size:14px}@media(min-width:640px){.admin-search-input{font-size:16px}}.admin-search-input:focus{border-color:#007aff}.admin-action-btn{display:flex;align-items:center;gap:8px;padding:12px;background-color:#007aff;color:#fff;border-radius:12px;border:none;cursor:pointer;transition:background-color .15s ease;font-size:14px;font-weight:600}@media(min-width:640px){.admin-action-btn{padding:12px 16px;font-size:16px}}.admin-action-btn:hover{background-color:#0051d5}.admin-action-btn-icon{width:20px;height:20px}.admin-action-btn-label-hidden{display:none}@media(min-width:640px){.admin-action-btn-label-hidden{display:inline}}.admin-action-btn-secondary{background-color:#6b7280}.admin-action-btn-secondary:hover{background-color:#4b5563}.admin-list-spacing{display:flex;flex-direction:column;gap:8px}.admin-card-item{width:100%;background-color:#fff;border-radius:12px;padding:12px;transition:all .15s ease;border:none;cursor:pointer;text-align:left}@media(min-width:640px){.admin-card-item{padding:16px}}.admin-card-item.clickable:hover{box-shadow:0 4px 12px #0000001f}.admin-card-item.selected{border-left:4px solid #007AFF}.admin-card-content{display:flex;align-items:center;gap:12px}@media(min-width:640px){.admin-card-content{gap:16px}}.admin-card-avatar{width:40px;height:40px;border-radius:50%;background-color:#007aff;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600;flex-shrink:0}@media(min-width:640px){.admin-card-avatar{width:48px;height:48px;font-size:16px}}.admin-card-body{flex:1;text-align:left;min-width:0}.admin-card-title{color:#000;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.admin-card-title{font-size:16px}}.admin-card-subtitle{font-size:12px;color:#8e8e93}.admin-role-badge{padding:4px 8px;border-radius:9999px;font-size:12px;flex-shrink:0}@media(min-width:640px){.admin-role-badge{padding:4px 12px}}.admin-role-badge.admin{background-color:#dbeafe;color:#1e40af}.admin-role-badge.super-admin{background-color:#fce7f3;color:#be185d}.admin-role-badge.staff{background-color:#f3f4f6;color:#374151}.admin-role-label{display:none}@media(min-width:640px){.admin-role-label{display:inline}}.admin-role-label-short{display:inline}@media(min-width:640px){.admin-role-label-short{display:none}}.admin-card-chevron{width:16px;height:16px;flex-shrink:0;transition:transform .15s ease}@media(min-width:640px){.admin-card-chevron{width:20px;height:20px}}.admin-card-chevron.rotated{transform:rotate(90deg)}.admin-empty-state{background-color:#fff;border-radius:12px;padding:32px;text-align:center}.admin-empty-text{color:#8e8e93}.admin-grid-responsive{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:768px){.admin-grid-responsive{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.admin-grid-responsive{grid-template-columns:repeat(3,1fr)}}@media(min-width:1280px){.admin-grid-responsive{grid-template-columns:repeat(4,1fr)}}.admin-modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.admin-modal-card{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;width:100%;max-width:448px;max-height:90vh;overflow-y:auto}.admin-modal-card-large{max-width:672px}.admin-modal-card-xl{max-width:896px}.admin-modal-content{padding:24px}.admin-modal-title{font-size:20px;color:#000;margin-bottom:24px}.admin-form-group{margin-bottom:16px}.admin-form-label{display:block;font-size:14px;color:#8e8e93;margin-bottom:8px}.admin-form-input{width:100%;padding:12px 16px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;outline:none;transition:border-color .15s ease}.admin-form-input:focus{border-color:#007aff}.admin-form-select{width:100%;padding:12px 16px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;outline:none;transition:border-color .15s ease}.admin-form-select:focus{border-color:#007aff}.admin-form-textarea{width:100%;padding:12px 16px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:12px;outline:none;transition:border-color .15s ease;resize:none}.admin-form-textarea:focus{border-color:#007aff}.admin-form-hint{font-size:12px;color:#8e8e93;margin-top:4px}.admin-form-actions{display:flex;align-items:center;gap:12px;padding-top:16px}.admin-btn-primary{flex:1;padding:12px;background-color:#007aff;color:#fff;border-radius:12px;border:none;cursor:pointer;transition:background-color .15s ease;font-size:16px;font-weight:600}.admin-btn-primary:hover:not(:disabled){background-color:#0051d5}.admin-btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-btn-secondary{flex:1;padding:12px;background-color:#f2f2f7;color:#000;border-radius:12px;border:none;cursor:pointer;transition:background-color .15s ease;font-size:16px;font-weight:600}.admin-btn-secondary:hover:not(:disabled){background-color:#e5e5ea}.admin-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.admin-alert-error{background-color:#ff3b301a;border:1px solid #ff3b30;border-radius:12px;padding:16px;margin-bottom:16px}.admin-alert-text{color:#ff3b30;font-size:14px}.admin-alert-info{background-color:#007aff1a;border:1px solid #007AFF;border-radius:12px;padding:12px}.admin-alert-info-text{color:#007aff;font-size:12px}.hide-on-mobile{display:none}@media(min-width:640px){.hide-on-mobile{display:block}}.show-on-mobile{display:block}@media(min-width:640px){.show-on-mobile{display:none}}.flex-col-mobile{display:flex;flex-direction:column}@media(min-width:640px){.flex-col-mobile{flex-direction:row}}.items-stretch-mobile{align-items:stretch}@media(min-width:640px){.items-stretch-mobile{align-items:center}}.gap-mobile-small{gap:12px}@media(min-width:640px){.gap-mobile-small{gap:24px}}.space-y-mobile-small>*+*{margin-top:16px}@media(min-width:640px){.space-y-mobile-small>*+*{margin-top:24px}}.admin-room-card{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a;border:1px solid rgba(0,0,0,.05);transition:all .2s ease}.admin-room-card:hover{border-color:#007aff33;box-shadow:0 4px 12px #00000014}.admin-room-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.admin-room-number{font-size:17px;color:#000;font-weight:600;margin:0}.admin-room-status{display:inline-block;padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px}.admin-room-delete-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background-color:#ff3b300d;cursor:pointer;border-radius:8px;transition:all .15s ease}.admin-room-delete-btn:hover{background-color:#ff3b301a;transform:scale(1.05)}.admin-room-delete-icon{width:16px;height:16px;color:#ff3b30}.admin-room-select{width:100%;padding:10px 12px;margin-bottom:8px;background-color:#f2f2f7;border:1px solid rgba(0,0,0,.05);border-radius:10px;font-size:14px;color:#000;outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%238e8e93' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}.admin-room-info{font-size:12px;color:#8e8e93;margin-top:4px}.admin-request-card{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000000a;border:1px solid rgba(0,0,0,.05);transition:all .2s ease;cursor:pointer;display:flex;flex-direction:column}.admin-request-card:hover{border-color:#007aff33;transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.admin-request-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.admin-request-room{font-size:17px;color:#000;font-weight:600;margin:0}.admin-request-guest{font-size:13px;color:#8e8e93;margin:2px 0 0}.admin-request-status{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase}.admin-request-description{font-size:14px;color:#3a3a3c;line-height:1.4;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.admin-request-urgent{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;background-color:#ff3b301a;color:#ff3b30;font-size:11px;font-weight:600;border-radius:6px;margin-bottom:8px;width:fit-content}.admin-request-urgent-icon{width:12px;height:12px}.admin-request-assigned{margin-bottom:8px}.admin-request-assigned-label{font-size:12px;color:#007aff}.admin-request-time{font-size:12px;color:#8e8e93;margin-top:12px}.admin-request-completed-info{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.05)}.admin-request-completed-text{font-size:12px;color:#8e8e93}.admin-settings-container{max-width:768px;display:flex;flex-direction:column;gap:24px}.admin-settings-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.admin-settings-header{padding:24px;border-bottom:1px solid rgba(0,0,0,.1)}.admin-settings-header-content{display:flex;align-items:center;gap:12px}.admin-settings-icon-bg{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.admin-settings-icon{width:20px;height:20px}.admin-settings-title{color:#000;font-size:18px;font-weight:600}.admin-settings-subtitle{font-size:12px;color:#8e8e93}.admin-settings-body{padding:24px}.admin-language-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-language-option{padding:16px;border-radius:12px;border:2px solid transparent;cursor:pointer;background:none;text-align:left;transition:all .15s ease}.admin-language-option.active{border-color:#007aff;background-color:#007aff0d}.admin-language-option:not(.active){border-color:#0000001a;background-color:#f2f2f7}.admin-language-option:not(.active):hover{background-color:#e5e5ea}.admin-language-content{display:flex;align-items:center;gap:12px}.admin-language-radio{width:20px;height:20px;border-radius:50%;border:2px solid;display:flex;align-items:center;justify-content:center}.admin-language-radio.active{border-color:#007aff}.admin-language-radio:not(.active){border-color:#0003}.admin-language-radio-dot{width:12px;height:12px;border-radius:50%;background-color:#007aff}.admin-language-label{text-align:left}.admin-language-name{color:#000;font-size:15px;font-weight:500}.admin-language-code{font-size:12px;color:#8e8e93}.admin-account-info{display:flex;flex-direction:column;gap:16px}.admin-info-field-label{font-size:12px;color:#8e8e93;margin-bottom:4px}.admin-info-field-value{color:#000;font-size:15px}.admin-avatar-icon{width:18px;height:18px;color:#fff}@media(min-width:640px){.admin-avatar-icon{width:20px;height:20px}}.admin-avatar-icon-large{width:24px;height:24px;color:#fff}@media(min-width:640px){.admin-avatar-icon-large{width:28px;height:28px}}.admin-avatar-icon-xl{width:32px;height:32px;color:#fff}.h-screen{height:100vh}.h-12{height:48px}.h-10{height:40px}.h-8{height:32px}.h-4{height:16px}.h-2{height:8px}.w-64{width:256px}.w-20{width:80px}.w-12{width:48px}.w-10{width:40px}.w-8{width:32px}.w-4{width:16px}.w-2{width:8px}.bg-gray-light{background-color:#f2f2f7}.bg-blue-hover{background-color:#0051d5}.bg-black{background-color:#000}.text-blue-primary{color:#007aff}.text-red-primary{color:#ff3b30}.text-black{color:#000}.bg-dark-5{background-color:#0000000d}.bg-dark-10{background-color:#0000001a}.bg-dark-30{background-color:#0000004d}.bg-red-10{background-color:#ff3b301a}.bg-blue-10{background-color:#007aff1a}.border-dark-5{border-color:#0000000d}.border-dark-10{border-color:#0000001a}.border-r{border-right:1px solid}.border-b{border-bottom:1px solid}.border{border:1px solid}button:hover .hover-bg-dark-5,.hover-bg-dark-5:hover{background-color:#0000000d}button:hover .hover-bg-red-10,.hover-bg-red-10:hover{background-color:#ff3b301a}button:hover .hover-bg-blue-hover,.hover-bg-blue-hover:hover{background-color:#0051d5}.hover-shadow-md:hover{box-shadow:0 4px 12px #0000001f}.hidden-mobile{display:none}.show-mobile{display:block}@media(min-width:640px){.sm-flex{display:flex}.sm-hidden{display:none}.sm-inline{display:inline}.sm-block{display:block}.sm-px-4{padding-left:16px;padding-right:16px}.sm-gap-4{gap:16px}.sm-text-base{font-size:16px}.sm-w-12{width:48px}.sm-h-12{height:48px}.hidden-mobile{display:block}.show-mobile{display:none}}@media(min-width:768px){.md-block{display:block}.md-flex{display:flex}.md-hidden{display:none}.md-px-6{padding-left:24px;padding-right:24px}.md-px-4{padding-left:16px;padding-right:16px}.md-p-6{padding:24px}.md-gap-4{gap:16px}.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.top-2{top:8px}.right-2{right:8px}.left-3{left:12px}.top-half{top:50%}.translate-y-half{transform:translateY(-50%)}.translate-x-full-neg{transform:translate(-100%)}.rotate-90{transform:rotate(90deg)}.space-y-3>*+*{margin-top:12px}.p-8{padding:32px}.py-12{padding-top:48px;padding-bottom:48px}.pl-10{padding-left:40px}.pr-4{padding-right:16px}.text-left{text-align:left}.text-2xl{font-size:24px}.text-xl{font-size:20px}.text-base{font-size:16px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 3px #0000001a}.shadow-md{box-shadow:0 4px 12px #0000001f}.transition-all{transition:all .15s ease}.z-50{z-index:50}.hidden{display:none}.outline-none{outline:none}input:focus.focus-border-blue,select:focus.focus-border-blue,textarea:focus.focus-border-blue,.focus-border-blue:focus{border-color:#007aff}.ring-2{box-shadow:0 0 0 2px currentColor}.ring-blue{box-shadow:0 0 0 2px #007aff}.last-border-0:last-child{border:0}.pt-2{padding-top:8px}.pt-4{padding-top:16px}.pt-8{padding-top:32px}.bg-red-600{background-color:#dc2626}.bg-red-700{background-color:#b91c1c}.bg-blue-500{background-color:#3b82f6}.bg-blue-600{background-color:#2563eb}.bg-orange-500{background-color:#f97316}.bg-orange-600{background-color:#ea580c}.bg-green-500{background-color:#22c55e}.bg-purple-500{background-color:#a855f7}.hover-bg-red-700:hover{background-color:#b91c1c}.hover-bg-blue-600:hover{background-color:#2563eb}.hover-bg-orange-600:hover{background-color:#ea580c}.border-t{border-top:1px solid}.border-black-10{border-color:#0000001a}.bg-black-50{background-color:#00000080}.bg-black-30{background-color:#0000004d}.max-w-3xl{max-width:768px}.max-h-90vh{max-height:90vh}@media(min-width:1024px){.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.xl-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.disabled-opacity-50:disabled{opacity:.5}.disabled-cursor-not-allowed:disabled{cursor:not-allowed}.status-badge-vacant{background-color:#f3f4f6;color:#374151}.status-badge-occupied{background-color:#dbeafe;color:#1e40af}.status-badge-dirty{background-color:#fee2e2;color:#991b1b}.status-badge-clean{background-color:#d1fae5;color:#065f46}.status-badge-cleaning{background-color:#fef3c7;color:#92400e}.priority-badge-urgent{background-color:#fee2e2;color:#991b1b}.priority-badge-normal{background-color:#f3f4f6;color:#374151}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-200{background-color:#fecaca}.bg-yellow-100{background-color:#fef3c7}.bg-green-100{background-color:#d1fae5}.bg-blue-100{background-color:#dbeafe}.bg-purple-100{background-color:#e9d5ff}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-red-600{color:#dc2626}.text-red-700{color:#991b1b}.text-red-800{color:#7f1d1d}.text-yellow-700{color:#92400e}.text-green-700{color:#065f46}.text-green-500{color:#22c55e}.text-blue-700{color:#1e40af}.text-purple-700{color:#6b21a8}.border-red-200{border-color:#fecaca}.mt-0\.5{margin-top:2px}.mt-6{margin-top:24px}.py-1{padding-top:4px;padding-bottom:4px}.w-96{width:384px}.w-3{width:12px}.h-3{height:12px}.max-h-64{max-height:256px}.hover-bg-red-50:hover{background-color:#fef2f2}.hover-bg-e5e5ea:hover{background-color:#e5e5ea}.resize-none{resize:none}.focus-border-blue:focus{border-color:#007aff}.bg-blue-opacity-10{background-color:#007aff1a}.bg-blue-opacity-70{background-color:#007affb3}.bg-red-opacity-10{background-color:#ff3b301a}.flex-none{flex:none}.error-alert-box{background-color:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:16px;margin-bottom:16px}.error-alert-text{color:#7f1d1d;font-size:14px}.error-alert-title{color:#7f1d1d;font-weight:500}.modal-overlay-wrapper{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:50;padding:16px}.modal-card-container{background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;width:100%;max-height:90vh;overflow-y:auto}.user-detail-panel{width:384px;background-color:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;overflow:hidden;flex-shrink:0}.user-detail-header{background-color:#007aff;padding:24px;color:#fff}.user-detail-avatar-wrapper{width:64px;height:64px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center}.comment-item{background-color:#f2f2f7;border-radius:12px;padding:12px}.history-request-card{border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:16px}.border-black-5{border-color:#0000000d}.text-gray{color:#8e8e93}.text-green-bright{color:#34c759}.bg-blue-primary{background-color:#007aff}.bg-red-primary{background-color:#ff3b30}.hover-bg-blue-hover:hover{background-color:#0051d5}.hover-bg-black-5:hover{background-color:#0000000d}.hover-bg-white-20:hover{background-color:#fff3}.hover-bg-red-90:hover{background-color:#ff3b30e6}.md-grid-cols-2,.lg-grid-cols-3{grid-template-columns:repeat(1,minmax(0,1fr))}@media(min-width:768px){.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.lg-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}button,.admin-nav-item,.menu-item,[class*=rounded-lg],[class*=rounded]{clip-path:none!important;overflow:visible!important}button:before,button:after,.admin-nav-item:before,.admin-nav-item:after,.menu-item:before,.menu-item:after{display:none!important;content:none!important}[class*="bg-[#f2f2f7]"]{background-color:#f2f2f7!important}[class*="bg-[#007AFF]"]{background-color:#007aff!important}[class*="bg-[#ff3b30]"]{background-color:#ff3b30!important}[class*="bg-[#0051D5]"]{background-color:#0051d5!important}[class*="bg-[#34c759]"]{background-color:#34c759!important}[class*="bg-[#ff9500]"]{background-color:#ff9500!important}[class*="bg-[#e5e5ea]"]{background-color:#e5e5ea!important}[class*="text-[#34c759]"]{color:#34c759!important}[class*="text-[#ff3b30]"]{color:#ff3b30!important}[class*="text-[#ff9500]"]{color:#ff9500!important}[class*="text-[#007AFF]"]{color:#007aff!important}[class*="text-[#8e8e93]"]{color:#8e8e93!important}[class*="text-[#000000]"]{color:#000!important}[class*="text-[#ffffff]"]{color:#fff!important}.shadow-sm{box-shadow:0 1px 3px #0000000f!important}.shadow-md{box-shadow:0 2px 8px #00000014!important}.border-none{border:none!important}.rounded-lg{border-radius:12px!important;border:none!important}@media(min-width:768px){[class*="md:block"]{display:block!important}[class*="md:flex"]{display:flex!important}[class*="md:hidden"]{display:none!important}[class*="md:px-6"]{padding-left:24px!important;padding-right:24px!important}[class*="md:px-4"]{padding-left:16px!important;padding-right:16px!important}[class*="md:p-6"]{padding:24px!important}[class*="md:gap-4"]{gap:16px!important}[class*="md:grid-cols-2"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media(min-width:640px){[class*="sm:flex"]{display:flex!important}[class*="sm:hidden"]{display:none!important}[class*="sm:inline"]{display:inline!important}[class*="sm:block"]{display:block!important}[class*="sm:px-4"]{padding-left:16px!important;padding-right:16px!important}[class*="sm:gap-4"]{gap:16px!important}[class*="sm:text-base"]{font-size:16px!important}[class*="sm:w-12"]{width:48px!important}[class*="sm:h-12"]{height:48px!important}}@media(min-width:1024px){[class*="lg:grid-cols-4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}[class*="lg:grid-cols-3"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}}@media(min-width:1280px){[class*="xl:grid-cols-4"]{grid-template-columns:repeat(4,minmax(0,1fr))!important}}:root{--color-bg-primary: #f2f2f7;--color-bg-secondary: #ffffff;--color-text-primary: #000000;--color-text-secondary: #8e8e93;--color-text-tertiary: #c7c7cc;--color-brand-blue: #1e40af;--color-brand-red: #dc2626;--color-ios-blue: #007AFF;--color-green: #34c759;--color-yellow: #ff9500;--color-red: #ff3b30;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-normal: .25s ease;--popover: #ffffff;--popover-foreground: #000000;--border: rgba(60, 60, 67, .18)}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.5;height:100%;overflow:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}h1{font-size:28px;font-weight:600;line-height:1.3}h2{font-size:24px;font-weight:600;line-height:1.3}h3{font-size:20px;font-weight:600;line-height:1.4}h4{font-size:17px;font-weight:600;line-height:1.4}p{font-size:16px;line-height:1.5}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.relative{position:relative}.fixed{position:fixed}.absolute{position:absolute}.inset-0{inset:0}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.max-w-md{max-width:448px}.max-w-2xl{max-width:672px}.max-w-4xl{max-width:896px}.max-w-6xl{max-width:1152px}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-6{padding:24px}.px-2{padding-left:8px;padding-right:8px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.py-2{padding-top:8px;padding-bottom:8px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.py-6{padding-top:24px;padding-bottom:24px}.pt-16{padding-top:64px}.pb-6{padding-bottom:24px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.ml-2{margin-left:8px}.ml-6{margin-left:24px}.text-center{text-align:center}.text-sm{font-size:14px}.text-xs{font-size:12px}.text-lg{font-size:18px}.text-black{color:var(--color-text-primary)}.text-gray{color:var(--color-text-secondary)}.text-white{color:#fff}.text-blue{color:var(--color-ios-blue)}.text-red{color:var(--color-red)}.text-green{color:var(--color-green)}.bg-white{background-color:#fff}.bg-gray{background-color:var(--color-bg-primary)}.bg-blue{background-color:var(--color-ios-blue)}.bg-light-blue{background-color:#e3f2fd}.bg-light-gray{background-color:#f2f2f7}.border{border:1px solid rgba(60,60,67,.18)}.border-t{border-top:1px solid rgba(60,60,67,.18)}.border-b{border-bottom:1px solid rgba(60,60,67,.18)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 10px 25px #00000026}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50,.z-9999{z-index:9999}.login-container{min-height:100vh;background-color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;padding:16px}.login-card{width:100%;max-width:448px}.login-logo{width:200px;height:200px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#fff;padding:32px;border:3px solid rgba(0,122,255,.15);box-shadow:0 8px 16px #0000001f}.login-logo__img{width:100%;height:100%;display:block;object-fit:contain}@media(max-width:767px){.login-logo{width:160px;height:160px;margin:0 auto 20px;padding:24px}}.login-form{background-color:#fff;border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}.input-group{margin-bottom:16px}.input-wrapper{position:relative}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-secondary);pointer-events:none}.input-field{width:100%;padding:12px 12px 12px 44px;font-size:16px;border:1px solid rgba(60,60,67,.18);border-radius:var(--radius-md);background-color:#fff;transition:border-color var(--transition-fast)}.input-field:focus{outline:none;border-color:var(--color-ios-blue);box-shadow:0 0 0 3px #007aff1a}.input-field:disabled{background-color:#f9f9f9;opacity:.6;cursor:not-allowed}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;font-size:16px;font-weight:600;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);touch-action:manipulation}.btn:active{opacity:.7}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-ios-blue);color:#fff}.btn-primary:hover:not(:disabled){background-color:#0051d5}.btn-secondary{background-color:var(--color-bg-primary);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-red);color:#fff}.btn-icon{padding:8px;border-radius:var(--radius-full);background-color:transparent;border:none}.btn-icon:hover{background-color:var(--color-bg-primary)}.alert{padding:12px 16px;border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;margin-bottom:16px}.alert-error{background-color:#fee;color:var(--color-red);border:1px solid var(--color-red)}.header{position:fixed;top:0;left:0;right:0;height:64px;background-color:#fff;border-bottom:1px solid rgba(60,60,67,.18);display:flex;align-items:center;justify-content:space-between;padding:0 16px;z-index:30}.header-title{font-size:20px;font-weight:600;color:var(--color-text-primary)}.side-menu{position:fixed;top:0;left:0;bottom:0;width:280px;background-color:#fff;transform:translate(-100%);transition:transform .3s ease;z-index:50;overflow-y:auto}.side-menu.open{transform:translate(0)}.side-menu-header{padding:24px 16px;border-bottom:1px solid rgba(60,60,67,.18)}.side-menu-nav{padding:16px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;color:var(--color-text-primary);text-decoration:none;transition:all var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left;font-size:16px;border-radius:12px;clip-path:none!important;border:1px solid transparent}.menu-item:hover{background-color:var(--color-bg-primary);border-color:#0000000d}.menu-item.active{background-color:var(--color-ios-blue);color:#fff;border-color:var(--color-ios-blue)}.menu-item.fullscreen-btn{margin-top:auto;background-color:#007aff14;border-color:#007aff33;color:var(--color-ios-blue)}.menu-item.fullscreen-btn:hover{background-color:#007aff1f;border-color:#007aff4d}.menu-item.fullscreen-btn:active{background-color:#007aff29;transform:scale(.98)}.staff-logout-container{padding:16px;border-top:1px solid rgba(60,60,67,.18)}.staff-logout-btn{width:100%;display:flex;align-items:center;gap:16px;padding:16px 24px;border-radius:12px;color:#ff3b30;background-color:#ff3b300d;border:none;cursor:pointer;font-size:16px;transition:background-color .15s ease}.staff-logout-btn:hover,.staff-logout-btn:active{background-color:#ff3b301a}.staff-logout-icon{width:20px;height:20px}.overlay{position:fixed;inset:0;background-color:#0006;z-index:40}.main-content{padding:64px 16px 24px;max-width:448px;margin:0 auto}.card{background-color:#fff;border-radius:var(--radius-lg);padding:16px;box-shadow:0 1px 3px #0000000f;margin-bottom:12px;border:none}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.card-title{font-size:17px;font-weight:600}.card-body{color:var(--color-text-secondary)}.room-card{background-color:#fff;border-radius:var(--radius-lg);padding:16px;box-shadow:0 1px 3px #0000000f;margin-bottom:12px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all var(--transition-fast);border:none;width:100%;text-align:left}.room-card:hover{box-shadow:0 2px 8px #00000014;transform:translateY(-1px)}.room-card:active{transform:scale(.98);box-shadow:0 1px 3px #0000000f}.room-number{font-size:24px;font-weight:600;min-width:60px}.room-info{flex:1}.status-badge{display:inline-block;padding:6px 12px;border-radius:var(--radius-md);font-size:13px;font-weight:500}.status-clean{background-color:#d1f4e0;color:#0e7837}.status-dirty{background-color:#ffe0e0;color:#c41e1e}.status-in-progress{background-color:#fff3cd;color:#856404}.status-pending{background-color:#e7f3ff;color:#004085}.status-completed{background-color:#d1f4e0;color:#0e7837}.status-urgent{background-color:#ffe0e0;color:#c41e1e}.modal-overlay{position:fixed;inset:0;background-color:#0006;z-index:9998}.modal{position:fixed;inset:80px 16px 16px;background-color:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:9999;display:flex;flex-direction:column;max-width:448px;margin:0 auto}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid rgba(60,60,67,.1)}.modal-body{flex:1;overflow-y:auto;padding:16px}.modal-footer{padding:16px;border-top:1px solid rgba(60,60,67,.1)}.admin-container{min-height:100vh;background-color:var(--color-bg-primary);display:flex}.admin-sidebar{width:280px;background-color:#fff;border-right:1px solid rgba(60,60,67,.18);padding:24px 16px}.admin-main{flex:1;padding:24px;overflow-y:auto}.admin-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.stat-card{background-color:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:12px}.stat-value{font-size:32px;font-weight:700;color:var(--color-text-primary);line-height:1.2}.stat-label{font-size:15px;font-weight:600;color:var(--color-text-primary);margin-top:4px}.stat-sublabel{font-size:13px;color:var(--color-text-secondary);margin-top:2px}.table-container{background-color:#fff;border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-sm);overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:12px;border-bottom:2px solid rgba(60,60,67,.18);font-weight:600;color:var(--color-text-secondary);font-size:13px;text-transform:uppercase}.table td{padding:12px;border-bottom:1px solid rgba(60,60,67,.1)}.table tr:last-child td{border-bottom:none}.spinner{width:32px;height:32px;border:4px solid var(--color-ios-blue);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:48px 24px;color:var(--color-text-secondary)}.comment{padding:16px;border-radius:var(--radius-md);background-color:var(--color-bg-primary);margin-bottom:12px}.comment-admin{background-color:#e3f2fd}.comment-header{display:flex;align-items:start;gap:8px;margin-bottom:8px}.comment-author{flex:1}.comment-author-name{font-size:14px;font-weight:500}.comment-time{font-size:12px;color:var(--color-text-secondary)}.comment-text{color:var(--color-text-primary);margin-left:24px}@media(max-width:768px){.admin-container{flex-direction:column}.admin-sidebar{width:100%;border-right:none;border-bottom:1px solid rgba(60,60,67,.18)}.stats-grid{grid-template-columns:1fr}}@media print{.header,.side-menu,.btn,.modal-overlay{display:none!important}}.w-5{width:20px}.w-6{width:24px}.w-7{width:28px}.w-14{width:56px}.w-16{width:64px}.w-32{width:128px}.w-72{width:288px}.h-5{height:20px}.h-6{height:24px}.h-7{height:28px}.h-14{height:56px}.h-16{height:64px}.h-32{height:128px}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.mr-2{margin-right:8px}.mr-3{margin-right:12px}.mr-4{margin-right:16px}.translate-x-0{transform:translate(0)}.-translate-x-full{transform:translate(-100%)}.scale-98{transform:scale(.98)}.transition{transition:all .15s ease}.transition-opacity{transition:opacity .15s ease}.transition-transform{transition:transform .15s ease}.transition-colors{transition:background-color .15s ease,color .15s ease}.duration-300{transition-duration:.3s}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-100{opacity:1}.touch-manipulation{touch-action:manipulation}.active\:opacity-30:active{opacity:.3}.active\:opacity-80:active{opacity:.8}.active\:scale-98:active{transform:scale(.98)}.object-cover{object-fit:cover}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.select-none{user-select:none}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.space-y-6>*+*{margin-top:24px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-none{filter:none}.drop-shadow-lg{filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin .8s linear infinite}.top-0{top:0}.top-1{top:4px}.top-20{top:80px}.right-0{right:0}.right-1{right:4px}.bottom-0{bottom:0}.bottom-4{bottom:16px}.left-0{left:0}.inset-x-0{left:0;right:0}.inset-x-4{left:16px;right:16px}.inset-y-0{top:0;bottom:0}.min-w-0{min-width:0}.max-w-none{max-width:none}.max-w-xs{max-width:320px}.max-w-sm{max-width:384px}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.admin-container,.staff-container{background-color:var(--color-bg-primary)}.stat-card{box-shadow:var(--shadow-md);border:1px solid rgba(0,0,0,.05)}.bottom-sheet-backdrop{position:fixed;inset:0;background-color:#0006;z-index:9998;animation:fadeIn .2s ease-out}.bottom-sheet{position:fixed;left:0;right:0;bottom:0;background-color:var(--color-bg-secondary);border-top-left-radius:16px;border-top-right-radius:16px;z-index:9999;box-shadow:0 -2px 20px #00000026;animation:slideUp .3s cubic-bezier(.32,.72,0,1);overflow:hidden;display:flex;flex-direction:column}.bottom-sheet-auto{max-height:85vh}.bottom-sheet-half{height:50vh}.bottom-sheet-full{height:90vh;border-top-left-radius:0;border-top-right-radius:0}.bottom-sheet-handle{padding:12px 0 8px;display:flex;justify-content:center;cursor:grab}.bottom-sheet-handle:active{cursor:grabbing}.bottom-sheet-handle-bar{width:36px;height:5px;background-color:#3c3c434d;border-radius:3px}.bottom-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:8px 16px 12px;border-bottom:1px solid rgba(60,60,67,.1)}.bottom-sheet-title{font-size:17px;font-weight:600;color:var(--color-text-primary)}.bottom-sheet-close{width:32px;height:32px;border-radius:50%;background-color:#3c3c4314;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s ease;color:var(--color-text-secondary)}.bottom-sheet-close:hover{background-color:#3c3c431f}.bottom-sheet-close:active{background-color:#3c3c432e;transform:scale(.95)}.bottom-sheet-content{flex:1;overflow-y:auto;padding:16px;-webkit-overflow-scrolling:touch}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}.touch-feedback{position:relative;overflow:hidden}.touch-feedback:before{content:"";position:absolute;inset:0;background-color:#0000000d;opacity:0;transition:opacity .15s ease;pointer-events:none}.touch-feedback:active:before{opacity:1}.haptic-button{-webkit-tap-highlight-color:transparent;user-select:none;touch-action:manipulation}.haptic-button:active{transform:scale(.97);transition:transform .1s ease}.ptr-indicator{position:fixed;top:0;left:50%;transform:translate(-50%) translateY(-100%);background-color:var(--color-bg-secondary);border-radius:20px;padding:8px 16px;box-shadow:0 2px 12px #00000026;display:flex;align-items:center;gap:8px;z-index:9999;transition:transform .3s cubic-bezier(.32,.72,0,1)}.ptr-indicator.active{transform:translate(-50%) translateY(64px)}.ptr-spinner{width:16px;height:16px;border:2px solid var(--color-ios-blue);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.ios-list-item{background-color:var(--color-bg-secondary);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:8px;transition:all .15s ease;cursor:pointer;-webkit-tap-highlight-color:transparent}.ios-list-item:hover{background-color:#00000005}.ios-list-item:active{transform:scale(.98);background-color:#0000000d}.ios-toggle{position:relative;width:51px;height:31px;background-color:#e5e5ea;border-radius:16px;transition:background-color .3s ease;cursor:pointer}.ios-toggle.active{background-color:var(--color-green)}.ios-toggle-thumb{position:absolute;top:2px;left:2px;width:27px;height:27px;background-color:#fff;border-radius:50%;box-shadow:0 2px 4px #0000001a;transition:transform .3s cubic-bezier(.32,.72,0,1)}.ios-toggle.active .ios-toggle-thumb{transform:translate(20px)}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background-color:#ffffff4d;transform:translate(-50%,-50%);opacity:0}.ripple:active:after{width:200%;height:200%;opacity:1;animation:rippleEffect .6s ease-out}@keyframes rippleEffect{0%{width:0;height:0;opacity:.5}to{width:200%;height:200%;opacity:0}}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tg-bg{background-color:var(--tg-theme-bg-color, var(--color-bg-primary))}.tg-text{color:var(--tg-theme-text-color, var(--color-text-primary))}.tg-hint{color:var(--tg-theme-hint-color, var(--color-text-secondary))}.tg-link{color:var(--tg-theme-link-color, var(--color-ios-blue))}.tg-button{background-color:var(--tg-theme-button-color, var(--color-ios-blue));color:var(--tg-theme-button-text-color, white)}*{scroll-behavior:smooth}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0003;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#0000004d}[data-sonner-toast]{border-radius:var(--radius-lg)!important;box-shadow:0 4px 12px #00000026!important}#root{height:100%;min-height:100vh;min-height:var(--tg-viewport-height, 100vh);display:flex;flex-direction:column}input,textarea,select{font-size:16px!important}body.telegram-app{position:fixed;width:100%;height:100%;overflow:hidden}.telegram-app .min-h-screen{min-height:var(--tg-viewport-height, 100vh)}@supports (padding: max(0px)){.header{padding-top:max(0px,env(safe-area-inset-top))}.main-content{padding-bottom:max(24px,env(safe-area-inset-bottom))}.side-menu{padding-top:max(24px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}}