.schedule-container{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overflow-y:auto!important;max-height:none!important;scroll-behavior:smooth;padding-bottom:20px;position:relative}.schedule-day-headers{position:sticky!important;top:0!important;z-index:100!important;background:#fffffffa!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;box-shadow:0 2px 12px #00000014!important;border-bottom:2px solid #e8e8e8!important;transition:all .2s ease!important}.schedule-day-headers:hover{box-shadow:0 4px 16px #0000001f!important}.schedule-day-headers{-webkit-position:sticky!important;-moz-position:sticky!important;-ms-position:sticky!important;-o-position:sticky!important}.schedule-day-header-cell{background:#fffffff2!important;position:relative!important;z-index:50!important}.today-indicator{position:absolute!important;bottom:2px!important;left:50%!important;transform:translate(-50%)!important;width:6px!important;height:6px!important;background:#52c41a!important;border-radius:50%!important;box-shadow:0 0 0 2px #52c41a33!important;animation:pulse-today 2s infinite!important}@keyframes pulse-today{0%{box-shadow:0 0 0 2px #52c41a33}50%{box-shadow:0 0 0 4px #52c41a1a}to{box-shadow:0 0 0 2px #52c41a33}}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.department-section{margin-bottom:8px;min-height:80px;flex-shrink:0}.schedule-container>div{min-height:fit-content}.department-row{margin-bottom:4px;padding:4px 0}.shift-block{transition:all .2s ease;box-shadow:0 1px 3px #0000001a;cursor:grab!important;-webkit-user-select:none!important;user-select:none!important}.shift-block:hover{transform:translateY(-1px);box-shadow:0 2px 6px #00000026}.shift-block:active{cursor:grabbing!important}.shift-block.highlighted{border:3px solid #667eea!important;background:linear-gradient(135deg,#f0f7ff,#e6f3ff)!important;box-shadow:0 4px 12px #667eea40!important;transform:scale(1.02)!important;z-index:10!important;position:relative!important;animation:highlight-appear .3s ease-out!important}@keyframes highlight-appear{0%{transform:scale(1);box-shadow:0 1px 3px #0000001a}to{transform:scale(1.02);box-shadow:0 4px 12px #667eea40}}.shift-block.highlighted:before{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,#667eea,#5a67d8);border-radius:8px;z-index:-1;opacity:.3;animation:highlight-glow 2s ease-in-out infinite alternate}@keyframes highlight-glow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.05)}}.shift-block{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.shift-block.dragging{opacity:.6!important;transform:scale(.95)!important;cursor:grabbing!important;z-index:1000!important}.drop-zone-shift{background:#ffa5001a!important;border:2px dashed #ffa940!important;transform:scale(1.02)!important}.drop-zone-shift:after{content:"📋 Drop to duplicate shift";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:4px 8px;border-radius:3px;font-size:10px;font-weight:600;color:#ffa940;pointer-events:none;z-index:20}.shift-block.has-conflicts{animation:pulse 2s infinite;box-shadow:0 0 0 2px #ff4d4f4d}.shift-block.has-conflicts:hover{animation:none;box-shadow:0 0 0 3px #ff4d4f80}@keyframes pulse{0%{box-shadow:0 0 0 2px #ff4d4f4d}50%{box-shadow:0 0 0 4px #ff4d4f1a}to{box-shadow:0 0 0 2px #ff4d4f4d}}.conflict-high{border-color:#ff4d4f!important;background:linear-gradient(45deg,transparent 0%,rgba(255,77,79,.1) 100%)!important}.conflict-medium{border-color:#faad14!important;background:linear-gradient(45deg,transparent 0%,rgba(250,173,20,.1) 100%)!important}.conflict-low{border-color:#1890ff!important;background:linear-gradient(45deg,transparent 0%,rgba(24,144,255,.1) 100%)!important}.drop-zone-active{background:#667eea1a!important;border:2px dashed #667eea!important;transform:scale(1.02)}.department-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.conflict-badge{position:absolute;top:1px;right:1px;font-size:8px;color:#fff;padding:1px 3px;border-radius:1px;font-weight:700;z-index:2}.shift-content{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:40px}.shift-time{font-weight:600;font-size:9px;margin-bottom:1px;opacity:.95}.shift-employee{font-size:8px;opacity:.9;line-height:1.2}.shift-actions{display:flex;gap:1px;margin-top:auto}.shift-action-btn{color:#fff!important;padding:1px!important;min-width:16px!important;height:16px!important;font-size:10px!important;border:none!important;background:transparent!important}.shift-action-btn:hover{background:#fff3!important}.status-locked{position:absolute;bottom:1px;right:1px;font-size:7px;background:#0000004d;color:#fff;padding:1px 3px;border-radius:1px}.conflict-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.conflict-modal{background:#fff;border-radius:8px;max-width:800px;max-height:80vh;overflow:auto;box-shadow:0 4px 20px #0000004d}@media (max-width: 768px){.shift-block{font-size:10px;padding:4px 6px;min-height:35px}.shift-time{font-size:9px}.shift-employee{font-size:8px}}.shift-loading{opacity:.6;pointer-events:none}.shift-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-xxl: 32px;--font-size-base: 16px;--font-size-sm: 14px;--font-size-xs: 12px;--font-size-lg: 18px;--font-size-xl: 20px;--tap-target-min: 44px;--tap-target-ideal: 48px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: env(safe-area-inset-left, 0px);--safe-area-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}body{font-size:var(--font-size-base);line-height:1.5;margin:0;padding:0;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.employee-layout{min-height:100vh;background:#fff}.employee-header{height:64px;padding:0 var(--spacing-lg);background:#fff;border-bottom:1px solid #f0f0f0;position:sticky;top:0;z-index:1000;padding-top:calc(var(--safe-area-top) + var(--spacing-sm))}.employee-content{padding:var(--spacing-lg);background:#f8f9fa;padding-bottom:calc(100px + var(--safe-area-bottom));overflow:auto;min-height:calc(100vh - 164px)}.employee-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #f0f0f0;padding-bottom:var(--safe-area-bottom);z-index:1000;box-shadow:0 -2px 8px #0000001a}.bottom-nav-tabs{display:flex;justify-content:space-between;align-items:center;height:64px;width:100%;overflow-x:hidden}.bottom-nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;border:none;padding:var(--spacing-sm) var(--spacing-md);min-height:var(--tap-target-ideal);flex:1;min-width:0;cursor:pointer;border-radius:8px;transition:all .2s ease;background:transparent;color:#000}.bottom-nav-tab.active{background:#f8f9fa;color:#000}.bottom-nav-tab:not(.active){color:#666}.bottom-nav-tab:hover{background:#f8f9fa}.bottom-nav-icon{font-size:20px;margin-bottom:var(--spacing-xs)}.bottom-nav-label{font-size:var(--font-size-xs);font-weight:400;line-height:1.2}.bottom-nav-tab.active .bottom-nav-label{font-weight:600}.mobile-card{margin-bottom:var(--spacing-lg);border-radius:12px;border:1px solid #f0f0f0;box-shadow:0 2px 8px #0000000f;background:#fff;overflow:hidden}.mobile-card-header{padding:var(--spacing-lg);border-bottom:1px solid #f0f0f0;background:#fff}.mobile-card-body{padding:var(--spacing-lg);background:#fff}.mobile-card-title{font-size:var(--font-size-lg);font-weight:600;margin:0;color:#000}.mobile-btn{min-height:var(--tap-target-ideal);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-base);font-weight:500;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-btn-primary{background:#000;color:#fff;border:1px solid #000000}.mobile-btn-primary:hover{background:#333;border-color:#333}.mobile-btn-primary:active{background:#000;transform:scale(.98)}.mobile-btn-secondary{background:#fff;color:#000;border:1px solid #d9d9d9}.mobile-btn-secondary:hover{background:#f8f9fa;border-color:#000;color:#000}.mobile-btn-danger{background:#666;color:#fff;border:1px solid #666666}.mobile-btn-danger:hover{background:#555;border-color:#555}.mobile-form-item{margin-bottom:var(--spacing-lg)}.mobile-input{width:100%;min-height:var(--tap-target-ideal);padding:var(--spacing-md);font-size:var(--font-size-base);border:1px solid #d9d9d9;border-radius:8px;transition:all .2s ease;font-size:16px}.mobile-input:focus{border-color:#000;box-shadow:0 0 0 2px #0000001a;outline:none}.mobile-select,.mobile-date-picker{width:100%;min-height:var(--tap-target-ideal)}.mobile-list{background:#fff;border-radius:8px;overflow:hidden}.mobile-list-item{padding:var(--spacing-lg);border-bottom:1px solid #f0f0f0;min-height:var(--tap-target-ideal);display:flex;align-items:center;justify-content:space-between;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-list-item:last-child{border-bottom:none}.mobile-list-item:active{background:#f5f5f5}.mobile-table{width:100%;border-collapse:collapse}.mobile-table th,.mobile-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid #f0f0f0;vertical-align:top}.mobile-table th{background:#fafafa;font-weight:600;font-size:var(--font-size-sm)}.mobile-title{font-size:var(--font-size-xl);font-weight:600;margin:0 0 var(--spacing-md) 0;color:#000;line-height:1.3}.mobile-subtitle{font-size:var(--font-size-lg);font-weight:500;margin:0 0 var(--spacing-sm) 0;color:#666}.mobile-text{font-size:var(--font-size-base);line-height:1.5;color:#000;margin:0}.mobile-text-secondary{color:#666;font-size:var(--font-size-sm)}.mobile-text-small{font-size:var(--font-size-xs);color:#666}.mobile-mb-sm{margin-bottom:var(--spacing-sm)}.mobile-mb-md{margin-bottom:var(--spacing-md)}.mobile-mb-lg{margin-bottom:var(--spacing-lg)}.mobile-mb-xl{margin-bottom:var(--spacing-xl)}.mobile-mt-sm{margin-top:var(--spacing-sm)}.mobile-mt-md{margin-top:var(--spacing-md)}.mobile-mt-lg{margin-top:var(--spacing-lg)}.mobile-mt-xl{margin-top:var(--spacing-xl)}.mobile-p-sm{padding:var(--spacing-sm)}.mobile-p-md{padding:var(--spacing-md)}.mobile-p-lg{padding:var(--spacing-lg)}.mobile-p-xl{padding:var(--spacing-xl)}.mobile-row{display:flex;flex-wrap:wrap;margin:0 calc(-1 * var(--spacing-sm))}.mobile-col{flex:1;padding:0 var(--spacing-sm);margin-bottom:var(--spacing-md)}.mobile-col-6{flex:0 0 50%;max-width:50%}.mobile-col-12{flex:0 0 100%;max-width:100%}.mobile-skeleton{background:#f8f9fa;border-radius:4px;animation:mobile-skeleton-pulse 1.5s ease-in-out infinite}@keyframes mobile-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.mobile-empty{text-align:center;padding:var(--spacing-xxl) var(--spacing-lg);color:#666}.mobile-empty-icon{font-size:48px;margin-bottom:var(--spacing-md);opacity:.3;color:#d9d9d9}.mobile-empty-text{font-size:var(--font-size-base);margin-bottom:var(--spacing-md);color:#666}.mobile-error{background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.mobile-error-icon{color:#666;margin-right:var(--spacing-sm)}.mobile-error-text{color:#000;font-size:var(--font-size-base)}.mobile-error-action{margin-top:var(--spacing-md)}.mobile-modal{border-radius:12px;overflow:hidden}.mobile-modal-header{padding:var(--spacing-lg);border-bottom:1px solid #f0f0f0}.mobile-modal-body{padding:var(--spacing-lg);max-height:60vh;overflow-y:auto}.mobile-modal-footer{padding:var(--spacing-lg);border-top:1px solid #f0f0f0;display:flex;gap:var(--spacing-sm)}.mobile-fade-in{animation:mobile-fade-in .3s ease-in-out}@keyframes mobile-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mobile-slide-up{animation:mobile-slide-up .3s ease-out}@keyframes mobile-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.mobile-focus-visible{outline:2px solid #000000;outline-offset:2px}.mobile-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-color-scheme: dark){.mobile-card{background:#1f1f1f;color:#fff}.mobile-input,.mobile-btn-secondary{background:#2f2f2f;color:#fff;border-color:#404040}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.mobile-card{box-shadow:0 1px 4px #0000001a}}@media (orientation: landscape) and (max-height: 500px){.employee-header{height:48px}.employee-content{padding-bottom:calc(64px + var(--safe-area-bottom))}.employee-bottom-nav,.bottom-nav-tabs{height:56px}}@media print{.employee-bottom-nav,.employee-header{display:none}.employee-content{padding:0}}.employee-bottom-nav .bottom-nav-tab img[alt=Roster]{filter:brightness(0) saturate(100%) invert(50%);transition:filter .2s ease;opacity:.6}.employee-bottom-nav .bottom-nav-tab.active img[alt=Roster]{filter:brightness(0) saturate(100%) invert(0%);opacity:1}.mobile-shift-card{transition:all .2s ease;cursor:pointer}.mobile-shift-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.mobile-shift-card:active{transform:translateY(0);box-shadow:0 2px 8px #0000001a}.ant-picker-calendar .ant-picker-calendar-date{min-height:60px}.ant-picker-calendar .ant-picker-calendar-date-content{height:auto;min-height:40px}.mobile-week-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.mobile-week-nav button{min-width:48px;min-height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.mobile-roster-summary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:16px;margin-bottom:16px}.mobile-roster-summary .ant-typography{color:#fff!important}@media (max-width: 768px){.mobile-shift-card{padding:16px;margin-bottom:12px}.mobile-shift-card .ant-typography{font-size:14px}.mobile-shift-card .anticon{font-size:16px}}#root{width:100%;height:100vh;margin:0;padding:0}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.ant-card[onclick]{transition:transform .1s ease,box-shadow .1s ease}.ant-card[onclick]:active{transform:scale(.98);box-shadow:0 2px 8px #0000001a}.ant-menu-item img[alt=Roster],.ant-menu-submenu-title img[alt=Roster]{filter:brightness(0) saturate(100%) invert(50%);transition:filter .2s ease;vertical-align:middle}.ant-menu-item-selected img[alt=Roster],.ant-menu-item-active img[alt=Roster]{filter:brightness(0) saturate(100%) invert(40%) sepia(93%) saturate(1352%) hue-rotate(216deg) brightness(97%) contrast(91%)}.schedule-table .ant-table-thead>tr>th{background-color:#fafafa;border-bottom:1px solid #f0f0f0;padding:12px 8px;font-weight:600;text-align:center}.schedule-table .ant-table-tbody>tr>td{padding:8px;border-bottom:1px solid #f0f0f0;vertical-align:top}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.ant-card:hover{box-shadow:0 4px 12px #00000026;transition:box-shadow .3s ease}.ant-btn{border-radius:6px;font-weight:500}.ant-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none}.ant-btn-primary:hover{background:linear-gradient(135deg,#5a6fd8,#6a4190)}.ant-modal-content{border-radius:8px;box-shadow:0 8px 32px #0000001a}.ant-modal-header{border-radius:8px 8px 0 0}.ant-form-item-label>label{font-weight:500;color:#262626}.ant-input,.ant-select-selector{border-radius:6px}.ant-statistic-title{font-weight:500;color:#595959}.ant-statistic-content{font-weight:600}.ant-badge-count{border-radius:10px;font-weight:500}.ant-dropdown-menu{border-radius:8px;box-shadow:0 4px 12px #00000026}.ant-alert{border-radius:8px;border:none}.ant-input:focus,.ant-select-focused .ant-select-selector{border-color:#667eea;box-shadow:0 0 0 2px #667eea33}.full-width{width:100%}.full-height{height:100%}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){.ant-layout-sider{position:fixed;height:100vh;z-index:1000}.ant-layout-content{margin-left:0}}@media (max-width: 576px){.ant-card{margin-bottom:16px}.ant-statistic{text-align:center}}.notification-item{transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent}.notification-item .ant-typography{white-space:normal;word-wrap:break-word;line-height:1.4;max-width:100%}.notification-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#d9d9d9}.notification-item:active{transform:translateY(0);transition:all .1s ease}.notification-item.unread{background:linear-gradient(135deg,#fff2f0,#fff1f0);border-color:#ffccc7}.notification-item.unread:hover{background:linear-gradient(135deg,#ffe7e6,#ffe6e5);border-color:#ffa39e}.notification-item[data-type=birthday]{background:linear-gradient(135deg,#fff2f0,#fff0f0)}.notification-item[data-type=birthday]:hover{background:linear-gradient(135deg,#ffe7e6,#ffe5e5)}.notification-tag{font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:2px 8px;font-size:10px}.employee-info-box{background:linear-gradient(135deg,#f8f9fa,#f1f3f4);border:1px solid #e8eaed;border-radius:8px;padding:12px;margin-top:12px;transition:all .3s ease}.employee-info-box:hover{background:linear-gradient(135deg,#f1f3f4,#e8eaed);border-color:#dadce0}.notification-dropdown-enter{opacity:0;transform:translateY(-10px) scale(.95)}.notification-dropdown-enter-active{opacity:1;transform:translateY(0) scale(1);transition:all .3s cubic-bezier(.4,0,.2,1)}.notification-dropdown-exit{opacity:1;transform:translateY(0) scale(1)}.notification-dropdown-exit-active{opacity:0;transform:translateY(-10px) scale(.95);transition:all .2s cubic-bezier(.4,0,.2,1)}.notification-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}.notification-loading .ant-spin{margin-bottom:16px}.notification-loading .ant-spin-dot{font-size:24px}.notification-empty{padding:40px 20px;text-align:center}.notification-empty .ant-empty-description{color:#8c8c8c;font-size:14px}.notification-list::-webkit-scrollbar{width:6px}.notification-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.notification-list::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.notification-header{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-bottom:1px solid #f0f0f0;padding:16px 20px}.notification-header h5{margin:0;color:#262626;font-weight:600}.notification-refresh-btn{color:#8c8c8c;transition:all .3s ease}.notification-refresh-btn:hover{color:#1890ff;transform:rotate(180deg)}.notification-footer{background:linear-gradient(135deg,#fafafa,#f5f5f5);border-top:"1px solid #f0f0f0";padding:12px 20px;text-align:center}.notification-delete-btn{opacity:.6;transition:all .3s ease}.notification-delete-btn:hover{opacity:1;transform:scale(1.1)}.notification-clear-all-btn{transition:all .3s ease}.notification-clear-all-btn:hover{background:#ff4d4f!important;color:#fff!important;transform:translateY(-1px)}.notification-header-buttons{display:flex;gap:8px;align-items:center}@media (max-width: 480px){.notification-dropdown{width:320px!important}.notification-item{padding:12px;margin:6px 0}.notification-header,.notification-footer{padding:12px 16px}}@media (prefers-color-scheme: dark){.notification-dropdown{background:#1f1f1f;color:#fff}.notification-header,.notification-footer,.notification-item{background:#262626;border-color:#434343}.notification-item:hover{background:#2a2a2a;border-color:#595959}}