:root{--warm-50: #fffbf5;--warm-100: #fef7ed;--warm-200: #fdecd8;--warm-300: #f9d4ad;--warm-400: #f0a868;--warm-500: #e8864a;--warm-600: #d4703a;--warm-700: #b05a2e;--primary: #e8864a;--primary-light: #fef7ed;--primary-border: #f0a868;--gray-50: #fafaf9;--gray-100: #f5f5f4;--gray-200: #e7e5e4;--gray-300: #d6d3d1;--gray-400: #a8a29e;--gray-500: #78716c;--gray-600: #57534e;--gray-700: #44403c;--gray-800: #292524;--gray-900: #1c1917;--success: #65a30d;--success-bg: #f7fee7;--warning: #d97706;--warning-bg: #fffbeb;--danger: #dc2626;--danger-bg: #fef2f2;--info: #0891b2;--info-bg: #ecfeff;--sidebar-width: 240px;--header-height: 64px;--border: 1px solid #e7e5e4;--border-light: 1px solid #f0eeec;--border-radius: 8px;--border-radius-sm: 6px;--border-radius-lg: 12px;--transition-fast: .1s ease;--transition-normal: .15s ease}[data-theme=dark]{--warm-50: #1c1917;--warm-100: #292524;--warm-200: #44403c;--warm-300: #57534e;--warm-400: #78716c;--warm-500: #e8864a;--warm-600: #f0a868;--warm-700: #fdecd8;--primary: #e8864a;--primary-light: #292524;--primary-border: #78716c;--gray-50: #1c1917;--gray-100: #292524;--gray-200: #44403c;--gray-300: #57534e;--gray-400: #78716c;--gray-500: #a8a29e;--gray-600: #d6d3d1;--gray-700: #e7e5e4;--gray-800: #e7e5e4;--gray-900: #fafaf9;--success: #84cc16;--success-bg: #1a2e05;--warning: #f59e0b;--warning-bg: #2e1f05;--danger: #ef4444;--danger-bg: #2e0a0a;--info: #22d3ee;--info-bg: #0a2e2e;--border: 1px solid #44403c;--border-light: 1px solid #292524}.row-weekend{background:#e8f4f8}.row-holiday{background:#ffe0e0}[data-theme=dark] .row-weekend{background:#1a2a2e}[data-theme=dark] .row-holiday{background:#2e1a1a}[data-theme=dark] body{background:#1c1917;color:#e7e5e4}[data-theme=dark] .sidebar{background:#292524;border-right-color:#44403c}[data-theme=dark] .sidebar-header{border-bottom-color:#44403c}[data-theme=dark] .sidebar-footer{border-top-color:#44403c}[data-theme=dark] .user-profile{background:#1c1917;border-color:#44403c}[data-theme=dark] .main-content{background:#1c1917}[data-theme=dark] .content-header{background:#292524;border-bottom-color:#44403c}[data-theme=dark] .card{background:#292524;border-color:#44403c}[data-theme=dark] .card-header{border-bottom-color:#44403c}[data-theme=dark] .stat-card,[data-theme=dark] .table-container{background:#292524;border-color:#44403c}[data-theme=dark] th{background:#1c1917;border-bottom-color:#44403c}[data-theme=dark] td{border-bottom-color:#44403c}[data-theme=dark] tr:hover td{background:#1c1917}[data-theme=dark] .tabs{background:#292524;border-color:#44403c}[data-theme=dark] .modal-overlay{background:#0009}[data-theme=dark] .modal-content{background:#292524;border-color:#44403c}[data-theme=dark] .modal-header{background:#1c1917;border-bottom-color:#44403c}[data-theme=dark] .modal-footer{background:#1c1917;border-top-color:#44403c}[data-theme=dark] .modal-close{background:#292524;border-color:#44403c}[data-theme=dark] .form-group input,[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{background:#1c1917;border-color:#44403c;color:#e7e5e4}[data-theme=dark] .form-group input::placeholder{color:#78716c}[data-theme=dark] .header-select{background:#1c1917;border-color:#44403c;color:#e7e5e4}[data-theme=dark] .btn-secondary{background:#292524;color:#e7e5e4;border-color:#44403c}[data-theme=dark] .btn-secondary:hover,[data-theme=dark] .btn-ghost:hover{background:#44403c}[data-theme=dark] .logout-btn{background:#2e0a0a;border-color:#44403c}[data-theme=dark] .logout-btn:hover{background:#3e1010}[data-theme=dark] .login-container{background:#1c1917}[data-theme=dark] .login-box{background:#292524;border-color:#44403c}[data-theme=dark] .login-box .form-group input{background:#1c1917;border-color:#44403c;color:#e7e5e4}[data-theme=dark] .login-box .form-group input::placeholder{color:#78716c}[data-theme=dark] .login-hint{background:#1c1917;border-color:#44403c}[data-theme=dark] .loading-screen{background:#1c1917}[data-theme=dark] .file-upload{background:#1c1917;border-color:#57534e}[data-theme=dark] .file-upload:hover{background:#292524}[data-theme=dark] .time-popover{background:#292524;border-color:#44403c}[data-theme=dark] .datetime-picker-time{background:#1c1917}[data-theme=dark] .datetime-picker-actions{background:#292524;border-top-color:#44403c}[data-theme=dark] .time-input-group{background:#1c1917;border-color:#44403c}[data-theme=dark] .time-input-group input{color:#e7e5e4;background:transparent}[data-theme=dark] .time-input-group input:focus{background:#292524}[data-theme=dark] .time-input-arrows button{background:#292524}[data-theme=dark] .time-input-arrows button:hover{background:#44403c}[data-theme=dark] .time-quick-btn{background:#1c1917;border-color:#44403c}[data-theme=dark] .reason-popover{background:#292524;border-color:#44403c}[data-theme=dark] .reason-popover textarea,[data-theme=dark] .correction-form textarea{background:#1c1917;border-color:#44403c;color:#e7e5e4}[data-theme=dark] .quick-panel{background:#292524;border-color:#44403c}[data-theme=dark] .quick-panel-header{background:#1c1917;border-bottom-color:#44403c}[data-theme=dark] .sample-data{background:#1c1917;border-color:#57534e}[data-theme=dark] .calendar-table tbody td{background:#292524;border-color:#44403c}[data-theme=dark] .calendar-table tbody td.calendar-day:hover{background:#44403c}[data-theme=dark] .calendar-table tbody td.calendar-day.holiday{background:#2e0a0a;border-color:#5c2020}[data-theme=dark] .calendar-table tbody td.calendar-day.workday{background:#2e1f05;border-color:#5c4010}[data-theme=dark] .calendar-table tbody td.calendar-day.weekend{background:#1c1917}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#57534e}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#78716c}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,sans-serif;background:#fafaf9;color:var(--gray-800);line-height:1.6;font-size:14px;min-height:100vh;min-width:1380px}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:#fff;color:var(--gray-700);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:100;border-right:1px solid #e7e5e4}.sidebar-header{padding:24px 20px;display:flex;align-items:center;justify-content:center;gap:12px;border-bottom:1px solid #e7e5e4}.sidebar-logo{display:flex;align-items:center;gap:12px}.sidebar-logo h1{font-family:Outfit,Inter,sans-serif;font-size:20px;font-weight:600;color:var(--gray-800);letter-spacing:2px}.sidebar-nav{flex:1;padding:20px 12px;overflow-y:auto}.nav-section{margin-bottom:24px}.nav-section-title{font-size:11px;text-transform:uppercase;letter-spacing:.15em;color:var(--gray-400);padding:0 14px;margin-bottom:12px;font-weight:500}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--border-radius);cursor:pointer;transition:background var(--transition-normal);color:var(--gray-600);font-weight:500;margin-bottom:4px;border:1px solid transparent;position:relative}.nav-item:hover{background:var(--warm-50);color:var(--gray-800)}.nav-item.active{background:var(--warm-100);color:var(--warm-600);border:1px solid var(--warm-200)}.nav-item.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;background:var(--primary);border-radius:0 4px 4px 0}.nav-item svg{flex-shrink:0;opacity:.9}.sidebar-footer{padding:16px;border-top:1px solid #e7e5e4}.user-profile{display:flex;align-items:center;gap:12px;padding:12px;background:var(--gray-50);border:1px solid #e7e5e4;border-radius:var(--border-radius)}.user-avatar{width:40px;height:40px;background:var(--warm-200);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;border-radius:8px;color:var(--warm-700)}.user-details{flex:1;min-width:0}.user-name{font-weight:600;font-size:14px;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:12px;color:var(--gray-400);margin-top:2px}.logout-btn{background:var(--danger-bg);border:1px solid #fecaca;border-radius:6px;color:var(--danger);cursor:pointer;padding:8px;transition:background var(--transition-normal)}.logout-btn:hover{background:#fee2e2}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;background:#fafaf9}.content-header{background:#fff;padding:20px 32px;border-bottom:1px solid #e7e5e4;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50}.page-title{font-size:22px;font-weight:700;color:var(--gray-800);display:flex;align-items:center;gap:12px}.page-title:before{content:"";display:inline-block;width:4px;height:24px;background:var(--primary);border-radius:2px}.page-subtitle{font-size:13px;color:var(--gray-500);margin-top:4px}.content-body{flex:1;padding:24px 32px}.card{background:#fff;border:1px solid #e7e5e4;border-radius:var(--border-radius-lg);padding:24px;margin-bottom:20px}.card:before{display:none}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e7e5e4}.card-title{font-size:16px;font-weight:600;color:var(--gray-800);display:flex;align-items:center;gap:10px}.card-title svg{color:var(--primary)}.card-description{font-size:13px;color:var(--gray-500);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border:1px solid #e7e5e4;border-radius:var(--border-radius);cursor:pointer;font-size:14px;font-weight:600;transition:background var(--transition-normal);text-decoration:none;position:relative}.btn:active{opacity:.85}.btn-primary{background:var(--primary);color:#fff;border:1px solid var(--warm-600)}.btn-primary:hover{background:var(--warm-600)}.btn-secondary{background:#fff;color:var(--gray-700);border:1px solid #e7e5e4}.btn-secondary:hover{background:var(--gray-50)}.btn-success{background:var(--success);color:#fff;border:1px solid #4d7c0f}.btn-success:hover{background:#4d7c0f}.btn-danger{background:var(--danger);color:#fff;border:1px solid #b91c1c}.btn-danger:hover{background:#b91c1c}.btn-warning{background:var(--warning);color:#fff;border:1px solid #b45309}.btn-warning:hover{background:#b45309}.btn-ghost{background:transparent;color:var(--gray-600);border:1px solid transparent}.btn-ghost:hover{background:var(--gray-100)}.btn-sm{padding:6px 14px;font-size:12px;border-radius:var(--border-radius-sm)}.btn-lg{padding:14px 28px;font-size:16px;border-radius:var(--border-radius)}.btn-block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.form-group{margin-bottom:18px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--gray-700);font-size:13px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:1px solid #e7e5e4;border-radius:var(--border-radius);font-size:14px;color:var(--gray-800);background:#fff;transition:border-color var(--transition-normal)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary)}.form-group input::placeholder{color:var(--gray-400)}.form-group textarea{resize:vertical;min-height:100px;font-family:inherit}.form-group select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2378716c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-hint{font-size:12px;color:var(--gray-500);margin-top:8px;padding:10px 14px;background:var(--warm-50);border-left:3px solid var(--primary);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0}.table-container{background:#fff;border:1px solid #e7e5e4;border-radius:var(--border-radius-lg);overflow:auto;max-height:calc(100vh - 220px)}.table-wrapper{max-height:600px;overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{background:var(--gray-50);padding:14px 16px;text-align:center;font-weight:600;color:var(--gray-700);border-bottom:1px solid #e7e5e4;position:sticky;top:0;z-index:10;white-space:nowrap;font-size:12px;text-transform:uppercase;letter-spacing:.5px}td{padding:14px 16px;border-bottom:1px solid #f0eeec;color:var(--gray-700);background:transparent;text-align:center}tr:hover td{background:var(--warm-50)}tr:last-child td{border-bottom:none}.calendar-table{width:100%;border-collapse:separate;border-spacing:4px;table-layout:fixed}.calendar-table thead th{padding:12px 8px;font-weight:600;font-size:13px;color:var(--gray-600);background:transparent;border:none}.calendar-table tbody tr:hover td{background:inherit}.calendar-table tbody td{padding:8px;min-height:80px;height:90px;vertical-align:top;border-radius:var(--border-radius-sm);background:#fff;border:1px solid #f0eeec}.calendar-table tbody td:empty{background:transparent;border-color:transparent}.calendar-table tbody td.calendar-day:hover{background:var(--warm-50);border-color:var(--warm-300)}.calendar-table tbody td.calendar-day.holiday{background:#fef2f2;border-color:#fecaca}.calendar-table tbody td.calendar-day.holiday:hover{background:#fee2e2;border-color:#fca5a5}.calendar-table tbody td.calendar-day.workday{background:#fffbeb;border-color:#fde68a}.calendar-table tbody td.calendar-day.workday:hover{background:#fef3c7;border-color:#fcd34d}.calendar-table tbody td.calendar-day.weekend{background:var(--gray-50)}.calendar-table .day-number{font-size:16px;font-weight:600;color:var(--gray-700);margin-bottom:4px}.calendar-table .day-label{margin-top:4px}.calendar-table .day-name{font-size:11px;color:var(--gray-500);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;padding:5px 12px;font-size:11px;font-weight:600;gap:4px;border-radius:20px;border:1px solid}.badge-primary{background:var(--warm-100);color:var(--warm-700);border-color:var(--warm-200)}.badge-success{background:var(--success-bg);color:#3f6212;border-color:#d9f99d}.badge-warning{background:var(--warning-bg);color:#92400e;border-color:#fde68a}.badge-danger{background:var(--danger-bg);color:#991b1b;border-color:#fecaca}.badge-info{background:var(--info-bg);color:#155e75;border-color:#a5f3fc}.badge-gray{background:var(--gray-100);color:var(--gray-600);border-color:var(--gray-200)}.message{display:flex;align-items:center;gap:12px;padding:14px 20px;margin-bottom:20px;font-size:14px;border-radius:var(--border-radius);border:1px solid}.message-success{background:var(--success-bg);color:#3f6212;border-color:#d9f99d}.message-error{background:var(--danger-bg);color:#991b1b;border-color:#fecaca}.message-warning{background:var(--warning-bg);color:#92400e;border-color:#fde68a}.message-info{background:var(--warm-100);color:var(--warm-700);border-color:var(--warm-200)}.message-close{margin-left:auto;background:transparent;border:none;border-radius:4px;cursor:pointer;padding:4px 6px;opacity:.6;transition:opacity var(--transition-normal)}.message-close:hover{opacity:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:#fff;padding:20px;border:1px solid #e7e5e4;border-radius:var(--border-radius-lg);display:flex;align-items:flex-start;gap:16px}.stat-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--border-radius);border:1px solid}.stat-icon.primary{background:var(--warm-100);color:var(--warm-700);border-color:var(--warm-200)}.stat-icon.success{background:var(--success-bg);color:#3f6212;border-color:#d9f99d}.stat-icon.warning{background:var(--warning-bg);color:#92400e;border-color:#fde68a}.stat-icon.danger{background:var(--danger-bg);color:#991b1b;border-color:#fecaca}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:var(--gray-800);line-height:1.2}.stat-label{font-size:13px;color:var(--gray-500);margin-top:4px}.tabs{display:flex;gap:8px;margin-bottom:24px;padding:6px;background:#fff;border:1px solid #e7e5e4;border-radius:var(--border-radius-lg);overflow-x:auto}.tab-btn{padding:10px 20px;border:none;background:transparent;cursor:pointer;font-size:13px;font-weight:600;color:var(--gray-500);transition:all var(--transition-normal);white-space:nowrap;display:flex;align-items:center;gap:8px;border-radius:var(--border-radius);position:relative}.tab-btn:last-child{border-right:none}.tab-btn:hover{background:var(--warm-50);color:var(--gray-700)}.tab-btn.active{background:var(--warm-100);color:var(--warm-700)}.tab-btn.active:before{display:none}.month-selector{display:flex;align-items:center;gap:12px;margin-bottom:24px}.month-selector label{font-weight:600;color:var(--gray-700)}.month-selector select{padding:10px 36px 10px 14px;border:1px solid #e7e5e4;border-radius:var(--border-radius);font-size:14px;background:#fff;cursor:pointer;transition:border-color var(--transition-normal)}.month-selector select:focus{border-color:var(--primary);outline:none}.file-upload{border:2px dashed var(--gray-300);border-radius:var(--border-radius-lg);padding:40px;text-align:center;cursor:pointer;transition:border-color var(--transition-normal);background:var(--gray-50);position:relative}.file-upload:before,.file-upload:after{display:none}.file-upload:hover{border-color:var(--primary);background:var(--warm-50)}.file-upload.dragging{border-color:var(--primary);background:var(--warm-100);border-style:solid}.file-upload input{display:none}.file-upload-icon{width:72px;height:72px;margin:0 auto 20px;background:var(--warm-200);display:flex;align-items:center;justify-content:center;color:var(--warm-700);border-radius:16px}.file-upload-title{font-size:16px;font-weight:600;color:var(--gray-800);margin-bottom:8px}.file-upload-hint{font-size:13px;color:var(--gray-500)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#29252480;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fff;border:1px solid #e7e5e4;border-radius:var(--border-radius-lg);max-height:90vh;overflow:hidden;display:flex;flex-direction:column;width:100%;max-width:500px;position:relative}.modal-content:before{display:none}.modal-large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e7e5e4;background:var(--gray-50)}.modal-header h3{font-size:16px;font-weight:600;color:var(--gray-800)}.modal-close{background:#fff;border:1px solid #e7e5e4;border-radius:var(--border-radius-sm);padding:6px 10px;cursor:pointer;color:var(--gray-500);font-weight:700;transition:background var(--transition-normal)}.modal-close:hover{background:var(--danger-bg);border-color:#fecaca;color:var(--danger)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid #e7e5e4;display:flex;justify-content:flex-end;gap:12px;background:var(--gray-50)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--warm-50);padding:20px;position:relative;overflow:hidden}.login-container:before{display:none}.login-box{background:#fff;padding:48px 40px;border:1px solid #e7e5e4;border-radius:var(--border-radius-lg);width:100%;max-width:420px;position:relative;z-index:1}.login-box:before,.login-box:after{display:none}.login-header{text-align:center;margin-bottom:36px}.login-logo{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}.login-box h1{font-family:Outfit,Inter,sans-serif;font-size:28px;font-weight:600;color:var(--gray-800);margin:0;letter-spacing:2px}.login-subtitle{color:var(--gray-500);font-size:14px;margin-top:8px}.login-hint{margin-top:24px;padding:16px;background:var(--gray-50);border:1px solid #e7e5e4;border-radius:var(--border-radius)}.login-hint p{margin:4px 0;font-size:12px;color:var(--gray-500)}.login-version{margin-top:24px;text-align:center;font-size:11px;color:var(--gray-400)}.login-box .form-group label{color:var(--gray-700)}.login-box .form-group input{background:#fff;border:1px solid #e7e5e4;color:var(--gray-800)}.login-box .form-group input::placeholder{color:var(--gray-400)}.login-box .form-group input:focus{border-color:var(--primary)}.login-box .btn-primary{padding:12px 16px;font-size:14px}.login-box form>.btn-primary{width:100%}.login-box .form-group .btn-primary{width:auto;padding:10px 16px;font-size:13px}.login-box .form-group .btn-primary:disabled{opacity:.5}.loading-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--warm-50);position:relative}.loading-screen:before{display:none}.loading-spinner{width:48px;height:48px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite;position:relative;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}.loading{text-align:center;padding:48px;color:var(--gray-500)}.empty-state{text-align:center;padding:60px 32px;color:var(--gray-500)}.empty-state-icon{width:80px;height:80px;margin:0 auto 24px;background:var(--warm-100);border:1px solid var(--warm-200);border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--warm-600)}.empty-state h3{font-size:18px;font-weight:600;color:var(--gray-700);margin-bottom:8px}.empty-state p{font-size:14px;color:var(--gray-500)}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.mapping-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-top:20px}.sample-data{margin-top:20px;padding:16px;background:var(--gray-50);border:1px dashed var(--gray-300);border-radius:var(--border-radius);overflow-x:auto}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.mt-8{margin-top:8px}.mt-10{margin-top:10px}.mt-16{margin-top:16px}.mt-20{margin-top:20px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-10{margin-bottom:10px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.hidden{display:none}.editable-time{cursor:pointer;padding:4px 8px;border-radius:4px;transition:background var(--transition-normal);display:inline-block}.editable-time:hover{background:var(--warm-100);color:var(--warm-700)}.editable-time:active{background:var(--warm-200)}.time-modified{background:var(--warning-bg);border-radius:4px;position:relative}.time-modified:after{content:"";position:absolute;top:2px;right:2px;width:5px;height:5px;background:var(--warning);border-radius:50%}.editable-time.time-modified:hover{background:#fef3c7}.time-popover{position:absolute;z-index:100;background:#fff;border:1px solid #e7e5e4;border-radius:var(--border-radius);padding:0;box-shadow:0 4px 12px #0000001a;overflow:hidden}.datetime-picker{width:260px}.datetime-picker-calendar{padding:12px;border-bottom:1px solid #f0eeec}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.calendar-title{font-size:13px;font-weight:600;color:var(--gray-800)}.calendar-nav{width:26px;height:26px;border:1px solid #e7e5e4;background:#fff;border-radius:var(--border-radius-sm);cursor:pointer;font-size:12px;color:var(--gray-600);transition:background var(--transition-fast)}.calendar-nav:hover{background:var(--gray-100);color:var(--gray-800)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.calendar-weekday{text-align:center;font-size:11px;color:var(--gray-400);padding:4px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{text-align:center;font-size:12px;padding:6px 0;border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition-fast);color:var(--gray-700)}.calendar-day:hover:not(.empty){background:var(--warm-100)}.calendar-day.empty{cursor:default}.calendar-day.today{color:var(--primary);font-weight:600}.calendar-day.selected{background:var(--primary);color:#fff;font-weight:600}.datetime-picker-time{padding:12px;background:var(--gray-50)}.time-label{font-size:11px;color:var(--gray-500);margin-bottom:8px;font-weight:500}.time-inputs{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:10px}.time-input-group{display:flex;align-items:center;background:#fff;border:1px solid #e7e5e4;border-radius:var(--border-radius-sm);overflow:hidden}.time-input-group input{width:36px;height:32px;border:none;text-align:center;font-size:15px;font-weight:600;color:var(--gray-800);outline:none;font-family:inherit}.time-input-group input:focus{background:var(--warm-50)}.time-input-arrows{display:flex;flex-direction:column;border-left:1px solid #f0eeec}.time-input-arrows button{width:20px;height:16px;border:none;background:var(--gray-50);cursor:pointer;font-size:8px;color:var(--gray-400);transition:background var(--transition-fast);padding:0;line-height:1}.time-input-arrows button:hover{background:var(--gray-200);color:var(--gray-800)}.time-input-arrows button:first-child{border-bottom:1px solid #f0eeec}.time-separator{font-size:16px;font-weight:600;color:var(--gray-500);padding:0 2px}.time-quick{display:flex;gap:6px;justify-content:center}.time-quick-btn{padding:4px 10px;font-size:11px;border:1px solid #e7e5e4;background:#fff;border-radius:var(--border-radius-sm);cursor:pointer;color:var(--gray-600);transition:all var(--transition-fast)}.time-quick-btn:hover{border-color:var(--primary-border);color:var(--warm-700)}.time-quick-btn.active{background:var(--warm-100);border-color:var(--warm-200);color:var(--warm-700)}.datetime-picker-actions{display:flex;gap:8px;padding:10px 12px;justify-content:flex-end;border-top:1px solid #f0eeec;background:#fff}.btn-mini{padding:5px 12px;font-size:12px;font-weight:500;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition-fast)}.btn-mini.btn-cancel{background:var(--gray-100);color:var(--gray-600)}.btn-mini.btn-cancel:hover{background:var(--gray-200)}.btn-mini.btn-confirm{background:var(--primary);color:#fff}.btn-mini.btn-confirm:hover{background:var(--warm-600)}.btn-mini:disabled{opacity:.5;cursor:not-allowed}.reason-popover-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#2925244d;display:flex;align-items:center;justify-content:center;z-index:1000}.reason-popover{background:#fff;border-radius:var(--border-radius-lg);padding:16px;box-shadow:0 4px 12px #0000001a;border:1px solid #e7e5e4;width:280px}.reason-popover-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;font-size:14px;color:var(--gray-800)}.reason-popover-close{background:none;border:none;font-size:18px;color:var(--gray-400);cursor:pointer;padding:0;line-height:1}.reason-popover-close:hover{color:var(--gray-600)}.reason-popover-info{background:var(--warm-50);padding:8px 10px;border-radius:var(--border-radius-sm);font-size:13px;color:var(--warm-700);margin-bottom:10px}.cross-day-tag{display:inline-block;background:var(--warning-bg);color:#92400e;font-size:11px;padding:2px 6px;border-radius:4px;margin-left:6px}.reason-popover textarea{width:100%;padding:10px;border:1px solid #e7e5e4;border-radius:var(--border-radius-sm);font-size:13px;font-family:inherit;resize:none;outline:none}.reason-popover textarea:focus{border-color:var(--primary)}.reason-popover-actions{display:flex;gap:8px;margin-top:12px;justify-content:flex-end}.correction-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.correction-form textarea{width:100%;padding:12px 16px;border:1px solid #e7e5e4;border-radius:var(--border-radius);font-size:14px;font-family:inherit;resize:vertical;background:#fff;transition:border-color var(--transition-normal)}.correction-form textarea:focus{outline:none;border-color:var(--primary)}.input-disabled{background:var(--gray-50);color:var(--gray-500)}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.list-header h4{font-size:16px;font-weight:600;color:var(--gray-800)}.filter-select{padding:8px 16px;border:1px solid #e7e5e4;border-radius:var(--border-radius-sm);font-size:14px;background:#fff;transition:border-color var(--transition-normal)}.filter-select:focus{border-color:var(--primary);outline:none}.user-form h4{margin:0 0 20px;font-size:16px;font-weight:600}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e7e5e4}.batch-actions{display:flex;gap:8px}.header-actions{display:flex;align-items:center;gap:16px}.header-select{padding:10px 36px 10px 14px;border:1px solid #e7e5e4;border-radius:var(--border-radius);font-size:14px;background:#fff;cursor:pointer;transition:border-color var(--transition-normal);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2378716c' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.header-select:focus{border-color:var(--primary);outline:none}.header-select:hover{border-color:var(--gray-300)}.toolbar{display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.highlight{color:var(--primary);font-weight:600}.quick-panel{background:#fff;border:1px solid #e7e5e4;border-radius:var(--border-radius-lg);overflow:hidden}.quick-panel-header{padding:16px 20px;background:var(--gray-50);border-bottom:1px solid #e7e5e4;font-size:14px;font-weight:600;color:var(--gray-800);display:flex;align-items:center;gap:10px}.quick-panel-body{padding:16px}.quick-action-item{display:flex;align-items:center;gap:14px;padding:14px 16px;cursor:pointer;transition:background var(--transition-normal);margin-bottom:8px;border-radius:var(--border-radius);border:1px solid transparent}.quick-action-item:hover{background:var(--warm-50);border-color:var(--warm-200)}.quick-action-item:last-child{margin-bottom:0}.quick-action-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--warm-100);color:var(--warm-700);border-radius:var(--border-radius);border:1px solid var(--warm-200)}.quick-action-info{flex:1}.quick-action-title{font-weight:600;color:var(--gray-800);font-size:14px}.quick-action-desc{font-size:12px;color:var(--gray-500);margin-top:3px}@media (max-width: 1024px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.mobile-menu-btn{display:flex!important}}@media (max-width: 768px){.content-header,.content-body{padding:16px 20px}.card{padding:18px;border-radius:var(--border-radius)}.form-row,.stats-grid{grid-template-columns:1fr}.tabs{overflow-x:auto;border-radius:var(--border-radius)}.tab-btn{padding:10px 16px;border-radius:var(--border-radius-sm)}.login-box{padding:32px 24px}.modal-content{border-radius:var(--border-radius);margin:16px}.table-container{border-radius:var(--border-radius)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}::-webkit-scrollbar-corner{background:transparent}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .2s ease}.animate-slideUp{animation:slideUp .2s ease}