button,.btn,input[type=button],input[type=submit]{min-height:44px;min-width:44px;-webkit-tap-highlight-color:transparent}*{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable]{-webkit-user-select:text;user-select:text}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.main-content,.header-content{padding-left:16px!important;padding-right:16px!important}@media (max-width: 768px){body{font-size:14px}h1{font-size:20px!important}h2{font-size:16px!important}h3{font-size:14px!important}section{padding:16px!important}.main-content{padding:16px 12px!important;gap:16px!important}.avatar{width:40px!important;height:40px!important}.stats-grid,.summary-grid,.actions-grid,.links-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.features-grid{grid-template-columns:1fr!important}.calendar-day{min-height:60px!important;padding:4px!important;font-size:12px!important}.day-number{font-size:12px!important}.calendar-header{padding:8px 4px!important;font-size:11px!important}.schedule-item,.shift-item{flex-direction:column!important;gap:8px!important;padding:12px!important}.schedule-date,.shift-date{min-width:auto!important;width:100%;flex-direction:row;justify-content:flex-start;gap:8px}.form-row{grid-template-columns:1fr!important}input,select,textarea{font-size:16px!important}.detail-table,.table-row,.table-header{font-size:11px!important}.table-row,.table-header{grid-template-columns:1fr 1fr 1fr!important;gap:4px!important;padding:8px!important}.table-row>:nth-child(4),.table-row>:nth-child(5),.table-header>:nth-child(4),.table-header>:nth-child(5){display:none}.month-selector{flex-wrap:wrap;gap:8px!important;padding:12px!important}.month-label{min-width:140px!important;font-size:16px!important}.controls{flex-direction:column;align-items:stretch!important}.view-toggle,.filter-toggle,.sort-selector{width:100%;justify-content:center}.stat-card{padding:12px!important}.stat-value{font-size:20px!important}.stat-label{font-size:11px!important}.info-card{flex-direction:column!important;text-align:center}.card-icon{font-size:36px!important}.btn-back,.btn-logout{padding:8px 12px!important;font-size:13px!important}.action-card{padding:16px 12px!important}.action-card .icon{font-size:24px!important}.action-card .label{font-size:12px!important}.selection-panel{padding:16px!important}.status-buttons{flex-direction:column;width:100%}.status-btn{width:100%}.shifts-scroll{-webkit-overflow-scrolling:touch}.header-content{flex-wrap:wrap;gap:12px}.user-info{gap:12px!important}.user-info h1{font-size:18px!important}.subtitle{font-size:12px!important}.matrix-container{overflow-x:auto;-webkit-overflow-scrolling:touch}.availability-matrix th,.availability-matrix td{padding:4px!important;font-size:10px!important}.employee-cell{min-width:80px!important;font-size:11px!important}.status-indicator{width:12px!important;height:12px!important}}@media (max-width: 575px){.stats-grid,.summary-grid,.actions-grid,.form-row,.comparison-item,.employee-summary{grid-template-columns:1fr!important}.info-row .hours{display:none}.schedule-details .time-info>div{flex-direction:column;align-items:flex-start}}@media (max-width: 768px) and (orientation: landscape){.calendar-grid{font-size:10px}.calendar-day{min-height:50px!important}}@supports (padding: env(safe-area-inset-top)){.header{padding-top:calc(20px + env(safe-area-inset-top))!important}.main-content{padding-bottom:calc(24px + env(safe-area-inset-bottom))!important}}@media (display-mode: standalone){body{margin:0;padding:0}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){a,button,.clickable{min-height:44px;min-width:44px}.login-card{padding:24px!important;margin:16px}.login-card .logo{width:80px!important;height:80px!important}.backend-limitation{font-size:13px!important;padding:10px 14px!important}.schedule-card,.shift-card{flex-direction:column!important;align-items:flex-start!important}.status-badge{font-size:11px!important;padding:4px 8px!important}.comparison-bars{gap:16px!important}.bar-label{min-width:80px!important;font-size:13px!important}.progress-bar-container{height:32px!important}.progress-label{font-size:13px!important}.breakdown-table .table-row{padding:12px 16px!important;font-size:13px!important}.status-legend{flex-wrap:wrap;gap:8px!important;justify-content:center}.legend-item{font-size:12px!important}.selection-panel{position:fixed!important;bottom:0!important;left:0!important;right:0!important;background:#fff!important;box-shadow:0 -4px 12px #0000001a!important;border-radius:16px 16px 0 0!important;padding:20px!important;z-index:100;max-height:70vh;overflow-y:auto}.matrix-container{margin:0 -16px}.matrix-scroll{padding:0 16px}.availability-matrix{font-size:11px!important}.availability-matrix .sticky{position:sticky!important;left:0!important;background:#fff!important;z-index:10!important;box-shadow:2px 0 4px #0000000d}.employee-section{margin-bottom:16px!important}.employee-header{flex-wrap:wrap;gap:8px}.employee-info h3{font-size:16px!important}.employee-email{font-size:12px!important}.detail-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.daily-stat-card{min-width:140px!important}textarea{font-size:16px!important;padding:12px!important}.action-buttons{display:flex;flex-direction:column;gap:12px;width:100%}.action-buttons button{width:100%}.btn-checkin,.btn-checkout,.btn-submit{width:100%;padding:14px!important;font-size:16px!important}}@media (min-width: 769px) and (max-width: 1024px){.stats-grid,.summary-grid{grid-template-columns:repeat(3,1fr)!important}.actions-grid{grid-template-columns:repeat(4,1fr)!important}.calendar-day{min-height:100px!important}}@media (min-width: 576px) and (max-width: 768px){.stats-grid,.summary-grid{grid-template-columns:repeat(2,1fr)!important}.calendar-day{min-height:70px!important;font-size:13px!important}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#f5f5f5;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh;min-height:100dvh;overflow-x:hidden}:root{--accent-color: #D4A574;--accent-color-light: #E5C4A1;--black: #000000;--white: #FFFFFF;--gray: #8E8E93;--dark-gray: #3A3A3C;--light-black: #1C1C1E;--bg-gray: #F2F2F7;--bg-light-gray: #E5E5EA;--red: #FF3B30;--status-pending: #FFC107;--status-active: #2196F3;--status-completed: #4CAF50;--available: #4CAF50;--preferred: #2196F3;--unavailable: #F44336;--sick: #FF9800;--vacation: #9C27B0}