.landing-page{background:var(--color-bg);min-height:100vh}.landing-nav{justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;padding:22px 28px;display:flex}.landing-logo{letter-spacing:-.01em;color:var(--color-text);font-size:19px;font-weight:700}.landing-logo span{color:var(--color-primary)}.landing-nav-login{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);border-radius:20px;padding:8px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s}.landing-nav-login:hover{background:var(--color-bg);border-color:var(--color-primary)}.landing-hero{text-align:center;max-width:720px;margin:0 auto;padding:56px 24px 40px}.landing-title{letter-spacing:-.02em;color:var(--color-text);margin:0 0 18px;font-size:46px;font-weight:700;line-height:1.12}.landing-subtitle{color:var(--color-text-secondary);max-width:480px;margin:0 auto 28px;font-size:17px;line-height:1.55}.landing-cta{background:var(--color-primary);color:#fff;border-radius:24px;padding:13px 30px;font-size:15px;font-weight:600;text-decoration:none;transition:background .15s,transform .1s;display:inline-block}.landing-cta:hover{background:var(--color-primary-hover)}.landing-cta:active{transform:scale(.98)}.device-frame{max-width:860px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light);background:var(--color-surface);border-radius:14px;margin:0 auto 72px;overflow:hidden}.device-bar{border-bottom:1px solid var(--color-border-light);background:#ececef;align-items:center;gap:7px;height:34px;padding:0 14px;display:flex}.device-dot{border-radius:50%;width:10px;height:10px}.device-dot.red{background:#ff5f57}.device-dot.yellow{background:#febc2e}.device-dot.green{background:#28c840}.device-url{color:var(--color-text-secondary);margin-left:10px;font-size:11px}.device-body{background:var(--color-bg);padding:22px 24px;overflow-x:auto}.demo-toolbar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.demo-toolbar-title{color:var(--color-text);font-size:13px;font-weight:700}.demo-toolbar-period{color:var(--color-text-secondary);font-size:11px}.demo-week-grid{grid-template-columns:108px repeat(7,minmax(70px,1fr));gap:4px;min-width:640px;display:grid}.demo-day-header{text-align:center;color:#9ca3af;padding-bottom:4px;font-size:10px;font-weight:600}.demo-day-num{color:var(--color-text);font-size:12px;font-weight:700}.demo-emp-row{align-items:center;gap:6px;padding:5px 0;display:flex}.demo-avatar{background:var(--color-primary-soft);width:20px;height:20px;color:var(--color-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:8px;font-weight:700;display:flex}.demo-emp-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:500;overflow:hidden}.demo-cell{border:1px solid var(--color-border-light);background:var(--color-surface);color:#cbd5e1;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-height:40px;font-size:8px;font-weight:600;display:flex}.demo-cell.filled{background:var(--color-bg);border-color:var(--color-border);color:#334155}.demo-cell-time{opacity:.7;margin-top:1px;font-size:7px}.landing-features{grid-template-columns:repeat(3,1fr);gap:32px;max-width:860px;margin:0 auto;padding:0 24px 88px;display:grid}@media (width<=700px){.landing-features{grid-template-columns:1fr;gap:28px}.landing-title{font-size:32px}.landing-subtitle{font-size:15px}.device-body{padding:16px}}.feature-title{color:var(--color-text);margin-bottom:6px;font-size:15px;font-weight:700}.feature-desc{color:var(--color-text-secondary);font-size:13px;line-height:1.55}.landing-footer{text-align:center;color:#9ca3af;border-top:1px solid var(--color-border-light);padding:24px;font-size:12px}.login-page{background:radial-gradient(circle at 50% 0%, #eef4ff 0%, var(--color-bg) 55%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--color-surface);border-radius:var(--radius-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);padding:40px}.login-logo{letter-spacing:-.02em;color:var(--color-text);margin-bottom:6px;font-size:28px;font-weight:700}.login-logo span{color:var(--color-primary)}.login-title{color:var(--color-text-secondary);margin:0 0 28px;font-size:17px;font-weight:600}.login-field{margin-bottom:16px}.login-label{color:var(--color-text-secondary);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.login-input{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);outline:none;width:100%;padding:12px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft);background:var(--color-surface)}.login-error{background:var(--color-danger-soft);color:#b3261e;border-radius:var(--radius-md);margin-bottom:14px;padding:10px 14px;font-size:13px}.login-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);border:none;width:100%;margin-top:6px;padding:13px;font-size:15px;font-weight:600;transition:background .15s,transform .1s}.login-btn:hover:not(:disabled){background:var(--color-primary-hover)}.login-btn:active:not(:disabled){transform:scale(.98)}.login-btn:disabled{opacity:.6;cursor:default}.login-toggle{text-align:center;color:var(--color-text-secondary);margin:22px 0 0;font-size:13px}.login-toggle-btn{color:var(--color-primary);background:0 0;border:none;margin-left:4px;padding:0;font-size:13px;font-weight:600}.login-toggle-btn:hover{color:var(--color-primary-hover)}@media (width<=480px){.login-card{border-radius:var(--radius-lg);padding:28px 22px}.login-logo{font-size:24px}}.mgr-page{background:var(--color-bg);min-height:100vh}.mgr-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.mgr-loading-inner{text-align:center}.mgr-loading-icon{margin-bottom:12px;font-size:32px}.mgr-loading-text{color:var(--color-text-secondary)}.mgr-modal-overlay{z-index:100;background:#0006;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mgr-modal-card{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-lg);max-height:90vh;padding:24px;overflow-y:auto}.mgr-modal-card.sm{max-width:380px}.mgr-modal-card.md{max-width:420px}.mgr-modal-card.xs{max-width:340px}.mgr-modal-title{margin-bottom:4px;font-size:16px;font-weight:700}.mgr-modal-subtitle{color:var(--color-text-secondary);margin-bottom:20px;font-size:12px}.mgr-modal-section{margin-bottom:16px}.mgr-section-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.02em;margin-bottom:8px;font-size:12px;font-weight:600}.mgr-field-label{color:var(--color-text-secondary);margin-bottom:6px;font-size:12px;font-weight:600}.mgr-chip-list{flex-wrap:wrap;gap:6px;display:flex}.mgr-emp-chip{border:2px solid var(--color-border-light);background:var(--color-bg);color:var(--color-text);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.mgr-emp-chip.selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.mgr-shift-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mgr-shift-option{border-radius:var(--radius-sm);border:2px solid var(--color-border-light);background:var(--color-bg);text-align:left;padding:10px 14px;transition:border-color .15s,background .15s}.mgr-shift-option.selected{border-color:var(--color-primary);background:var(--color-primary-soft)}.mgr-shift-option-name{color:var(--color-text);font-size:13px;font-weight:600}.mgr-shift-option.selected .mgr-shift-option-name{color:var(--color-primary)}.mgr-shift-option-time{color:#9ca3af;margin-top:2px;font-size:11px}.mgr-position-chip{border:2px solid #0000;border-radius:20px;padding:7px 14px;font-size:13px;font-weight:600}.mgr-textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);resize:vertical;outline:none;width:100%;min-height:60px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.mgr-textarea:focus,.mgr-form-input:focus,.mgr-form-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft);background:var(--color-surface)}.mgr-repeat-list{gap:6px;display:flex}.mgr-repeat-option{border-radius:var(--radius-sm);text-align:center;border:2px solid var(--color-border-light);background:var(--color-bg);color:var(--color-text-secondary);flex:1;padding:8px 6px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,color .15s}.mgr-repeat-option.selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.mgr-modal-error{color:#b3261e;background:var(--color-danger-soft);border-radius:var(--radius-sm);margin-bottom:6px;padding:6px 10px;font-size:12px}.mgr-modal-actions{gap:8px;display:flex}.mgr-btn{border-radius:var(--radius-sm);border:none;padding:10px 14px;font-size:13px;transition:background .15s,opacity .15s,transform .1s}.mgr-btn:active:not(:disabled){transform:scale(.98)}.mgr-btn:disabled{opacity:.6}.mgr-btn-cancel{border:1px solid var(--color-border-light);background:var(--color-surface);color:var(--color-text);flex:1}.mgr-btn-cancel:hover{background:var(--color-bg)}.mgr-btn-danger{background:var(--color-danger-soft);color:#b3261e;font-weight:600}.mgr-btn-primary{background:var(--color-primary);color:#fff;flex:2;font-weight:600}.mgr-btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.mgr-btn-dark{background:var(--color-text);color:#fff;border-radius:var(--radius-sm);border:none;padding:7px 14px;font-size:13px}.mgr-btn-dark:hover{background:#000}.mgr-form-grid-2{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px;display:grid}@media (width<=420px){.mgr-form-grid-2{grid-template-columns:1fr}}.mgr-form-group{margin-bottom:12px}.mgr-form-input,.mgr-form-select{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.mgr-contract-toggle{gap:8px;display:flex}.mgr-contract-option{border-radius:var(--radius-sm);border:2px solid var(--color-border-light);background:var(--color-bg);text-align:center;color:var(--color-text);flex:1;padding:10px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.mgr-contract-option.selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.mgr-form-hint{color:#9ca3af;margin-top:4px;font-size:11px}.mgr-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:10;-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:8px 28px;display:flex;position:sticky;top:0}.mgr-logo{color:var(--color-text);letter-spacing:-.01em;flex-shrink:0;font-size:16px;font-weight:700}.mgr-nav{scrollbar-width:none;gap:2px;display:flex;overflow-x:auto}.mgr-nav::-webkit-scrollbar{display:none}.mgr-nav-tab{cursor:pointer;height:44px;color:var(--color-text-secondary);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:0 16px;font-size:13px;font-weight:400;transition:color .15s,border-color .15s;position:relative}.mgr-nav-tab.active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:600}.mgr-nav-dot{background:var(--color-danger);border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:8px}.mgr-user{flex-shrink:0;align-items:center;gap:12px;display:flex}.mgr-user-name{color:var(--color-text);font-size:13px;font-weight:500}.mgr-logout-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-surface);color:var(--color-text-secondary);padding:5px 12px;font-size:12px}.mgr-logout-btn:hover{background:var(--color-bg)}.mgr-content{max-width:1400px;margin:0 auto;padding:20px}@media (width<=479px){.mgr-content{padding:12px}}.mgr-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}@media (width<=900px){.mgr-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=479px){.mgr-stats-grid{grid-template-columns:1fr}}.mgr-stat-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:16px 20px}.mgr-stat-card.warn{box-shadow:0 0 0 1px var(--color-warning) inset}.mgr-stat-label{color:#9ca3af;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600}.mgr-stat-value{color:var(--color-text);margin-bottom:6px;font-size:28px;font-weight:700;line-height:1}.mgr-stat-value.warn{color:#b45309}.mgr-stat-sub{color:#9ca3af;font-size:12px}.mgr-progress-track{background:var(--color-border-light);border-radius:2px;height:4px;overflow:hidden}.mgr-progress-fill{border-radius:2px;height:100%;transition:width .4s}.mgr-panel{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.mgr-panel+.mgr-panel{margin-top:16px}.mgr-panel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.mgr-panel-title{font-size:15px;font-weight:600}.mgr-empty-state{text-align:center;color:#9ca3af;padding:40px}.mgr-empty-icon{margin-bottom:12px;font-size:40px}.mgr-empty-title{color:var(--color-text);margin-bottom:8px;font-size:15px;font-weight:500}.mgr-empty-desc{margin-bottom:20px;font-size:13px}.mgr-sched-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.mgr-sched-toolbar-left{align-items:center;gap:8px;display:flex}.mgr-nav-arrow-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-surface);width:32px;height:32px;font-size:16px}.mgr-nav-arrow-btn:hover{background:var(--color-bg)}.mgr-period-label{text-align:center;min-width:220px;font-size:15px;font-weight:700}.mgr-today-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-surface);color:var(--color-text-secondary);padding:5px 12px;font-size:12px}.mgr-today-btn:hover{background:var(--color-bg)}.mgr-view-toggle{background:var(--color-bg);border-radius:10px;gap:4px;padding:3px;display:flex}.mgr-view-toggle-btn{border-radius:var(--radius-sm);color:var(--color-text-secondary);background:0 0;border:none;padding:5px 14px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.mgr-view-toggle-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.mgr-week-wrap{overflow-x:auto}.mgr-week-grid{grid-template-columns:110px repeat(7,minmax(90px,1fr));gap:4px;min-width:720px;display:grid}.mgr-week-day-header{text-align:center;color:#9ca3af;padding-bottom:6px;font-size:11px;font-weight:600}.mgr-week-day-name{margin-bottom:2px}.mgr-week-day-num{color:var(--color-text);border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;font-weight:700;display:inline-flex}.mgr-week-day-num.today{color:var(--color-primary);background:var(--color-primary-soft)}.mgr-emp-row-label{align-items:center;gap:6px;padding:8px 0;display:flex}.mgr-emp-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:10px;font-weight:700;display:flex}.mgr-emp-row-name{color:#374151;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.mgr-week-cell{text-align:center;cursor:pointer;border:1px solid var(--color-border-light);background:var(--color-surface);color:#cbd5e1;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;min-height:56px;padding:5px 3px;font-size:10px;font-weight:600;transition:border-color .15s,background .15s;display:flex;position:relative}.mgr-week-cell.filled{background:var(--color-bg);border-color:var(--color-border);color:#334155}.mgr-week-cell.leave{background:var(--color-success-soft);border-color:#bbf7d0}.mgr-week-cell:hover{border-color:var(--color-primary)}.mgr-week-cell-time{opacity:.75;margin-top:1px;font-size:9px}.mgr-week-cell-position{border-radius:3px;margin-top:2px;padding:1px 5px;font-size:9px}.mgr-week-cell-note-dot{background:var(--color-warning);border-radius:50%;width:4px;height:4px;position:absolute;top:1px;right:1px}.mgr-week-cell-plus{font-size:18px}.mgr-month-header{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.mgr-month-header-cell{text-align:center;color:#9ca3af;padding:4px 0;font-size:11px;font-weight:600}.mgr-month-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.mgr-month-cell{border:1.5px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-surface);min-height:80px;padding:6px}.mgr-month-cell.today{border-color:var(--color-primary)}.mgr-month-cell.has-leave{border-color:#6ee7b7}.mgr-month-cell.leave-only{background:var(--color-success-soft)}.mgr-month-cell.not-current{opacity:.4;background:#f9fafb}.mgr-month-cell-date{color:#374151;margin-bottom:4px;font-size:12px;font-weight:500}.mgr-month-cell-date.today{color:var(--color-primary);font-weight:700}.mgr-month-shift-chip{color:#1e3a8a;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;margin-bottom:2px;padding:1px 4px;font-size:9px;font-weight:600;position:relative;overflow:hidden}.mgr-month-shift-chip .note-dot{font-size:7px;line-height:1;position:absolute;right:2px}.mgr-month-leave-chip{background:var(--color-success-soft);color:#065f46;white-space:nowrap;text-overflow:ellipsis;border-radius:3px;margin-bottom:2px;padding:1px 4px;font-size:9px;font-weight:600;overflow:hidden}.mgr-month-more{color:#9ca3af;font-size:9px}.mgr-month-add-empty{color:var(--color-border-light);text-align:center;cursor:pointer;margin-top:8px;font-size:18px}.mgr-month-add-more{color:#94a3b8;text-align:center;cursor:pointer;margin-top:2px;font-size:10px;font-weight:700}.mgr-table{border-collapse:collapse;width:100%;font-size:13px}.mgr-table thead tr{border-bottom:1px solid var(--color-border-light)}.mgr-table th{text-align:left;color:#9ca3af;text-transform:uppercase;white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:600}.mgr-table tbody tr{border-bottom:1px solid #f3f4f6}.mgr-table td{padding:12px 10px}.mgr-table td.tight{padding:10px}.mgr-table td.ellipsis{text-overflow:ellipsis;white-space:nowrap;max-width:150px;color:var(--color-text-secondary);overflow:hidden}.mgr-name-cell{align-items:center;gap:8px;display:flex}.mgr-position-badge{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:600}.mgr-btn-edit{border:1px solid var(--color-border-light);background:var(--color-surface);border-radius:6px;padding:5px 10px;font-size:12px}.mgr-btn-edit:hover{background:var(--color-bg)}.mgr-btn-delete{background:var(--color-danger-soft);color:#b3261e;border:none;border-radius:6px;padding:5px 10px;font-size:12px}.mgr-row-actions{gap:6px;display:flex}.mgr-status-badge{border-radius:10px;padding:3px 10px;font-size:11px;font-weight:600}.mgr-status-badge.pending{background:var(--color-warning-soft);color:#92400e}.mgr-status-badge.approved{background:var(--color-success-soft);color:#065f46}.mgr-status-badge.rejected{background:var(--color-danger-soft);color:#991b1b}.mgr-icon-btn{border:none;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.mgr-icon-btn.approve{background:var(--color-success-soft);color:#065f46}.mgr-icon-btn.reject{background:var(--color-danger-soft);color:#991b1b}.mgr-icon-btn.neutral{background:var(--color-bg);color:var(--color-text-secondary)}.mgr-leave-summary-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:16px;display:grid}.mgr-leave-summary-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:12px 14px}.mgr-leave-summary-header{align-items:center;gap:8px;margin-bottom:10px;display:flex}.mgr-leave-summary-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:10px;font-weight:700;display:flex}.mgr-leave-summary-name{font-size:13px;font-weight:600}.mgr-leave-days-text{color:var(--color-text-secondary);margin-bottom:4px;font-size:12px}.mgr-leave-progress-track{background:var(--color-border-light);border-radius:4px;height:4px;margin-bottom:8px;overflow:hidden}.mgr-leave-progress-fill{border-radius:4px;height:100%}.mgr-leave-type-line{color:var(--color-text-secondary);margin-top:3px;font-size:11px}.mgr-leave-empty-text{color:#d1d5db;font-size:11px}.mgr-payroll-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.mgr-payroll-toolbar-left{align-items:center;gap:10px;display:flex}.mgr-payroll-month-label{text-align:center;min-width:180px;font-size:15px;font-weight:700}.mgr-payroll-actions{flex-wrap:wrap;gap:8px;display:flex}.mgr-btn-accent{border-radius:var(--radius-sm);color:#fff;white-space:nowrap;border:none;padding:7px 14px;font-size:13px}.mgr-btn-accent.purple{background:#8b5cf6}.mgr-btn-accent.green{background:var(--color-success)}.mgr-btn-accent.blue{background:var(--color-primary)}.mgr-btn-accent.amber{background:var(--color-warning)}.mgr-table-scroll{overflow-x:auto}.mgr-extra-hours-badge{background:var(--color-warning-soft);color:#92400e;border-radius:8px;padding:2px 8px;font-size:12px;font-weight:600}.mgr-weekend-bonus{color:#d97706;font-weight:600}.mgr-muted{color:#d1d5db}.mgr-extras-cell{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.mgr-extra-tag{color:#1d4ed8;background:#e0e7ff;border-radius:8px;padding:2px 7px;font-size:11px;font-weight:600}.mgr-extra-add-btn{border:1px dashed var(--color-border);color:#9ca3af;background:0 0;border-radius:8px;padding:2px 8px;font-size:11px}.mgr-notes-cell{max-width:150px;color:var(--color-text-secondary);white-space:normal;word-break:break-word;font-size:11px}.mgr-cell-strong{color:#374151;white-space:nowrap;font-size:13px;font-weight:700}.mgr-cell-net{color:var(--color-primary);white-space:nowrap;font-size:14px;font-weight:700}.mgr-cell-neg{color:var(--color-danger);white-space:nowrap;font-size:12px}.mgr-cell-pos{color:#d97706;white-space:nowrap;font-size:12px}.mgr-totals-row{border-top:2px solid var(--color-border-light);background:#f9fafb;font-weight:700}.mgr-payroll-empty{text-align:center;color:#9ca3af;padding:30px;font-size:13px}.mgr-subpanel{border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:#f9fafb;margin-top:20px;padding:20px}.mgr-subpanel-title{margin-bottom:16px;font-size:15px;font-weight:700}.mgr-preview-table-wrap{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);max-height:400px;padding:16px;overflow:auto}.mgr-archived-list{flex-direction:column;gap:8px;display:flex}.mgr-archived-item{background:var(--color-surface);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.mgr-archived-title{color:var(--color-text);font-size:13px;font-weight:600}.mgr-archived-sub{color:#9ca3af;margin-top:2px;font-size:11px}.mgr-archived-meta{color:#cbd5e1;margin-top:2px;font-size:10px}.mgr-archived-delete-btn{background:var(--color-danger-soft);color:#991b1b;border:none;border-radius:6px;padding:6px 12px;font-size:12px}.mgr-extra-list-row{border-bottom:1px solid #f3f4f6;justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.mgr-extra-row-right{align-items:center;gap:8px;display:flex}.mgr-extra-remove-btn{background:var(--color-danger-soft);color:#991b1b;border:none;border-radius:4px;padding:2px 6px;font-size:11px}.mgr-extra-input-row{gap:8px;margin-top:12px;display:flex}.mgr-extra-input-label{flex:2}.mgr-extra-input-amount{flex:1}.mgr-extra-submit-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);border:none;width:100%;margin-top:8px;padding:9px;font-size:13px;font-weight:600}.mgr-notif-wrap{max-width:560px}.mgr-recipient-all-chip{border:2px solid var(--color-border-light);background:var(--color-bg);cursor:pointer;color:var(--color-text);border-radius:20px;margin-bottom:10px;padding:6px 12px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-block}.mgr-recipient-all-chip.selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.mgr-recipient-list{flex-wrap:wrap;gap:8px;display:flex}.mgr-recipient-chip{border:2px solid var(--color-border-light);background:var(--color-bg);cursor:pointer;color:var(--color-text);border-radius:20px;padding:6px 12px;font-size:12px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.mgr-recipient-chip.selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.mgr-recipient-hint{color:#9ca3af;margin-top:8px;font-size:11px}.mgr-send-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);border:none;padding:10px 20px;font-size:13px;font-weight:600}.mgr-send-btn:hover:not(:disabled){background:var(--color-primary-hover)}.mgr-send-btn:disabled{opacity:.6}.mgr-settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=767px){.mgr-settings-grid{grid-template-columns:1fr}}.mgr-position-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.mgr-position-tag{border-radius:6px;flex:1;padding:4px 12px;font-size:13px;font-weight:600}.mgr-add-row{gap:8px;margin-top:12px;display:flex}.mgr-add-input{flex:1}.mgr-add-btn-icon{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);border:none;padding:8px 14px;font-size:13px}.mgr-shifttype-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.mgr-shifttype-box{background:var(--color-bg);border-radius:var(--radius-sm);flex:1;padding:8px 12px;font-size:13px}.mgr-new-shifttype-card{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light);margin-top:12px;padding:12px}.mgr-new-shifttype-input{width:100%;margin-bottom:8px}.mgr-time-row{gap:8px;margin-bottom:8px;display:flex}.mgr-time-group{flex:1}.mgr-time-label{color:#9ca3af;margin-bottom:4px;font-size:11px}.mgr-time-input{width:100%}.mgr-new-shifttype-submit{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);border:none;width:100%;padding:8px;font-size:13px;font-weight:600}.emp-page{background:var(--color-bg);min-height:100vh}.emp-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.emp-loading-inner{text-align:center}.emp-loading-icon{margin-bottom:12px;font-size:32px}.emp-loading-text{color:var(--color-text-secondary)}.emp-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border-light);z-index:10;-webkit-backdrop-filter:saturate(180%)blur(10px);backdrop-filter:saturate(180%)blur(10px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;display:flex;position:sticky;top:0}.emp-logo{letter-spacing:-.01em;font-size:20px;font-weight:700}.emp-logo span{color:var(--color-primary)}.emp-tabs{flex-wrap:wrap;gap:4px;display:flex}.emp-tab{color:var(--color-text-secondary);background:0 0;border:none;border-radius:20px;padding:6px 14px;font-size:13px;font-weight:500;transition:background .15s,color .15s;position:relative}.emp-tab.active{background:var(--color-primary);color:#fff}.emp-tab-dot{background:#ff3b30;border:1.5px solid #fff;border-radius:50%;width:8px;height:8px;position:absolute;top:2px;right:4px}.emp-user{align-items:center;gap:10px;display:flex}.emp-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:11px;font-weight:700;display:flex}.emp-user-name{color:var(--color-text);font-size:13px;font-weight:500}.emp-logout-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-surface);color:var(--color-text-secondary);padding:6px 12px;font-size:12px;transition:background .15s,border-color .15s}.emp-logout-btn:hover{background:var(--color-bg);border-color:var(--color-border)}.emp-content{max-width:1200px;margin:0 auto;padding:20px}@media (width<=479px){.emp-content{padding:12px}}.emp-stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px;display:grid}@media (width<=767px){.emp-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=479px){.emp-stats-grid{grid-template-columns:1fr}}.stat-card{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:14px 16px}.stat-label{color:#9ca3af;margin-bottom:4px;font-size:11px}.stat-value{color:var(--color-text);margin-bottom:4px;font-size:26px;font-weight:700}.stat-badge{border-radius:10px;padding:2px 8px;font-size:11px;font-weight:600}.emp-panel{background:var(--color-surface);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px}.sched-nav{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:20px;display:flex}.sched-nav-left{align-items:center;gap:8px;display:flex}.nav-arrow-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-surface);width:32px;height:32px;font-size:16px}.nav-arrow-btn:hover{background:var(--color-bg)}.nav-period-label{text-align:center;min-width:220px;font-size:15px;font-weight:700}.today-btn{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-surface);color:var(--color-text-secondary);padding:5px 12px;font-size:12px}.today-btn:hover{background:var(--color-bg)}.view-toggle{background:var(--color-bg);border-radius:10px;gap:4px;padding:3px;display:flex}.view-toggle-btn{border-radius:var(--radius-sm);color:var(--color-text-secondary);background:0 0;border:none;padding:5px 14px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.view-toggle-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-sm)}.week-grid-wrap{overflow-x:auto}.week-grid{grid-template-columns:repeat(7,minmax(120px,1fr));gap:8px;display:grid}.day-card{border-radius:var(--radius-md);border:2px solid var(--color-border-light);background:#fafafa;min-height:180px;padding:12px}.day-card.today{border-color:var(--color-primary);background:#f0f7ff}.day-card-header{margin-bottom:10px}.day-name{color:#9ca3af;font-size:11px;font-weight:600}.day-num{color:var(--color-text);font-size:18px;font-weight:700}.day-num.today{color:var(--color-primary)}.day-today-label{color:var(--color-primary);font-size:10px;font-weight:600}.shift-block{border-radius:var(--radius-sm);margin-bottom:8px;padding:8px 10px}.shift-block-name{color:#1e3a8a;font-size:12px;font-weight:700}.shift-block-time{color:#2563eb;margin-top:2px;font-size:11px}.shift-block-position{color:#374151;background:#fff9;border-radius:4px;margin-top:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-block}.leave-block{border-radius:var(--radius-sm);background:var(--color-success-soft);text-align:center;margin-bottom:8px;padding:8px 10px}.leave-block-icon{font-size:20px}.leave-block-label{color:#166534;margin-top:2px;font-size:11px;font-weight:600}.off-block{border-radius:var(--radius-sm);background:var(--color-border-light);margin-bottom:8px;padding:8px 10px}.off-block-label{color:#9ca3af;font-size:12px;font-weight:500}.colleagues-label{color:#9ca3af;margin-bottom:4px;font-size:10px}.colleague-row{align-items:center;gap:5px;margin-bottom:3px;display:flex}.colleague-avatar{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:8px;font-weight:700;display:flex}.colleague-name{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.colleague-more{color:#9ca3af;font-size:10px}.month-grid-header{grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px;display:grid}.month-grid-header-cell{text-align:center;color:#9ca3af;padding:4px 0;font-size:11px;font-weight:600}.month-grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.month-cell{border:1.5px solid var(--color-border-light);border-radius:var(--radius-sm);background:var(--color-surface);min-height:74px;padding:6px}.month-cell.today{border-color:var(--color-primary)}.month-cell.on-leave{background:var(--color-success-soft);border-color:#86efac}.month-cell.not-current{opacity:.4;background:#f9fafb}.month-cell-date{color:#374151;margin-bottom:4px;font-size:12px;font-weight:500}.month-cell-date.today{color:var(--color-primary);font-weight:700}.month-shift-badge{white-space:nowrap;text-overflow:ellipsis;color:#1e3a8a;border-radius:3px;margin-bottom:2px;padding:2px 4px;font-size:9px;font-weight:700;overflow:hidden}.month-leave-label{color:#166534;font-size:9px;font-weight:600}.month-off-label{color:#cbd5e1;font-size:9px}.month-colleagues-count{color:#9ca3af;font-size:9px}.requests-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=767px){.requests-grid{grid-template-columns:1fr}}.req-section-title{margin-bottom:16px;font-size:15px;font-weight:600}.req-field{margin-bottom:14px}.req-label{color:var(--color-text-secondary);margin-bottom:8px;font-size:12px;font-weight:600}.type-toggle{gap:8px;display:flex}.type-option{border-radius:var(--radius-sm);border:2px solid var(--color-border-light);background:var(--color-bg);text-align:center;color:var(--color-text);flex:1;padding:10px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.type-option.selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.option-list{flex-direction:column;gap:8px;max-height:200px;display:flex;overflow-y:auto}.option-row{border-radius:var(--radius-sm);border:2px solid var(--color-border-light);background:var(--color-bg);color:var(--color-text);text-align:left;padding:10px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.option-row.selected{border-color:var(--color-primary);background:var(--color-primary-soft);color:var(--color-primary)}.empty-warning{background:var(--color-danger-soft);color:#b3261e;border-radius:var(--radius-sm);padding:10px;font-size:13px}.form-select,.form-input,.form-textarea{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);outline:none;width:100%;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}.form-select:focus,.form-input:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft);background:var(--color-surface)}.form-textarea{resize:vertical}.date-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px;display:grid}@media (width<=479px){.date-grid{grid-template-columns:1fr}}.success-banner{background:var(--color-success-soft);color:#065f46;border-radius:var(--radius-sm);margin-bottom:12px;padding:10px 12px;font-size:13px}.submit-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);border:none;width:100%;padding:11px;font-size:14px;font-weight:600;transition:background .15s,transform .1s}.submit-btn:hover:not(:disabled){background:var(--color-primary-hover)}.submit-btn:active:not(:disabled){transform:scale(.98)}.submit-btn:disabled{opacity:.6}.history-empty{text-align:center;color:#9ca3af;padding:40px;font-size:13px}.history-item{border-radius:var(--radius-sm);border:1px solid var(--color-border-light);background:var(--color-bg);margin-bottom:10px;padding:12px 14px}.history-item-top{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.history-type{color:#374151;font-size:13px;font-weight:600}.history-meta{color:#9ca3af;margin-top:2px;font-size:11px}.history-status-badge{border-radius:6px;flex-shrink:0;padding:3px 8px;font-size:11px;font-weight:600}.history-note{color:var(--color-text-secondary);font-size:12px;font-style:italic}.history-date{color:#d1d5db;margin-top:6px;font-size:11px}.notif-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.notif-title{font-size:15px;font-weight:600}.notif-count-badge{background:var(--color-danger-soft);color:#b3261e;border-radius:10px;padding:3px 10px;font-size:12px;font-weight:600}.notif-empty{text-align:center;color:#9ca3af;padding:40px;font-size:13px}.notif-empty-icon{margin-bottom:12px;font-size:40px}.notif-item{border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-bg);margin-bottom:10px;padding:14px 16px}.notif-item.unread{background:var(--color-primary-soft);cursor:pointer;border-color:#93c5fd}.notif-item-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.notif-message-wrap{flex:1}.notif-dot{background:var(--color-primary);vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.notif-message{color:var(--color-text);font-size:13px}.notif-message.read{color:var(--color-text-secondary);font-weight:400}.notif-time{color:#9ca3af;flex-shrink:0;font-size:11px}.notif-hint{color:var(--color-primary);margin-top:6px;font-size:11px}.onboarding-page{background:var(--color-bg);min-height:100vh;padding:20px}.onboarding-container{max-width:600px;margin:0 auto}.onboarding-header{text-align:center;margin-bottom:28px;padding-top:24px}.onboarding-logo{letter-spacing:-.02em;margin-bottom:6px;font-size:28px;font-weight:700}.onboarding-logo span{color:var(--color-primary)}.onboarding-subtitle{color:var(--color-text-secondary);font-size:15px}.onboarding-steps{justify-content:center;align-items:center;gap:8px;margin-bottom:28px;display:flex}.step-group{align-items:center;gap:8px;display:flex}.step-circle{background:var(--color-border-light);color:#9ca3af;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:700;transition:background .2s,color .2s;display:flex}.step-circle.active{background:var(--color-primary);color:#fff}.step-line{background:var(--color-border-light);width:60px;height:2px;transition:background .2s}.step-line.active{background:var(--color-primary)}.onboarding-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:28px}.card-title{margin-bottom:6px;font-size:18px;font-weight:700}.card-subtitle{color:var(--color-text-secondary);margin-bottom:22px;font-size:13px}.field-input{border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-primary-soft);background:var(--color-surface)}.position-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.position-row .field-input{flex:1;min-width:140px}.color-dots{gap:4px;display:flex}.color-dot{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px;padding:0}.color-dot.selected{border-color:var(--color-primary)}.position-badge{text-align:center;border-radius:6px;min-width:60px;padding:4px 10px;font-size:12px;font-weight:600}.remove-btn{background:var(--color-danger-soft);color:#b3261e;border:none;border-radius:6px;padding:6px 10px;font-size:13px}.add-btn{border:1.5px dashed var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-text-secondary);background:0 0;margin-bottom:24px;padding:10px;font-size:13px;transition:border-color .15s,color .15s}.add-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.primary-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);border:none;width:100%;padding:12px;font-size:15px;font-weight:600;transition:background .15s,transform .1s}.primary-btn:hover:not(:disabled){background:var(--color-primary-hover)}.primary-btn:active:not(:disabled){transform:scale(.98)}.primary-btn:disabled{opacity:.6}.shift-card{background:var(--color-bg);border-radius:var(--radius-md);border:1px solid var(--color-border-light);margin-bottom:12px;padding:14px}.shift-name-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.shift-name-row .field-input{flex:1}.shift-detail-row{flex-wrap:wrap;align-items:flex-start;gap:12px;display:flex}.shift-detail-group{flex:1;min-width:100px}.shift-detail-label{color:#9ca3af;margin-bottom:4px;font-size:11px}.shift-detail-group .field-input{width:100%}.error-banner{background:var(--color-danger-soft);color:#b3261e;border-radius:var(--radius-sm);margin-bottom:12px;padding:10px 12px;font-size:13px}.btn-row{gap:10px;display:flex}.secondary-btn{background:var(--color-border-light);color:var(--color-text);border-radius:var(--radius-sm);border:none;flex:1;padding:12px;font-size:15px;font-weight:600;transition:background .15s}.secondary-btn:hover{background:var(--color-border)}.btn-row .primary-btn{flex:2}@media (width<=480px){.onboarding-card{padding:20px 16px}.position-row{align-items:flex-start}.position-row .field-input{flex:100%}}:root{--color-bg:#f5f5f7;--color-surface:#fff;--color-text:#1d1d1f;--color-text-secondary:#6e6e73;--color-border:#d2d2d7;--color-border-light:#e8e8ed;--color-primary:#0a84ff;--color-primary-hover:#0071e3;--color-primary-soft:#0a84ff1f;--color-danger:#ff3b30;--color-danger-soft:#fdeceb;--color-success:#34c759;--color-success-soft:#e8f8ec;--color-warning:#ff9f0a;--color-warning-soft:#fff4e5;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:24px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 12px 40px #0000001a;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--nav-height:56px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit}button{cursor:pointer}a{color:inherit}