:root{--sidebar-w: 52px;--sidebar-2-w: 220px;--topbar-h: 48px;--navy: #1A2638;--navy-700: #1E2E44;--navy-600: #243452;--blue: #1890FF;--blue-hover: #096DD9;--blue-light: #E6F7FF;--blue-border: #91D5FF;--cyan: #13C2C2;--cyan-light: #E6FFFB;--bg: #F0F2F5;--bg-card: #FFFFFF;--border: #E8EBEF;--border-light: #F5F6F8;--text-1: #1A2638;--text-2: #5A6474;--text-3: #9EA7B4;--pass: #52C41A;--pass-bg: #F6FFED;--pass-border: #B7EB8F;--warn: #FAAD14;--warn-bg: #FFFBE6;--warn-border: #FFE58F;--fail: #FF4D4F;--fail-bg: #FFF1F0;--fail-border: #FFA39E;--pending: #8C8C8C;--pending-bg: #FAFAFA;--cell-work: #FFFFFF;--cell-holiday: #FFF1F0;--cell-rest: #E6F7FF;--cell-pubhol: #FFF7E6;--cell-empty: #FAFAFA;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 2px 8px rgba(0,0,0,.1);--shadow-lg: 0 4px 16px rgba(0,0,0,.12);--radius-sm: 4px;--radius: 6px;--radius-lg: 8px;--transition: all .18s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{font-family:Noto Sans TC,-apple-system,BlinkMacSystemFont,Microsoft JhengHei,sans-serif;font-size:14px;color:var(--text-1);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-hover)}h1{font-size:20px;font-weight:600;color:var(--text-1)}h2{font-size:16px;font-weight:600;color:var(--text-1)}h3{font-size:14px;font-weight:600;color:var(--text-1)}.app-shell{display:flex;height:100vh;overflow:hidden}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-h);background:var(--navy);display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 0;z-index:100;box-shadow:0 1px 4px #00000040}.topbar-left{display:flex;align-items:center;gap:0;height:100%}.topbar-logo{width:var(--sidebar-w);height:100%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.topbar-logo svg{width:28px;height:28px}.topbar-brand{display:flex;align-items:center;gap:8px;padding:0 16px;border-left:1px solid rgba(255,255,255,.12);height:100%}.topbar-brand-name{font-size:14px;font-weight:600;color:#fff;letter-spacing:.3px}.topbar-brand-version{font-size:11px;color:#ffffff80;background:#ffffff1a;padding:1px 6px;border-radius:10px}.topbar-right{display:flex;align-items:center;gap:8px}.topbar-icon-btn{width:32px;height:32px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#ffffffbf;transition:var(--transition)}.topbar-icon-btn:hover{background:#ffffff1a;color:#fff}.topbar-icon-btn svg{width:18px;height:18px}.topbar-avatar{width:30px;height:30px;border-radius:50%;background:#e91e8c;color:#fff;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.sidebar{position:fixed;top:var(--topbar-h);left:0;width:var(--sidebar-w);height:calc(100vh - var(--topbar-h));background:var(--navy);display:flex;flex-direction:column;align-items:center;padding:8px 0;gap:2px;z-index:90;overflow-y:auto;overflow-x:hidden}.sidebar::-webkit-scrollbar{width:0}.sidebar-item{width:40px;height:40px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffff8c;transition:var(--transition);position:relative;flex-shrink:0}.sidebar-item:hover{background:#ffffff1a;color:#ffffffe6}.sidebar-item.active{background:var(--blue);color:#fff}.sidebar-item svg{width:20px;height:20px}.sidebar-divider{width:28px;height:1px;background:#ffffff1a;margin:4px 0;flex-shrink:0}.sidebar-item:after{content:attr(data-tip);position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);background:#000c;color:#fff;font-size:12px;white-space:nowrap;padding:4px 8px;border-radius:var(--radius-sm);pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:200}.sidebar-item:hover:after{opacity:1}.sub-sidebar{position:fixed;top:var(--topbar-h);left:var(--sidebar-w);width:var(--sidebar-2-w);height:calc(100vh - var(--topbar-h));background:#fff;border-right:1px solid var(--border);padding:16px 0;z-index:80;overflow-y:auto;transition:transform .2s ease}.sub-sidebar-title{font-size:11px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.8px;padding:0 16px 8px}.sub-nav-item{display:flex;align-items:center;gap:8px;padding:8px 16px;cursor:pointer;color:var(--text-2);font-size:13.5px;transition:var(--transition);border-left:3px solid transparent}.sub-nav-item:hover{background:var(--bg);color:var(--text-1)}.sub-nav-item.active{background:var(--blue-light);color:var(--blue);border-left-color:var(--blue);font-weight:500}.sub-nav-item svg{width:15px;height:15px;flex-shrink:0}.main-content{margin-top:var(--topbar-h);margin-left:var(--sidebar-w);flex:1;min-height:calc(100vh - var(--topbar-h));padding:24px;overflow-y:auto;transition:margin-left .2s ease}.main-content.with-sub{margin-left:calc(var(--sidebar-w) + var(--sidebar-2-w))}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.page-title{font-size:18px;font-weight:600;color:var(--text-1);display:flex;align-items:center;gap:8px}.page-title svg{width:20px;height:20px;color:var(--blue)}.breadcrumb{font-size:12px;color:var(--text-3);margin-bottom:4px;display:flex;align-items:center;gap:4px}.breadcrumb a{color:var(--text-3)}.breadcrumb a:hover{color:var(--blue)}.breadcrumb-sep{color:var(--text-3)}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:20px}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-light)}.card-title{font-size:14px;font-weight:600;color:var(--text-1)}.btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius);font-size:13.5px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:var(--transition);font-family:inherit;line-height:1.4;white-space:nowrap}.btn svg{width:14px;height:14px;flex-shrink:0}.btn-primary{background:var(--blue);color:#fff;border-color:var(--blue)}.btn-primary:hover{background:var(--blue-hover);border-color:var(--blue-hover)}.btn-outline{background:#fff;color:var(--text-2);border-color:var(--border)}.btn-outline:hover{border-color:var(--blue);color:var(--blue);background:var(--blue-light)}.btn-danger{background:#fff;color:var(--fail);border-color:#ffccc7}.btn-danger:hover{background:var(--fail-bg);border-color:var(--fail)}.btn-success{background:var(--pass);color:#fff;border-color:var(--pass)}.btn-success:hover{background:#389e0d;border-color:#389e0d}.btn-ai{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;box-shadow:0 2px 8px #667eea66}.btn-ai:hover{background:linear-gradient(135deg,#5a70d8,#6a4190);box-shadow:0 4px 12px #667eea80;transform:translateY(-1px)}.btn-sm{padding:4px 10px;font-size:12.5px}.btn-lg{padding:8px 20px;font-size:15px}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-group{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:10px;font-size:12px;font-weight:500;line-height:1.5}.badge-pass{background:var(--pass-bg);color:#389e0d;border:1px solid var(--pass-border)}.badge-warn{background:var(--warn-bg);color:#d46b08;border:1px solid var(--warn-border)}.badge-fail{background:var(--fail-bg);color:#cf1322;border:1px solid var(--fail-border)}.badge-pending{background:var(--pending-bg);color:var(--pending);border:1px solid #D9D9D9}.badge-blue{background:var(--blue-light);color:var(--blue);border:1px solid var(--blue-border)}.badge-cyan{background:var(--cyan-light);color:#087c7c;border:1px solid #87E8DE}.status-dot{width:7px;height:7px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.pass{background:var(--pass)}.status-dot.warn{background:var(--warn)}.status-dot.fail{background:var(--fail)}.status-dot.active{background:var(--pass)}.status-dot.inactive{background:var(--text-3)}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:6px}.form-label.required:after{content:" *";color:var(--fail)}.form-control{width:100%;padding:7px 11px;border:1px solid var(--border);border-radius:var(--radius);font-size:13.5px;font-family:inherit;color:var(--text-1);background:#fff;outline:none;transition:var(--transition);line-height:1.5}.form-control:focus{border-color:var(--blue);box-shadow:0 0 0 2px #1890ff1f}.form-control::placeholder{color:var(--text-3)}select.form-control{cursor:pointer}textarea.form-control{resize:vertical;min-height:80px}.form-row{display:grid;gap:16px}.form-row.cols-2{grid-template-columns:1fr 1fr}.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border)}table.data-table{width:100%;border-collapse:collapse;font-size:13.5px}.data-table thead th{background:#fafbfc;color:var(--text-2);font-weight:600;font-size:12.5px;padding:10px 14px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table thead th.sortable{cursor:pointer}.data-table thead th.sortable:hover{color:var(--blue)}.data-table thead th .sort-icon{display:inline-flex;flex-direction:column;margin-left:4px;opacity:.4;vertical-align:middle}.data-table tbody tr{border-bottom:1px solid var(--border-light);transition:background .1s ease}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:#f7f9fc}.data-table tbody td{padding:11px 14px;color:var(--text-1);vertical-align:middle}.data-table .col-actions{width:80px;text-align:right}.data-table .col-actions .btn-group{justify-content:flex-end}.data-table .col-check{width:40px}.data-table input[type=checkbox]{cursor:pointer;width:15px;height:15px}.schedule-grid-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border);background:#fff}.schedule-grid{border-collapse:collapse;font-size:12.5px;min-width:100%}.schedule-grid th,.schedule-grid td{border:1px solid var(--border-light);text-align:center;vertical-align:middle;padding:0}.schedule-grid thead th{background:#fafbfc;color:var(--text-2);font-weight:600;font-size:11.5px;padding:7px 4px;min-width:36px;white-space:nowrap;border-bottom:2px solid var(--border);position:sticky;top:0;z-index:2}.schedule-grid thead th.col-emp{min-width:90px;text-align:left;padding-left:12px;position:sticky;left:0;z-index:3}.schedule-grid thead th.col-stat{min-width:70px}.schedule-grid .col-emp-cell{font-weight:500;text-align:left;padding:6px 12px;white-space:nowrap;background:#fff;position:sticky;left:0;z-index:1;border-right:2px solid var(--border)}.schedule-grid .day-cell{width:36px;height:32px;cursor:pointer;font-weight:500;font-size:11.5px;transition:background .1s}.schedule-grid .day-cell:hover{filter:brightness(.95)}.day-cell.type-work{background:var(--cell-work)}.day-cell.type-holiday{background:var(--cell-holiday);color:#cf1322}.day-cell.type-rest{background:var(--cell-rest);color:#0958d9}.day-cell.type-pubhol{background:var(--cell-pubhol);color:#d46b08}.day-cell.type-empty{background:var(--cell-empty);color:var(--text-3)}.day-cell.cv-fail{outline:2px solid var(--fail);outline-offset:-2px}.day-cell.cv-warn{outline:2px solid var(--warn);outline-offset:-2px}.schedule-grid thead th.is-weekend{color:#cf1322}.schedule-grid thead th.is-pubhol{background:var(--cell-pubhol);color:#d46b08}.stat-cell{padding:4px 8px;white-space:nowrap}.day-header{line-height:1.2}.day-header .day-num{font-size:12.5px;font-weight:600}.day-header .day-name{font-size:10px;color:var(--text-3);display:block}.toolbar{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.search-input-wrap{position:relative;flex:1;max-width:260px}.search-input-wrap svg{position:absolute;left:9px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--text-3);pointer-events:none}.search-input-wrap .form-control{padding-left:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border);padding:18px 20px;display:flex;align-items:flex-start;gap:14px;box-shadow:var(--shadow-sm)}.stat-card-icon{width:42px;height:42px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon svg{width:22px;height:22px}.stat-card-icon.blue{background:var(--blue-light);color:var(--blue)}.stat-card-icon.green{background:var(--pass-bg);color:var(--pass)}.stat-card-icon.orange{background:var(--warn-bg);color:var(--warn)}.stat-card-icon.red{background:var(--fail-bg);color:var(--fail)}.stat-card-icon.purple{background:#f9f0ff;color:#722ed1}.stat-card-icon.cyan{background:var(--cyan-light);color:var(--cyan)}.stat-card-label{font-size:12.5px;color:var(--text-3);margin-bottom:2px}.stat-card-value{font-size:22px;font-weight:700;color:var(--text-1);line-height:1.2}.stat-card-sub{font-size:12px;color:var(--text-3);margin-top:2px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:500;display:flex;align-items:center;justify-content:center;padding:24px;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:520px;max-height:calc(100vh - 48px);overflow-y:auto;animation:slideUp .18s ease}.modal-lg{max-width:760px}.modal-xl{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px 14px;border-bottom:1px solid var(--border-light)}.modal-title{font-size:15px;font-weight:600;color:var(--text-1)}.modal-close{width:28px;height:28px;border-radius:50%;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-3);transition:var(--transition)}.modal-close:hover{background:var(--bg);color:var(--text-1)}.modal-close svg{width:16px;height:16px}.modal-body{padding:20px 24px}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 24px 18px;border-top:1px solid var(--border-light)}.alert{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:var(--radius);font-size:13.5px;margin-bottom:16px}.alert svg{width:16px;height:16px;flex-shrink:0;margin-top:1px}.alert-info{background:var(--blue-light);color:#0958d9;border:1px solid var(--blue-border)}.alert-success{background:var(--pass-bg);color:#389e0d;border:1px solid var(--pass-border)}.alert-warn{background:var(--warn-bg);color:#d46b08;border:1px solid var(--warn-border)}.alert-error{background:var(--fail-bg);color:#cf1322;border:1px solid var(--fail-border)}.tab-bar{display:flex;border-bottom:2px solid var(--border-light);margin-bottom:20px;gap:0}.tab-item{padding:10px 18px;font-size:13.5px;font-weight:500;color:var(--text-3);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:var(--transition);white-space:nowrap}.tab-item:hover{color:var(--text-1)}.tab-item.active{color:var(--blue);border-bottom-color:var(--blue)}.ai-loading{display:flex;flex-direction:column;align-items:center;padding:48px 24px;gap:16px}.ai-spinner{width:56px;height:56px;position:relative}.ai-spinner:before,.ai-spinner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:3px solid transparent}.ai-spinner:before{border-top-color:#667eea;border-right-color:#764ba2;animation:spinA 1s linear infinite}.ai-spinner:after{border-bottom-color:#13c2c2;border-left-color:#1890ff;animation:spinB 1.4s linear infinite reverse}@keyframes spinA{to{transform:rotate(360deg)}}@keyframes spinB{to{transform:rotate(-360deg)}}.ai-loading-text{font-size:14px;color:var(--text-2);text-align:center}.ai-loading-subtext{font-size:12.5px;color:var(--text-3);text-align:center}.progress-bar{height:6px;background:var(--border);border-radius:3px;overflow:hidden;width:100%}.progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--blue) 0%,var(--cyan) 100%);transition:width .4s ease}.color-swatch{width:16px;height:16px;border-radius:3px;display:inline-block;vertical-align:middle;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.empty-state{text-align:center;padding:48px 24px;color:var(--text-3)}.empty-state svg{width:48px;height:48px;margin-bottom:12px;opacity:.4}.empty-state-title{font-size:14px;font-weight:500;color:var(--text-2);margin-bottom:6px}.empty-state-desc{font-size:13px}.text-muted{color:var(--text-3)}.text-blue{color:var(--blue)}.text-pass{color:var(--pass)}.text-warn{color:var(--warn)}.text-fail{color:var(--fail)}.fw-500{font-weight:500}.fw-600{font-weight:600}.d-flex{display:flex}.align-center{align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.w-full{width:100%}@media (max-width: 768px){.form-row.cols-2,.form-row.cols-3{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr}.main-content{padding:16px}}