:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172033;font-synthesis:none;background:#f4f6f5;font-family:Inter,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;line-height:1.5}*{box-sizing:border-box}html{width:100%;max-width:100vw;overflow-x:hidden}body{background-color:#f4f6f5;background-image:linear-gradient(90deg,#19645b0d 1px,#0000 1px),linear-gradient(#19645b0a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:32px 32px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:100%;min-width:320px;max-width:100vw;min-height:100vh;margin:0;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #dce3df;border-radius:8px;width:min(440px,100%);padding:28px;box-shadow:0 24px 70px #1720331f}.login-brand,.brand,.panel-header,.page-actions,.row-actions,.inline-actions,.org-nav-actions,.roster-actions,.modal-header,.modal-footer{align-items:center;display:flex}.login-brand{border-bottom:1px solid #e2e8e5;gap:12px;margin-bottom:22px;padding-bottom:22px}.login-brand span,.login-copy span,.panel-header span,.page-title span,.roster-toolbar span{color:#6b7883;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:760}.login-brand h1,.login-copy h2,.panel-header h2,.page-title h1,.roster-toolbar h3{letter-spacing:0;margin:0}.login-brand h1{font-size:22px}.login-copy h2{margin-top:2px;font-size:28px;line-height:1.18}.login-form{gap:16px;display:grid}.login-copy{margin-bottom:2px}.login-field{color:#334150;gap:7px;font-size:13px;font-weight:720;display:grid}.login-field div{background:#fbfcfb;border:1px solid #d7dfdb;border-radius:8px;align-items:center;min-height:46px;padding:0 13px;display:flex}.login-field input,.search-box input{color:#172033;background:0 0;border:0;outline:0;width:100%}.login-field div:focus-within{background:#fff;border-color:#166d63;box-shadow:0 0 0 3px #166d631f}.login-error{color:#a93525;background:#fff4f2;border:1px solid #f3bbb4;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:720}.success-message{color:#155f56;background:#eff8f5;border:1px solid #b9d4cc;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;font-weight:720}.login-submit{width:100%}.login-loading{color:#5f6c76;font-size:14px}.app-shell{grid-template-columns:360px minmax(0,1fr);width:100%;max-width:100vw;min-height:100vh;display:grid;overflow-x:hidden}.sidebar{background:#fbfcfb;border-right:1px solid #dce3df;flex-direction:column;gap:26px;height:100vh;padding:26px 18px;display:flex;position:sticky;top:0}.brand{gap:12px;padding:0 6px}.sidebar-toggle{flex:none;margin-left:auto}.brand-mark{color:#155f56;background:#e7f1ee;border:1px solid #1d6f65;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand strong,.brand span,.side-panel span,.side-panel strong,.side-panel p{display:block}.brand strong{font-size:17px}.brand span,.side-panel span,.side-panel p{color:#6d7b85;font-size:13px}.nav-list{gap:4px;display:grid}.nav-list button{color:#5f6c76;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:11px;min-height:42px;padding:0 12px;display:flex}.nav-list button.active,.nav-list button:hover{color:#155f56;background:#edf4f1;border-color:#cbdcd6}.side-panel{background:#f6f8f7;border:1px solid #dce3df;border-radius:8px;margin-top:auto;padding:16px}.side-panel strong{margin-top:5px;font-size:18px}.side-panel p{margin:8px 0 0}.side-logout{color:#334150;background:#fff;border:1px solid #d7dfdb;border-radius:8px;align-items:center;gap:7px;width:100%;min-height:36px;margin-top:14px;padding:0 10px;font-weight:720;display:inline-flex}.workspace{flex-direction:column;min-width:0;max-width:100%;padding:24px;display:flex;overflow-x:hidden}.topbar{justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.undo-topbar-actions{margin-bottom:12px}.page-title h1{font-size:clamp(24px,3vw,32px);line-height:1.18}.panel{background:#fffffff0;border:1px solid #dce3df;border-radius:8px;min-width:0;max-width:100%;padding:18px;box-shadow:0 16px 34px #2a38440d}.home-panel p{color:#243142;margin:0;font-size:16px;font-weight:720}.home-notice-panel{border-top:1px solid #e2e8e5;gap:12px;margin-top:18px;padding-top:16px;display:grid}.home-notice-header{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.home-notice-header span,.home-notice-card span{color:#6b7883;font-size:12px;font-weight:760}.home-notice-header h2{color:#172033;margin:3px 0 0;font-size:20px;line-height:1.2}.compact-notice-header{padding-top:4px}.compact-notice-header h2{font-size:17px}.home-notice-header>strong{color:#155f56;background:#eef5f3;border-radius:8px;justify-content:center;align-items:center;min-width:54px;min-height:30px;font-size:13px;display:inline-flex}.home-notice-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.home-notice-card{background:#fff;border:1px solid #dce3df;border-radius:8px;grid-template-columns:auto minmax(0,1fr) minmax(0,max-content);align-items:center;gap:10px;min-height:68px;padding:12px;display:grid;overflow:hidden}.home-notice-card>div:nth-child(2){min-width:0}.notice-card-icon{color:#9a5a0b;background:#fff4e5;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.salary-notice-icon{color:#155f56;background:#e8f2ef}.duplicate-notice-icon{color:#a86a08;background:#fdf1dc}.home-notice-card strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:15px;font-weight:820;display:block;overflow:hidden}.notice-detail-text{color:#b33621;margin-top:2px;font-size:12px;font-style:normal;font-weight:700;line-height:1.4;display:block}.notice-overdue{color:#155f56;text-align:center;white-space:nowrap;background:#eef5f3;border-radius:8px;min-width:76px;padding:7px 9px;font-size:13px;font-weight:780}.notice-overdue.overdue{color:#b33621;background:#fff0ed}.notice-overdue.departure-status{color:#475569;text-align:left;white-space:normal;word-break:break-all;background:#f1f5f9;min-width:0;max-width:230px}.notice-overdue.processed-status{color:#155f56;background:#e8f2ef}.notice-overdue.duplicate-status{color:#a86a08;background:#fdf1dc}.home-notice-empty{color:#6b7883;background:#f8faf9;border:1px dashed #d5ded9;border-radius:8px;place-items:center;min-height:68px;font-weight:720;display:grid}.home-notice-more{justify-self:end}.home-notice-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.home-notice-processed{border-top:1px dashed #d5ded9;gap:10px;padding-top:12px;display:grid}.page-panel,.people-manager{grid-template-columns:minmax(0,1fr);gap:14px;min-width:0;max-width:100%;display:grid}.panel-header{justify-content:space-between;gap:12px;margin-bottom:16px}.panel-header h2{font-size:20px}.log-toolbar{background:#f8faf9;border:1px solid #e2e8e5;border-radius:8px;flex-wrap:wrap;align-items:end;gap:12px;margin:-4px 0 16px;padding:12px;display:flex}.filter-field{gap:7px;display:grid}.filter-field span,.log-date-summary span,.log-section-header span{color:#6b7883;letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:760}.filter-field input{color:#172033;background:#fff;border:1px solid #d7dfdb;border-radius:8px;outline:0;min-height:38px;padding:0 10px}.filter-field input:focus{border-color:#166d63}.date-index-control{grid-template-columns:38px minmax(150px,1fr) 38px;align-items:center;gap:6px;min-width:0;display:grid}.date-index-control input{width:100%;min-width:0}.date-step-button{width:38px;min-height:38px;padding:0}.log-date-summary{align-content:center;gap:2px;min-height:38px;display:grid}.log-date-summary strong,.log-section-header strong{color:#172033;font-size:14px}.log-section-header{justify-content:space-between;gap:12px;margin:16px 0 10px;display:flex}.operation-log-title{border-top:1px solid #e2e8e5;padding-top:8px}.panel-badges{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.rule-count{color:#155f56;white-space:nowrap;background:#e8f2ef;border-radius:999px;align-items:center;min-height:30px;padding:0 10px;font-size:13px;display:inline-flex}.primary-button,.ghost-button,.icon-button,.danger-button,.warning-button{border:1px solid #d7dfdb;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.primary-button{color:#fff;background:#166d63;border-color:#166d63;padding:0 16px;font-weight:760}.ghost-button,.icon-button,.danger-button,.warning-button{color:#243142;background:#fff}.ghost-button{white-space:nowrap;padding:0 14px}.warning-button{color:#a15c07;white-space:nowrap;background:#fffbeb;border-color:#f5d19b;padding:0 14px;font-weight:760}.danger-button{color:#b42318;white-space:nowrap;background:#fff7f7;border-color:#f0c4c4;padding:0 14px;font-weight:760}.ghost-button.compact,.primary-button.compact,.danger-button.compact,.warning-button.compact{min-height:36px;padding:0 12px}.icon-button{width:40px;min-height:40px;padding:0}.icon-button.danger{color:#a83a25}.selected-action{color:#155f56;background:#e8f2ef;border-color:#166d63}.ghost-button:hover,.icon-button:hover{background:#f7faf8;border-color:#b8c7c1}.warning-button:hover{background:#fff7d6;border-color:#e7b45e}.danger-button:hover{background:#fff0f0;border-color:#df9f9f}.primary-button:hover{background:#115f56}.org-browser{width:100%;min-width:0;max-width:100%;display:block}.org-window,.roster-panel{background:#fff;border:1px solid #dce3df;border-radius:8px;width:100%;min-width:0;max-width:100%}.org-window{align-self:start;padding:10px}.roster-panel{padding:14px;overflow:hidden}.organization-layout{min-width:0;display:block}.org-page-window{min-height:460px}.org-tree-panel{min-height:460px;padding:14px}.org-tree-toolbar{border-bottom:1px solid #e2e8e5;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding-bottom:12px;display:flex}.org-tree-toolbar div{gap:3px;min-width:0;display:grid}.org-tree-toolbar span{color:#6b7883;font-size:12px;font-weight:760}.org-tree-toolbar strong{color:#172033;overflow-wrap:anywhere;font-size:16px}.org-tree-list{gap:4px;padding-top:12px;display:grid}.org-tree-node{gap:4px;min-width:0;display:grid}.org-tree-row{min-width:0;min-height:48px;padding:5px 8px 5px calc(8px + (var(--level,0) * 22px));background:#fff;border:1px solid #0000;border-radius:8px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.org-tree-row:hover{background:#f7faf8;border-color:#dce7e3}.tree-toggle{color:#56636f;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.tree-toggle:not(:disabled):hover{color:#155f56;background:#e8f2ef}.tree-toggle:disabled{opacity:.35}.org-tree-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.org-tree-name{gap:2px;min-width:0;display:grid}.org-tree-name strong{color:#172033;overflow-wrap:anywhere}.org-tree-name small{color:#6b7883;font-size:12px}.org-tree-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.org-tree-edit-input{min-width:160px}.org-tree-children{gap:4px;display:grid}.org-detail-panel{background:#fff;border:1px solid #dce3df;border-radius:8px;gap:16px;min-width:0;padding:18px;display:grid}.org-detail-panel>div:first-child>span{color:#6b7883;letter-spacing:.06em;font-size:12px;font-weight:760}.org-detail-panel h3{margin:3px 0 0;font-size:22px;line-height:1.2}.org-detail-panel p{color:#6b7883;margin:6px 0 0;line-height:1.55}.org-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.org-detail-grid div{background:#f8faf9;border:1px solid #e2e8e5;border-radius:8px;min-width:0;padding:12px}.org-detail-grid dt{color:#6b7883;font-size:12px;font-weight:760}.org-detail-grid dd{color:#172033;overflow-wrap:anywhere;margin:4px 0 0;font-weight:780}.org-member-preview{gap:10px;display:grid}.org-action-section{border-top:1px solid #edf1ef;gap:10px;padding-top:14px;display:grid}.org-action-section strong,.org-member-preview strong{color:#243142}.org-action-section p,.org-member-preview p{color:#6b7883;margin:0}.org-direct-list{gap:8px;display:grid}.org-direct-list button{color:#172033;background:#f8faf9;border:1px solid #e2e8e5;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:40px;padding:0 10px;display:flex}.org-direct-list button:hover{background:#edf7f4;border-color:#b8d8d0}.org-direct-list span{color:#172033;overflow-wrap:anywhere;min-width:0;font-weight:760}.org-direct-list small{color:#6b7883;flex:none}.org-member-list{flex-wrap:wrap;gap:8px;display:flex}.org-member-list span{color:#334150;background:#f6f8f7;border:1px solid #dce3df;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:720}.sidebar-collapsed .sidebar{align-items:center;padding:24px 14px}.sidebar-collapsed .brand{justify-content:center;padding:0}.sidebar-collapsed .brand div:last-child,.sidebar-collapsed .side-panel{display:none}.sidebar-collapsed .sidebar-toggle{margin-left:0}.sidebar-collapsed .nav-list{display:grid}.sidebar-collapsed .nav-list button{justify-content:center;width:48px;padding:0;font-size:0}.org-breadcrumb{border-bottom:1px solid #e2e8e5;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:12px 4px 14px;display:flex}.org-crumbs{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.org-crumbs button{color:#0b62d6;background:0 0;border:0;max-width:100%;padding:0;font-weight:700}.org-crumbs button.current{color:#172033}.org-nav-actions,.inline-actions,.row-actions{gap:6px}.org-list{gap:8px;padding:10px 0 0;display:grid}.org-inline-add-panel{background:#fbfcfb;border:1px solid #e2e8e5;border-radius:8px;gap:9px;margin-top:10px;padding:10px;display:grid}.org-inline-add-panel strong{color:#243142;font-size:13px}.org-inline-add-panel p{color:#6b7883;margin:0;font-size:13px}.org-dept-row,.org-add-row{background:#f8faf9;border:1px solid #e2e8e5;border-radius:8px;align-items:center;gap:10px;min-width:0;display:grid}.org-dept-row{grid-template-columns:34px minmax(0,1fr) auto auto;min-height:52px;padding:8px 10px}.org-dept-row.clickable-row:hover{cursor:pointer;background:#edf4f1;border-color:#cbdcd6}.org-add-row{grid-template-columns:34px minmax(0,1fr) auto;padding:8px 10px}.org-add-row.with-type-select{grid-template-columns:34px 116px minmax(0,1fr) auto}.org-child-type-select{width:116px}.dept-icon{color:#155f56;background:#e8f2ef;border:0;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:800;display:grid}.dept-icon:disabled{opacity:1}.dept-icon.static-icon{cursor:default}.org-icon-group{color:#155f56;background:#e8f2ef}.drag-handle{cursor:grab;touch-action:none}.drag-handle:active{cursor:grabbing}.dragging-row{opacity:.58;transform:scale(.995)}.drag-over-row{background:#edf7f4;border-color:#166d63;box-shadow:inset 4px 0 #166d63}.folder-name-button{gap:2px;display:grid}.folder-name-button strong{overflow-wrap:anywhere}.folder-name-button small{color:#155f56;background:#e8f2ef;border-radius:999px;width:fit-content;padding:1px 7px;font-size:11px;font-weight:760}.org-dept-row em{color:#6b7883;font-size:12px;font-style:normal}.org-people-panel{border-top:1px solid #e2e8e5;gap:10px;margin-top:14px;padding-top:14px;display:grid}.org-people-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.org-people-header div{gap:3px;min-width:0;display:grid}.org-people-header span{color:#6b7883;font-size:12px;font-weight:760}.org-people-header strong{color:#172033;overflow-wrap:anywhere}.org-people-header em{color:#155f56;background:#e8f2ef;border-radius:999px;flex:none;padding:4px 9px;font-size:12px;font-style:normal;font-weight:760}.collapsible-header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.collapsible-roster-heading{justify-content:space-between;align-items:flex-end;gap:12px;min-width:0;display:flex}.collapsible-roster-heading>div:first-child{min-width:0}.collapsible-roster-heading h3{margin:0}.collapsible-roster-heading em{color:#155f56;background:#e8f2ef;border-radius:999px;flex:none;padding:4px 9px;font-size:12px;font-style:normal;font-weight:760}.org-people-table-wrap{border:1px solid #e2e8e5;border-radius:8px;overflow-x:auto}.org-people-table{min-width:760px}.org-people-table th{background:#f7faf8}.roster-toolbar{z-index:3;background:#fff;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;max-width:100%;margin-bottom:12px;padding-bottom:10px;display:grid;position:sticky;top:0}.roster-actions{background:#f8faf9;border:1px solid #e2e8e5;border-radius:8px;grid-template-columns:minmax(0,1fr);align-items:end;gap:12px;width:100%;min-width:0;max-width:100%;padding:12px;display:grid}.roster-tool-group{grid-template-columns:auto;align-items:end;gap:8px;min-width:0;display:grid}.roster-tool-group.editing-tools{grid-template-columns:auto auto minmax(150px,180px)}.field-filter-strip{gap:6px;min-width:0;display:grid}.field-filter-strip>span{color:#6b7883;font-size:11px;font-weight:760}.field-filter-buttons{align-items:center;gap:6px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.field-filter-button{color:#334150;min-height:34px;font:inherit;white-space:nowrap;background:#fff;border:1px solid #d7dfdb;border-radius:8px;flex:none;padding:0 11px;font-size:13px;font-weight:760}.field-filter-button.active{color:#155f56;background:#e8f2ef;border-color:#166d63}.field-filter-button:disabled{color:#98a3aa;cursor:not-allowed;background:#f2f4f3}.roster-filter-grid{grid-template-columns:repeat(4,minmax(128px,1fr)) minmax(240px,1.35fr) auto;align-items:end;gap:10px;min-width:0;display:grid}.roster-actions .primary-button,.add-employee-button{flex:none;align-self:end;min-height:42px}.employee-action-stack{align-self:end;gap:6px;min-width:126px;display:grid}.header-edit-short-button{justify-content:center;min-height:30px;padding:0 9px}.employee-action-stack .add-employee-button{justify-content:center;width:100%}.compact-filter{gap:5px;min-width:0;max-width:none;display:grid}.compact-filter span{color:#6b7883;font-size:11px;font-weight:760}.compact-filter select{appearance:none;color:#172033;width:100%;height:42px;min-height:42px;font:inherit;background-color:#fff;background-image:linear-gradient(45deg,#0000 50%,#5f6c76 50%),linear-gradient(135deg,#5f6c76 50%,#0000 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border:1px solid #d7dfdb;border-radius:8px;outline:0;padding:0 34px 0 12px;font-weight:680;line-height:1.2}.compact-filter select:focus{border-color:#166d63;box-shadow:0 0 0 3px #166d631a}.compact-filter select:disabled{color:#8a969f;cursor:not-allowed;background-color:#f5f7f6;background-image:linear-gradient(45deg,#0000 50%,#9aa5ad 50%),linear-gradient(135deg,#9aa5ad 50%,#0000 50%)}.new-field-filter{grid-column:1/-1;min-width:0}.new-field-row{grid-template-columns:minmax(160px,1fr) minmax(116px,136px) auto;gap:6px;display:grid}.new-field-row.has-options{grid-template-columns:minmax(150px,.9fr) minmax(116px,136px) minmax(220px,1.35fr) auto}.new-field-row.has-section{grid-template-columns:minmax(150px,1fr) minmax(116px,136px) minmax(132px,160px) auto}.new-field-row.has-section.has-options{grid-template-columns:minmax(150px,.8fr) minmax(116px,136px) minmax(132px,160px) minmax(220px,1.2fr) auto}.new-field-row input,.new-field-row select{color:#172033;background:#fff;border:1px solid #d7dfdb;border-radius:8px;outline:0;width:100%;min-width:0;min-height:42px;padding:0 10px}.new-field-row select{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#5f6c76 50%),linear-gradient(135deg,#5f6c76 50%,#0000 50%);background-position:calc(100% - 18px) 18px,calc(100% - 13px) 18px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;padding-right:34px}.new-field-row input:focus,.new-field-row select:focus{border-color:#166d63;box-shadow:0 0 0 3px #166d631a}.search-box{background:#fff;border:1px solid #d7dfdb;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:0 12px;display:flex}.compact-search{width:100%;min-width:0}.table-input,.org-add-row input,.org-dept-row input,select.table-input{color:#172033;background:#fff;border:1px solid #d7dfdb;border-radius:8px;outline:0;width:100%;min-width:0;min-height:38px;padding:0 10px}.password-field{min-width:0;position:relative}.password-table-input{padding-right:38px}.password-eye-button{color:#5f6c76;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:50%;right:5px;transform:translateY(-50%)}.password-eye-button:hover,.password-eye-button:focus-visible{color:#172033;background:#eef3f0}select.table-input{appearance:none;background-image:linear-gradient(45deg,#0000 50%,#5f6c76 50%),linear-gradient(135deg,#5f6c76 50%,#0000 50%);background-position:calc(100% - 18px) 16px,calc(100% - 13px) 16px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;height:38px;padding:0 34px 0 10px}select.table-input:disabled{color:#8a969f;cursor:not-allowed;background-color:#f5f7f6;background-image:linear-gradient(45deg,#0000 50%,#9aa5ad 50%),linear-gradient(135deg,#9aa5ad 50%,#0000 50%)}.table-input:focus,.org-add-row input:focus,.org-child-type-select:focus{border-color:#166d63}.table-wrap,.roster-table-viewport{scrollbar-gutter:stable;scrollbar-width:auto;scrollbar-color:#9aa8a2 #e8eeeb;-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;padding-bottom:8px;overflow:scroll auto}.roster-table-viewport{border:1px solid #e2e8e5;border-radius:8px;max-height:max(360px,100vh - 285px)}.table-wrap::-webkit-scrollbar{height:12px}.roster-table-viewport::-webkit-scrollbar{height:12px}.table-wrap::-webkit-scrollbar-track{background:#e8eeeb;border-radius:999px}.roster-table-viewport::-webkit-scrollbar-track{background:#e8eeeb;border-radius:999px}.table-wrap::-webkit-scrollbar-thumb{background:#9aa8a2;border:3px solid #e8eeeb;border-radius:999px}.roster-table-viewport::-webkit-scrollbar-thumb{background:#9aa8a2;border:3px solid #e8eeeb;border-radius:999px}.table-wrap::-webkit-scrollbar-thumb:hover{background:#72817a}.roster-table-viewport::-webkit-scrollbar-thumb:hover{background:#72817a}table{border-collapse:collapse;width:100%;min-width:820px}.roster-table{min-width:max(920px, calc(var(--column-count,22) * 132px))}.roster-table-wrap{width:100%;min-width:max(920px, calc(var(--column-count,22) * 132px))}.roster-table th,.roster-table td{vertical-align:top}.clickable-roster-row{cursor:pointer}.clickable-roster-row:focus{outline:none}.clickable-roster-row:focus-visible td{background:#eef7f4;box-shadow:inset 0 2px #166d63,inset 0 -2px #166d63}.clickable-roster-row:active td{background:#e8f2ef}.roster-table th{z-index:1;position:sticky;top:0}.roster-table th.dragging-header{opacity:.58}.roster-table th.drag-over-header{box-shadow:inset 4px 0 #166d63}.roster-table th.hidden-header-column{color:#b42318;background:#fff5f5;box-shadow:inset 0 -3px #d92d20}.roster-table td.hidden-body-column{color:#9f3a33;background:snow}.header-edit-cell{grid-template-columns:30px minmax(118px,1fr) 48px;align-items:center;gap:6px;min-width:232px;display:grid}.header-drag-button,.header-collapse-button{color:#5f6c76;background:#fff;border:1px solid #d7dfdb;border-radius:8px;place-items:center;width:30px;min-height:30px;padding:0;display:grid}.header-drag-button{cursor:grab;touch-action:none}.header-collapse-button{color:#155f56;cursor:pointer;background:#eff8f5;border-color:#b9d4cc;width:48px;font-size:12px;font-weight:760}.header-collapse-button:hover,.header-collapse-button.active-hidden{color:#b42318;background:#fff5f5;border-color:#efc4c4}.header-drag-button:active{cursor:grabbing}.header-label-input{color:#172033;background:#fff;border:1px solid #d7dfdb;border-radius:8px;outline:0;width:100%;min-width:0;min-height:30px;padding:0 8px;font-size:12px;font-weight:760}.header-label-input:focus{border-color:#166d63}.header-settings-modal{background:#fff;border:1px solid #dce3df;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1080px,100vw - 24px);max-height:calc(100vh - 24px);display:grid;overflow:hidden;box-shadow:0 28px 80px #1720333d}.header-settings-body{align-content:start;gap:14px;min-height:0;padding:14px 18px 16px;display:grid;overflow:auto}.header-settings-top{background:#f8faf9;border:1px solid #e2e8e5;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(220px,280px);align-items:end;gap:12px;min-width:0;padding:12px;display:grid}.header-settings-top>div,.header-custom-panel>div:first-child{gap:3px;min-width:0;display:grid}.header-settings-top strong,.header-custom-panel strong{color:#172033;font-size:15px}.header-settings-top span,.header-custom-panel span{color:#6b7883;font-size:12px}.header-settings-list{gap:8px;min-width:0;display:grid}.header-settings-sections{gap:12px;min-width:0;display:grid}.header-settings-section{background:#fff;border:1px solid #e2e8e5;border-radius:8px;gap:9px;min-width:0;padding:12px;display:grid}.header-settings-section.muted-section{background:#fbfcfb}.header-settings-section-header{justify-content:space-between;align-items:flex-start;gap:12px;min-width:0;display:flex}.header-settings-section-header div{gap:3px;min-width:0;display:grid}.header-settings-section-header strong{color:#172033;font-size:14px}.header-settings-section-header span{color:#6b7883;font-size:12px}.header-settings-section-header>span{color:#40515c;white-space:nowrap;background:#eef3f1;border-radius:999px;align-items:center;min-height:26px;padding:0 8px;font-weight:760;display:inline-flex}.header-settings-row{cursor:pointer;background:#fbfcfb;border:1px solid #e2e8e5;border-radius:8px;grid-template-columns:34px minmax(220px,1fr) auto auto;align-items:center;gap:8px;min-width:0;padding:8px;display:grid}.header-settings-row:hover{background:#f3f8f6;border-color:#cbdcd6}.header-settings-row.is-hidden{color:#7b8790;background:#f7f8f8}.header-settings-row.dragging-header{opacity:.58}.header-settings-row.drag-over-header{border-color:#166d63;box-shadow:inset 4px 0 #166d63}.header-state-badge{color:#155f56;background:#e8f2ef;border-radius:999px;justify-content:center;align-items:center;min-height:28px;padding:5px 9px;font-size:12px;font-weight:760;display:inline-flex}.header-state-badge.hidden{color:#6b7883;background:#f0f2f1}.status-pill{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:3px 10px;font-size:12px;font-weight:700;display:inline-flex}.status-pill-done{color:#177a52;background:#e3f4ec}.status-pill-progress{color:#a86a08;background:#fdf1dc}.status-pill-pending{color:#b63a3a;background:#fde8e8}.status-pill-empty{color:#6b7883;background:#f0f2f1}.departure-row-unfinished td{background:#fdf0f4}.departure-row-unfinished:hover td{background:#fbe4ec}.roster-row-incomplete td{background:#fdf0f4}.roster-row-incomplete:hover td{background:#fbe4ec}.roster-row-complete td{background:#edf7f0}.roster-row-complete:hover td{background:#dff0e5}.header-field-summary{gap:2px;min-width:0;display:grid}.header-field-summary strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.header-field-summary span{color:#6b7883;font-size:12px;font-weight:680}.header-field-badges{justify-content:flex-end;display:flex}.header-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.header-arrow-button{width:32px;min-height:32px}.header-hide-button,.header-show-button,.header-delete-button{width:32px;min-width:32px;min-height:32px}.header-hide-button{color:#a83a25}.header-show-button{color:#155f56}.header-settings-empty{color:#7b8790;border:1px dashed #d7dfdb;border-radius:8px;place-items:center;min-height:42px;font-size:13px;display:grid}.header-custom-panel{background:#f8faf9;border:1px solid #e2e8e5;border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.field-editor-backdrop{z-index:92;background:#17203380}.field-editor-modal{grid-template-rows:auto minmax(0,1fr) auto;width:min(560px,100vw - 24px)}.field-editor-body{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;padding:18px 20px 20px;display:grid;overflow:auto}.field-editor-note{color:#6b7883;background:#f8faf9;border:1px solid #e2e8e5;border-radius:8px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:13px;line-height:1.5}.roster-table .sticky-action-col{z-index:2;background:#fff;width:122px;min-width:122px;position:sticky;left:0;box-shadow:1px 0 #e6ebe8,8px 0 14px #2a38440f}.roster-table th.sticky-action-col{z-index:3;background:#f7faf8}.roster-table .sticky-action-col .row-actions{flex-wrap:nowrap;justify-content:flex-start}.roster-table .table-input{min-width:150px}.departure-toolbar,.regularization-toolbar,.salary-toolbar{grid-template-columns:minmax(280px,420px);align-items:end;display:grid}.salary-toolbar{grid-template-columns:minmax(240px,1fr) repeat(3,auto);gap:8px}.departure-table-viewport,.regularization-table-viewport,.salary-table-viewport{max-height:max(360px,100vh - 255px)}.salary-reminder-table-viewport{max-height:270px}.departure-table-wrap,.departure-table{min-width:2140px}.regularization-table-wrap,.regularization-table{width:100%;min-width:1040px}.salary-reminder-table-wrap,.salary-reminder-table{width:100%;min-width:920px}.salary-table-wrap,.salary-table{min-width:1520px}.departure-table .sticky-action-col{width:128px;min-width:128px}.salary-table .sticky-action-col{width:168px;min-width:168px}.regularization-basis,.regularization-status,.salary-status{color:#40515c;white-space:nowrap;background:#eef3f1;border-radius:999px;align-items:center;min-height:28px;padding:0 9px;font-size:12px;font-weight:760;display:inline-flex}.regularization-status{color:#b54708;background:#fff7ed}.regularization-status.overdue{color:#b42318;background:#fff0f0}.salary-status.missing{color:#5f6c76;background:#f0f2f1}.salary-status.pending{color:#8a5a00;background:#fff4d7}.salary-status.due{color:#b42318;background:#fff0f0}.salary-status.normal{color:#155f56;background:#eef5f3}.salary-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.salary-modal{grid-template-rows:auto auto minmax(0,1fr) auto}.modal-inline-message{margin:14px 18px 0}.salary-history-modal{width:min(1120px,100vw - 24px)}.salary-history-table{min-width:1080px}.long-text-cell{white-space:normal;min-width:220px;max-width:360px;line-height:1.5}.account-create-panel{background:#f8faf9;border:1px solid #e2e8e5;border-radius:8px;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) minmax(160px,1fr) minmax(150px,1fr) minmax(150px,1fr) auto;align-items:end;gap:10px;margin-bottom:12px;padding:12px;display:grid}.account-create-panel label{gap:5px;min-width:0;display:grid}.account-create-panel span{color:#6b7883;font-size:11px;font-weight:760}.settings-table{min-width:1180px}.nowrap-actions{flex-wrap:nowrap}.toggle-cell{align-items:center;gap:8px;min-height:38px;font-weight:720;display:inline-flex}.toggle-cell input{accent-color:#166d63;width:18px;height:18px}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e6ebe8;padding:13px 12px}th{color:#6d7b85;background:#f7faf8;font-size:12px;font-weight:760}td{color:#334150;font-size:14px}tbody tr:hover{background:#fbfdfc}.clickable-log-row{cursor:pointer}.clickable-log-row:focus{outline:none}.clickable-log-row:focus-visible td{background:#eef7f4;box-shadow:inset 0 2px #166d63,inset 0 -2px #166d63}.clickable-log-row:active td{background:#e8f2ef}.empty-cell{color:#6b7883;text-align:center;padding:34px 12px}.user-agent-cell{text-overflow:ellipsis;max-width:420px;overflow:hidden}.operation-summary-cell{white-space:normal;min-width:360px;max-width:620px;line-height:1.5}.operation-log-table{min-width:1120px}.modal-backdrop{z-index:80;background:#1720336b;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.employee-modal{background:#fff;border:1px solid #dce3df;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1320px,100vw - 24px);max-height:calc(100vh - 24px);display:grid;overflow:hidden;box-shadow:0 28px 80px #1720333d}.access-verify-modal{grid-template-rows:auto auto auto;width:min(390px,100vw - 32px)}.access-verify-modal .modal-header{border-bottom:1px solid #edf1ef;padding:20px 22px 16px}.access-verify-modal .modal-header h3{font-size:21px}.access-verify-body{gap:14px;padding:18px 22px 20px;display:grid}.access-verify-body p{color:#6b7883;margin:0;font-size:13px;line-height:1.5}.access-verify-modal .table-input{min-height:42px}.access-verify-modal .modal-footer{padding:14px 20px}.access-verify-modal .modal-footer .ghost-button,.access-verify-modal .modal-footer .primary-button{min-width:88px}.operation-detail-modal{background:#fff;border:1px solid #dce3df;border-radius:8px;grid-template-rows:auto minmax(0,1fr) auto;width:min(920px,100vw - 24px);max-height:calc(100vh - 24px);display:grid;overflow:hidden;box-shadow:0 28px 80px #1720333d}.operation-detail-body{align-content:start;gap:12px;min-height:0;padding:14px 18px 16px;display:grid;overflow:auto}.operation-detail-summary{background:#f8faf9;border:1px solid #e2e8e5;border-radius:8px;gap:8px;padding:14px;display:grid}.operation-detail-summary span,.operation-detail-grid span,.operation-detail-section-title span,.operation-change-row>span{color:#6b7883;font-size:12px;font-weight:760}.operation-detail-summary p{color:#172033;white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:720;line-height:1.65}.operation-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.operation-detail-grid div{background:#fff;border:1px solid #e2e8e5;border-radius:8px;gap:5px;min-width:0;padding:12px;display:grid}.operation-detail-grid strong{color:#172033;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.operation-change-panel{background:#fff;border:1px solid #e2e8e5;border-radius:8px;gap:10px;min-width:0;padding:12px;display:grid}.operation-detail-section-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.operation-detail-section-title strong{color:#40515c;background:#eef3f1;border-radius:999px;align-items:center;min-height:26px;padding:0 8px;font-size:12px;display:inline-flex}.operation-change-list{gap:8px;display:grid}.operation-change-row{background:#fbfcfb;border:1px solid #edf1ef;border-radius:8px;grid-template-columns:minmax(120px,180px) minmax(0,1fr);align-items:start;gap:10px;padding:10px;display:grid}.operation-change-row div{align-items:flex-start;gap:8px;min-width:0;display:flex}.operation-change-row em{color:#243142;overflow-wrap:anywhere;flex:1 1 0;min-width:0;font-style:normal;line-height:1.5}.operation-change-row div>strong{color:#8a969f;flex:none}.modal-header{border-bottom:1px solid #e2e8e5;justify-content:space-between;gap:12px;padding:18px 20px}.modal-header span,.employee-form-field span{color:#6b7883;font-size:12px;font-weight:760}.modal-header h3{margin:2px 0 0;font-size:20px}.employee-form-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:14px 18px 16px;display:grid;overflow:auto}.employee-section-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:12px;min-height:0;padding:14px 18px 16px;display:grid;overflow:auto}.employee-form-section{background:#fbfcfb;border:1px solid #e2e8e5;border-radius:8px;align-content:start;gap:10px;min-width:0;padding:12px;display:grid}.employee-form-section h4{color:#172033;margin:0;font-size:14px;line-height:1.2}.employee-section-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-width:0;display:grid}.employee-form-field{gap:7px;min-width:0;display:grid}.employee-form-field.wide-field{grid-column:1/-1}.departure-form-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.table-textarea{resize:vertical;min-height:92px;padding:9px 10px;line-height:1.5}.modal-footer{background:#fbfcfb;border-top:1px solid #e2e8e5;justify-content:flex-end;gap:10px;padding:14px 20px}.split-footer{justify-content:space-between}.modal-footer-actions{align-items:center;gap:10px;display:flex}.empty-state{text-align:center;background:#fbfdfc;border:1px dashed #b8c7c1;border-radius:8px;place-items:center;min-height:180px;padding:28px;display:grid}.compact-empty{min-height:120px}.empty-state strong,.empty-state span{display:block}.empty-state span{color:#6b7883;margin-top:6px}.toast{z-index:60;color:#155f56;background:#eff8f5;border:1px solid #b9d4cc;border-radius:8px;max-width:min(360px,100vw - 32px);padding:12px 14px;font-weight:760;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 36px #2a38442e}.global-error-shell{color:#172033;background:#f7faf8;place-items:center;min-height:100vh;padding:24px;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;display:grid}.global-error-panel{text-align:center;background:#fff;border:1px solid #dce3df;border-radius:8px;justify-items:center;gap:12px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 18px 42px #2a38441f}.global-error-mark{color:#b33621;border:2px solid #b33621;border-radius:50%;place-items:center;width:42px;height:42px;font-size:24px;font-weight:820;display:grid}.global-error-panel h1{margin:4px 0 0;font-size:22px;line-height:1.25}.global-error-panel p{color:#6b7883;margin:0;font-size:14px;line-height:1.6}.global-error-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.global-error-actions button{color:#172033;min-height:38px;font:inherit;background:#fff;border:1px solid #d7dfdb;border-radius:8px;padding:0 14px;font-weight:760}.global-error-actions button:first-child{color:#fff;background:#166d63;border-color:#166d63}@media (max-width:1180px){.app-shell{grid-template-columns:84px minmax(0,1fr)}.sidebar{align-items:center;padding:24px 14px}.brand div:last-child,.nav-list button{font-size:0}.nav-list button{justify-content:center;width:48px;padding:0}.side-panel{display:none}.sidebar-toggle{margin-left:0}.organization-layout{display:block}.roster-actions{grid-template-columns:1fr}.roster-filter-grid,.account-create-panel,.salary-form-grid,.operation-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.add-employee-button{width:100%}}@media (max-width:760px){.app-shell{display:block}.sidebar{align-items:stretch;height:auto;position:static}.brand div:last-child,.nav-list button{font-size:inherit}.sidebar-toggle{margin-left:auto}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-list button{justify-content:flex-start;width:auto}.workspace{padding:14px}.topbar,.panel-header,.roster-toolbar,.org-breadcrumb{flex-wrap:wrap;align-items:flex-start}.topbar-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.roster-actions{grid-template-columns:1fr;width:100%}.roster-tool-group{align-items:stretch;width:100%}.roster-tool-group .ghost-button,.roster-tool-group .compact-filter{width:100%}.roster-tool-group.editing-tools,.new-field-row,.new-field-row.has-options,.new-field-row.has-section,.new-field-row.has-section.has-options,.roster-filter-grid,.account-create-panel,.salary-form-grid{grid-template-columns:1fr}.compact-filter,.roster-actions .primary-button,.roster-actions .search-box,.employee-action-stack{width:100%;max-width:none}.header-settings-top,.header-settings-row,.header-custom-panel .new-field-row,.header-custom-panel .new-field-row.has-options,.header-custom-panel .new-field-row.has-section,.header-custom-panel .new-field-row.has-section.has-options{grid-template-columns:1fr}.header-settings-section-header{flex-wrap:wrap}.header-row-actions{flex-wrap:wrap;justify-content:flex-start}.org-add-row.with-type-select{grid-template-columns:34px minmax(0,1fr)}.org-add-row.with-type-select .org-child-type-select,.org-add-row.with-type-select input,.org-add-row.with-type-select .primary-button{grid-column:2;width:100%}.employee-form-grid,.employee-section-grid,.employee-section-fields,.field-editor-body,.operation-detail-grid,.operation-change-row{grid-template-columns:1fr}.employee-form-field.wide-field{grid-column:auto}}:root{--ui-canvas:#f4f6f8;--ui-surface:#fff;--ui-surface-subtle:#f8fafb;--ui-surface-hover:#f2f7f6;--ui-ink:#182230;--ui-ink-soft:#344054;--ui-muted:#667085;--ui-line:#dfe4ea;--ui-line-strong:#cfd6de;--ui-primary:#087f73;--ui-primary-dark:#06675f;--ui-primary-soft:#e8f4f2;--ui-blue:#315fba;--ui-amber:#b66708;--ui-danger:#b42318;--ui-shadow-sm:0 1px 2px #1018280a;--ui-shadow-md:0 12px 32px #10182814;color:var(--ui-ink);background:var(--ui-canvas);font-family:Inter,SF Pro Text,PingFang SC,Microsoft YaHei,system-ui,sans-serif}body{background:var(--ui-canvas);color:var(--ui-ink)}button,input,select,textarea{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline-offset:1px;outline:3px solid #087f732e}.login-shell{background:linear-gradient(105deg, #eef4f3 0 36%, transparent 36%), var(--ui-canvas);position:relative;overflow:hidden}.login-shell:before{content:"";background:var(--ui-primary);width:8px;position:absolute;inset:0 auto 0 0}.login-panel{border:1px solid var(--ui-line-strong);border-top:4px solid var(--ui-primary);background:#fffffffa;width:min(430px,100%);padding:30px;position:relative;box-shadow:0 24px 64px #10182821}.login-brand{border-bottom-color:var(--ui-line);margin-bottom:24px;padding-bottom:20px}.login-brand h1,.login-copy h2{color:var(--ui-ink)}.login-brand span,.login-copy span,.panel-header span,.page-title span,.roster-toolbar span{color:var(--ui-muted);letter-spacing:0;text-transform:none}.login-copy h2{font-size:26px}.login-field{color:var(--ui-ink-soft);font-weight:650}.login-field div{border-color:var(--ui-line-strong);background:var(--ui-surface-subtle)}.login-field div:focus-within{border-color:var(--ui-primary);box-shadow:0 0 0 3px #087f731f}.app-shell{background:var(--ui-canvas);grid-template-columns:264px minmax(0,1fr)}.app-shell.sidebar-collapsed{grid-template-columns:76px minmax(0,1fr)}.sidebar{border-right-color:var(--ui-line);background:var(--ui-surface);gap:22px;padding:22px 14px 16px;box-shadow:1px 0 #10182805}.brand{gap:10px;min-height:44px;padding:0 6px}.brand-mark{background:var(--ui-primary);color:#fff;border:0;width:40px;height:40px;box-shadow:0 5px 12px #087f732e}.brand strong{color:var(--ui-ink);font-size:16px}.brand span,.side-panel span,.side-panel p{color:var(--ui-muted)}.nav-list{gap:3px}.nav-list button{color:#526071;border:0;min-height:43px;padding:0 12px;font-weight:620;position:relative}.nav-list button:before{content:"";background:0 0;border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;left:0}.nav-list button:hover{background:var(--ui-surface-subtle);color:var(--ui-ink);border-color:#0000}.nav-list button.active{background:var(--ui-primary-soft);color:var(--ui-primary-dark);border-color:#0000;font-weight:720}.side-panel{border-color:var(--ui-line);background:var(--ui-surface-subtle);box-shadow:none;padding:14px}.side-panel strong{color:var(--ui-ink);font-size:15px}.side-logout{border-color:var(--ui-line-strong);color:var(--ui-ink-soft);font-weight:650}.workspace{padding:28px}.topbar{margin-bottom:16px}.page-title h1{color:var(--ui-ink);font-size:28px;font-weight:760}.panel{border-color:var(--ui-line);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm);padding:20px}.panel-header{border-bottom:1px solid var(--ui-line);margin-bottom:18px;padding-bottom:15px}.panel-header h2{color:var(--ui-ink);font-size:19px}.rule-count{background:var(--ui-primary-soft);min-height:28px;color:var(--ui-primary-dark);border:1px solid #cce2de;border-radius:6px;font-weight:700}.primary-button,.ghost-button,.icon-button,.danger-button,.warning-button{border-color:var(--ui-line-strong);box-shadow:var(--ui-shadow-sm);transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s}.primary-button{border-color:var(--ui-primary);background:var(--ui-primary);font-weight:700}.primary-button:hover{border-color:var(--ui-primary-dark);background:var(--ui-primary-dark);box-shadow:0 4px 10px #087f732e}.ghost-button,.icon-button{background:var(--ui-surface);color:var(--ui-ink-soft)}.ghost-button:hover,.icon-button:hover{background:var(--ui-surface-subtle);color:var(--ui-ink);border-color:#b9c3ce}.selected-action{background:var(--ui-primary-soft);color:var(--ui-primary-dark);border-color:#a9d2cb}.home-panel>p{border-left:4px solid var(--ui-primary);background:var(--ui-surface-subtle);color:var(--ui-ink-soft);padding:16px 18px;font-size:15px}.home-notice-panel{border-top-color:var(--ui-line);margin-top:20px;padding-top:20px}.home-notice-header h2{color:var(--ui-ink);font-size:18px}.home-notice-card{border-color:var(--ui-line);min-height:72px;box-shadow:var(--ui-shadow-sm);padding:13px}.home-notice-card:hover{border-color:var(--ui-line-strong);box-shadow:0 5px 14px #10182812}.notice-card-icon{color:var(--ui-amber);background:#fff4e5}.salary-notice-icon{background:var(--ui-primary-soft);color:var(--ui-primary-dark)}.departure-notice-icon{color:var(--ui-blue);background:#ebf1fb}.roster-panel,.org-window,.org-detail-panel{border-color:var(--ui-line);box-shadow:none}.roster-panel{padding:16px}.roster-toolbar{background:var(--ui-surface)}.roster-actions,.log-toolbar,.account-create-panel,.header-settings-top,.header-custom-panel,.operation-detail-summary{border-color:var(--ui-line);background:var(--ui-surface-subtle)}.field-filter-buttons{gap:7px}.field-filter-button{border-color:var(--ui-line-strong);color:var(--ui-ink-soft);font-weight:650}.field-filter-button:hover{background:var(--ui-surface-subtle);border-color:#aeb9c5}.field-filter-button.active{border-color:var(--ui-primary);background:var(--ui-primary-soft);color:var(--ui-primary-dark)}.compact-filter span,.filter-field span,.account-create-panel span,.employee-form-field span,.modal-header span,.org-tree-toolbar span,.org-people-header span{color:var(--ui-muted);letter-spacing:0;text-transform:none;font-weight:650}.compact-filter select,.table-input,.org-add-row input,.org-dept-row input,select.table-input,.search-box,.filter-field input{border-color:var(--ui-line-strong);background-color:var(--ui-surface);color:var(--ui-ink)}.compact-filter select:focus,.table-input:focus,.org-add-row input:focus,.org-child-type-select:focus,.filter-field input:focus,.search-box:focus-within{border-color:var(--ui-primary);box-shadow:0 0 0 3px #087f731a}.roster-table-viewport,.table-wrap,.org-people-table-wrap{border-color:var(--ui-line)}th,.roster-table th,.org-people-table th{border-bottom-color:var(--ui-line-strong);color:#526071;background:#f1f4f6;font-weight:700}td{color:var(--ui-ink-soft);border-bottom-color:#e9edf1}tbody tr:hover,.clickable-roster-row:hover td{background:#f6faf9}.roster-table .sticky-action-col{box-shadow:1px 0 0 var(--ui-line), 7px 0 12px #1018280a}.roster-table th.sticky-action-col{background:#f1f4f6}.salary-reminder-table-wrap,.salary-reminder-table{min-width:800px}.org-tree-row:hover,.org-dept-row.clickable-row:hover{background:var(--ui-surface-hover);border-color:#c8d8d5}.org-tree-row.selected{background:var(--ui-primary-soft);box-shadow:inset 3px 0 0 var(--ui-primary);border-color:#a9d2cb}.org-detail-grid div,.org-dept-row,.org-add-row,.org-inline-add-panel,.employee-form-section,.header-settings-row,.operation-change-row{border-color:var(--ui-line);background:var(--ui-surface-subtle)}.dept-icon,.org-icon-group{background:var(--ui-primary-soft);color:var(--ui-primary-dark)}.org-icon-headquarters{color:var(--ui-blue);background:#e9f0fc}.org-icon-branch{color:#087443;background:#e9f7ef}.org-icon-department{color:var(--ui-amber);background:#fff3e4}.org-icon-subdepartment{color:#6941c6;background:#f1edfb}.org-icon-position{color:var(--ui-danger);background:#fceceb}.modal-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#151d287a}.employee-modal,.header-settings-modal,.operation-detail-modal{border-color:var(--ui-line-strong);box-shadow:0 28px 72px #10182838}.modal-header{border-bottom-color:var(--ui-line);background:var(--ui-surface);padding:17px 20px}.modal-header h3{color:var(--ui-ink);font-size:19px}.modal-footer{border-top-color:var(--ui-line);background:var(--ui-surface-subtle)}.employee-form-section h4{color:var(--ui-ink);font-size:13px;font-weight:750}.toast{border-color:#a9d2cb;border-left:4px solid var(--ui-primary);color:var(--ui-primary-dark);box-shadow:var(--ui-shadow-md);background:#f0faf8;bottom:20px;right:20px}.empty-state,.home-notice-empty,.header-settings-empty{border-color:var(--ui-line-strong);background:var(--ui-surface-subtle);color:var(--ui-muted)}.global-error-shell{background:var(--ui-canvas);color:var(--ui-ink)}.global-error-panel{border-color:var(--ui-line-strong);border-top:4px solid var(--ui-danger);box-shadow:var(--ui-shadow-md)}@media (max-width:1500px) and (min-width:761px){.roster-filter-grid{grid-template-columns:repeat(4,minmax(120px,1fr))}.roster-filter-grid .compact-search{grid-column:1/4}.roster-filter-grid .employee-action-stack{grid-column:4;min-width:0}}@media (max-width:1180px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.sidebar{padding:20px 12px}}@media (max-width:760px){.login-shell{background:var(--ui-canvas)}.login-panel{padding:24px 20px}.app-shell{display:block}.sidebar{z-index:20;border-right:0;border-bottom:1px solid var(--ui-line);gap:12px;height:auto;padding:10px 12px;position:sticky;top:0;box-shadow:0 5px 14px #1018280f}.brand{min-height:40px}.brand-mark{width:36px;height:36px}.nav-list{grid-template-columns:none;gap:4px;padding-bottom:2px;display:flex;overflow-x:auto}.nav-list button{flex:none;width:auto;min-height:38px;padding:0 11px;font-size:13px}.nav-list button:before{width:auto;height:2px;inset:auto 8px 0}.workspace{padding:14px 12px 22px}.panel{padding:14px}.panel-header{padding-bottom:12px}.home-notice-list{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:8px}.employee-modal,.header-settings-modal,.operation-detail-modal{width:100%;max-height:calc(100vh - 16px)}}.brand{border-bottom:1px solid var(--ui-line);padding:0 6px 18px}.nav-list{align-content:start;gap:18px;min-height:0;overflow-y:auto}.nav-section{gap:3px;display:grid}.nav-section-label{color:#8a94a3;padding:0 12px 6px;font-size:11px;font-weight:700;line-height:1.2;display:block}.nav-pending-badge{color:#fff;vertical-align:1px;background:#e0393e;border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}.side-panel{padding:12px}.side-account{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;display:grid}.side-account>div:last-child{min-width:0}.side-account strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:14px;overflow:hidden}.side-account-avatar{background:var(--ui-primary-soft);width:36px;height:36px;color:var(--ui-primary-dark);border:1px solid #c8ddd9;border-radius:8px;place-items:center;font-size:14px;font-weight:780;display:grid}.side-panel>p{border-top:1px solid var(--ui-line);margin-top:10px;padding:10px 2px 0;line-height:1.55}.side-logout{min-height:38px;margin-top:12px}.panel{box-shadow:0 1px 2px #10182808,0 8px 24px #10182809}.panel-header>div:first-child>span{color:var(--ui-primary-dark);align-items:center;gap:7px;font-weight:720;display:inline-flex}.panel-header>div:first-child>span:before{content:"";background:var(--ui-primary);border-radius:3px;width:12px;height:3px}.home-welcome{border:1px solid #cfe2df;border-left:4px solid var(--ui-primary);background:#f1f8f7;border-radius:8px;align-items:center;gap:12px;min-height:66px;padding:12px 16px;display:flex}.home-welcome-mark{background:var(--ui-primary);color:#fff;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 5px 12px #087f7329}.home-welcome p{color:var(--ui-ink);margin:0;font-size:15px;font-weight:700}.home-notice-panel{border-top:0}.home-notice-card{border-left-width:3px;position:relative;overflow:hidden}.home-notice-card.regularization-notice-card{border-left-color:#d08a2d}.home-notice-card.departure-notice-card{border-left-color:var(--ui-blue)}.home-notice-header>strong,.collapsible-roster-heading em,.org-people-header em{background:var(--ui-primary-soft);color:var(--ui-primary-dark);border:1px solid #cfe2df;border-radius:6px}.organization-manager .org-page-window,.people-manager .roster-panel{background:0 0;border:0;padding:0}.people-manager .roster-panel+.roster-panel{border-top:1px solid var(--ui-line);margin-top:20px;padding-top:20px}.people-manager .roster-toolbar{padding-bottom:12px}.people-manager .roster-actions{padding:14px}.roster-table-viewport{box-shadow:inset 0 1px #10182805}th{height:44px}tbody tr{transition:background-color .12s}.employee-name-text{color:#162b3a;font-weight:750}.modal-header{box-shadow:0 1px #10182805}.employee-form-section{padding:14px}.employee-form-section h4{border-bottom:1px solid var(--ui-line);color:var(--ui-primary-dark);padding-bottom:9px}.header-settings-section{border-color:var(--ui-line);box-shadow:var(--ui-shadow-sm)}.sidebar-collapsed .brand>.brand-mark,.sidebar-collapsed .brand>div:not(.brand-mark),.sidebar-collapsed .nav-section-label{display:none}.sidebar-collapsed .brand{width:100%}@media (max-width:1180px){.nav-list{gap:10px}.nav-section-label{display:none}.sidebar-collapsed .brand,.sidebar .brand{padding:0 0 16px}}@media (max-width:1180px) and (min-width:761px){.sidebar .brand>.brand-mark,.sidebar .brand>div:not(.brand-mark){display:none}.sidebar .brand{justify-content:center;width:100%}}@media (max-width:760px){.brand{border-bottom:0;padding:0}.sidebar .brand>.brand-mark{display:grid}.sidebar .brand>div:not(.brand-mark){display:block}.nav-list{gap:4px;overflow:auto hidden}.nav-section{display:contents}.home-welcome{align-items:flex-start;min-height:60px;padding:11px 12px}.home-welcome-mark{width:34px;height:34px}.people-manager .roster-actions{padding:12px}}:root{--ui-canvas:#eef3fb;--ui-surface:#ffffffe0;--ui-surface-subtle:#f8fbffbd;--ui-surface-hover:#eef5ffe0;--ui-ink:#0f172a;--ui-ink-soft:#334155;--ui-muted:#64748b;--ui-line:#dfe5eef5;--ui-line-strong:#cedcf4f5;--ui-primary:#2f6ee9;--ui-primary-dark:#2459c3;--ui-primary-soft:#ebf3ffeb;--ui-blue:#315fba;--ui-shadow-sm:0 2px 10px #0f172a09, inset 0 1px 0 #ffffffb8;--ui-shadow-md:0 16px 42px #2753a81f, inset 0 1px 0 #fffc}html{background:#eef3fb}body{background-color:#eef3fb;background-image:linear-gradient(#181e3107 1px,#0000 1px),linear-gradient(90deg,#181e3107 1px,#0000 1px),radial-gradient(circle at 8% 0,#5484ff29,#0000 27%),radial-gradient(circle at 90% 12%,#6bb3ff24,#0000 21%),radial-gradient(circle at 50% 100%,#3e5fbc14,#0000 24%);background-size:28px 28px,28px 28px,100% 100%,100% 100%,100% 100%;background-attachment:fixed}::selection{color:#102a5f;background:#cfe0ff}.app-shell{background:0 0}.sidebar{-webkit-backdrop-filter:blur(28px)saturate(135%);background:#fafcffc2;border-right-color:#d8e1efe0;box-shadow:8px 0 32px #2753a80d,inset -1px 0 #ffffffa6}.brand-mark,.home-welcome-mark{background:linear-gradient(#4781f0,#2f6ee9);box-shadow:0 10px 24px #2f6ee93d,inset 0 1px #ffffff47}.nav-list button.active{color:#2459c3;background:linear-gradient(#f0f6fffa,#e6efffe6);box-shadow:0 8px 20px #2753a814,inset 0 1px #ffffffd1}.nav-list button.active:before{background:#2f6ee9}.nav-list button:hover{color:#1e3f7a;background:#f1f6fdd1}.side-panel{-webkit-backdrop-filter:blur(20px);background:linear-gradient(#ffffffc7,#f6faffa3);border-color:#d9e2eff0;box-shadow:0 12px 28px #0f172a0e,inset 0 1px #ffffffc7}.side-account-avatar{color:#2b5cd0;background:#eef4ff;border-color:#cddcf5}.panel,.login-panel,.employee-modal,.header-settings-modal,.operation-detail-modal,.global-error-panel{-webkit-backdrop-filter:blur(28px)saturate(125%);background:linear-gradient(#ffffffe6,#f8fbffbd);border-color:#dfe5eef5;box-shadow:0 14px 34px #0f172a13,inset 0 1px #ffffffd1}.panel-header{border-bottom-color:#dae2eedb}.panel-header>div:first-child>span,.employee-form-section h4{color:#315fba}.panel-header>div:first-child>span:before{background:#4781f0}.rule-count,.home-notice-header>strong,.collapsible-roster-heading em,.org-people-header em{color:#2b5cd0;background:#eff5fff0;border-color:#cddcf5;box-shadow:inset 0 1px #ffffffc7}.primary-button{background:linear-gradient(#4781f0,#2f6ee9);border-color:#3a66cde6;box-shadow:0 8px 18px #2f6ee92e,inset 0 1px #ffffff38}.primary-button:hover{background:linear-gradient(#4c86f5,#3272ee);border-color:#2f6ee9;box-shadow:0 12px 26px #2f6ee940,inset 0 1px #ffffff40}.ghost-button,.icon-button,.side-logout{background:#ffffffc2;border-color:#dde3ebfa;box-shadow:0 2px 10px #0f172a09,inset 0 1px #ffffffc7}.ghost-button:hover,.icon-button:hover,.side-logout:hover{color:#1e4fa9;background:#eef4ffeb;border-color:#c9d8ef}.selected-action,.field-filter-button.active{color:#2459c3;background:#edf4ff;border-color:#9eb9ed;box-shadow:0 6px 16px #2753a814,inset 0 1px #ffffffd1}.home-welcome{-webkit-backdrop-filter:blur(18px);background:linear-gradient(#fafcffe0,#eff6ffb8);border-color:#cedcf4f5 #cedcf4f5 #cedcf4f5 #4781f0;box-shadow:0 12px 30px #2753a814,inset 0 1px #ffffffd1}.home-notice-card,.org-dept-row,.org-add-row,.org-inline-add-panel,.org-detail-grid div,.employee-form-section,.header-settings-row,.header-settings-section,.operation-change-row{-webkit-backdrop-filter:blur(16px);background:linear-gradient(#fffc,#f8fbff9e);border-color:#dfe5eef5;box-shadow:0 8px 20px #0f172a0b,inset 0 1px #ffffffbf}.home-notice-card.salary-notice-card{border-left-color:#2f6ee9}.roster-actions,.log-toolbar,.account-create-panel,.header-settings-top,.header-custom-panel,.operation-detail-summary{-webkit-backdrop-filter:blur(18px);background:linear-gradient(#fafcffc7,#f0f6ffa3);border-color:#d7e1f0f5;box-shadow:inset 0 1px #fffc}.compact-filter select,.table-input,.org-add-row input,.org-dept-row input,select.table-input,.search-box,.filter-field input,.login-field div,.new-field-row input,.new-field-row select{background-color:#ffffffb3;border-color:#dde3ebfa;box-shadow:inset 0 1px #ffffffbf,0 2px 8px #0f172a06}.compact-filter select:focus,.table-input:focus,.org-add-row input:focus,.org-child-type-select:focus,.filter-field input:focus,.search-box:focus-within,.login-field div:focus-within,.new-field-row input:focus,.new-field-row select:focus{background-color:#ffffffd6;border-color:#527ad6e6;box-shadow:0 0 0 4px #4981f01f,0 6px 18px #2f6ee914}.roster-table-viewport,.table-wrap,.org-people-table-wrap{-webkit-backdrop-filter:blur(20px);background:#ffffff7a;border-color:#dbe3eff0;box-shadow:0 12px 28px #0f172a0d,inset 0 1px #ffffffd1}th,.roster-table th,.org-people-table th,.roster-table th.sticky-action-col{color:#52647d;background:#eff4fbeb}td,.roster-table .sticky-action-col{background:#ffffff57}tbody tr:hover td,.clickable-roster-row:hover td{background:#ebf3ffe0}.org-tree-row.selected{background:#ebf3ffe6;border-color:#a9c0ed;box-shadow:inset 3px 0 #2f6ee9,0 8px 18px #2753a812}.modal-backdrop{-webkit-backdrop-filter:blur(9px)saturate(115%);background:#1c2a4357}.modal-footer{background:#f4f8fec2}.toast{color:#2459c3;-webkit-backdrop-filter:blur(18px);background:#f4f8ffeb;border-color:#c7d8f7 #c7d8f7 #c7d8f7 #2f6ee9;box-shadow:0 18px 44px #2f6ee929}.login-shell,.global-error-shell{background:0 0}.login-shell:before{display:none}.login-panel{background:linear-gradient(#ffffffc7,#ffffff80);border-top-color:#4781f0;box-shadow:0 28px 84px #0f172a1f,inset 0 1px #ffffffc7}@media (max-width:760px){.sidebar{-webkit-backdrop-filter:blur(24px)saturate(130%);background:#fafcffe0}}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sidebar,.panel,.login-panel,.employee-modal,.header-settings-modal,.operation-detail-modal,.global-error-panel{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px)}.home-welcome,.home-notice-card,.roster-actions,.log-toolbar,.account-create-panel,.header-settings-top,.header-custom-panel,.operation-detail-summary,.roster-table-viewport,.table-wrap,.org-people-table-wrap{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.modal-backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}}@media (max-width:760px){html{scroll-padding-top:104px}body{background-size:24px 24px,24px 24px,100% 100%,100% 100%,100% 100%}.sidebar{gap:7px;padding:8px 10px 6px}.brand{min-height:38px}.brand-mark{width:34px;height:34px}.brand-mark svg{width:20px;height:20px}.brand strong{font-size:15px}.brand span{font-size:11px}.sidebar-toggle{width:38px;min-height:38px}.nav-list{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;gap:3px;margin:0 -2px;padding:0 2px 5px;overflow-x:auto}.nav-list::-webkit-scrollbar{display:none}.field-filter-buttons::-webkit-scrollbar{display:none}.panel-badges::-webkit-scrollbar{display:none}.nav-list button{scroll-snap-align:start;gap:6px;min-height:35px;padding:0 9px;font-size:12px}.nav-list button svg{width:16px;height:16px}.sidebar-collapsed .nav-list{display:none}.sidebar-collapsed .sidebar{align-items:stretch;padding:8px 10px}.sidebar-collapsed .brand{justify-content:flex-start;padding:0}.sidebar-collapsed .sidebar-toggle{margin-left:auto}.sidebar-collapsed .brand>.brand-mark{display:grid}.sidebar-collapsed .brand>div:not(.brand-mark){display:block}.workspace{padding:10px 8px 24px}.page-panel,.people-manager{gap:10px}.panel{padding:13px 11px}.panel-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:14px;padding-bottom:12px;display:grid}.panel-header>div:first-child{min-width:0}.panel-header h2{font-size:20px;line-height:1.2}.panel-header:has(.panel-badges>:nth-child(3)){grid-template-columns:minmax(0,1fr)}.panel-badges{scrollbar-width:none;flex-wrap:nowrap;justify-content:flex-end;gap:6px;width:auto;max-width:100%;overflow-x:auto}.panel-header:has(.panel-badges>:nth-child(3)) .panel-badges{width:100%}.panel-badges .rule-count{flex:none}.panel-badges .ghost-button,.panel-badges .primary-button{flex:1 1 0;gap:5px;min-width:0;min-height:35px;padding:0 8px;font-size:12px}.panel-badges .ghost-button svg,.panel-badges .primary-button svg{width:15px;height:15px}.roster-toolbar{gap:9px;margin-bottom:9px;padding-bottom:8px;position:static}.roster-toolbar h3{font-size:19px}.people-manager .roster-actions,.roster-actions{gap:10px;padding:10px}.field-filter-strip{gap:7px}.field-filter-buttons{scrollbar-width:none;gap:5px;padding-bottom:0}.field-filter-button{min-height:32px;padding:0 9px;font-size:12px}.roster-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact-filter{gap:4px}.compact-filter select{height:40px;min-height:40px;padding-left:10px;font-size:13px}.roster-filter-grid .compact-search{grid-column:1/-1;min-height:42px}.roster-filter-grid .employee-action-stack{grid-column:1/-1;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:8px;min-width:0;display:grid}.header-edit-short-button,.employee-action-stack .add-employee-button{width:100%;min-height:42px;padding:0 8px}.roster-table-viewport{min-height:300px;max-height:calc(100dvh - 196px)}.roster-table th,.roster-table td{padding:11px 10px}.roster-table th{height:42px}.org-breadcrumb{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:44px;padding:8px 2px 10px;display:grid}.org-nav-actions{flex-wrap:nowrap}.org-dept-row{min-height:56px;padding:7px 8px}.org-dept-row em{text-overflow:ellipsis;white-space:nowrap;max-width:104px;overflow:hidden}.home-welcome{gap:10px}.home-notice-card{min-height:66px;padding:10px}.notice-overdue{min-width:68px;padding:6px 7px;font-size:12px}.modal-backdrop{align-items:end;padding:0}.employee-modal,.header-settings-modal,.operation-detail-modal{border-bottom:0;border-left:0;border-right:0;border-radius:8px 8px 0 0;width:100%;max-height:96dvh}.modal-header{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafcffe6;padding:14px 14px 12px;position:sticky;top:0}.modal-header h3{font-size:20px}.employee-section-grid,.employee-form-grid,.field-editor-body,.operation-detail-body,.header-settings-body{gap:9px;padding:10px}.employee-form-section,.header-settings-section{padding:11px}.employee-section-fields{gap:9px}.table-input,select.table-input{min-height:42px}.modal-footer{padding:10px 10px max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f9ffeb;gap:8px}.modal-footer>.ghost-button,.modal-footer>.primary-button{flex:1 1 0;min-height:44px}.toast{right:10px;bottom:max(10px, env(safe-area-inset-bottom));text-align:center;max-width:none;left:10px}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.sidebar,.panel,.login-panel,.employee-modal,.header-settings-modal,.operation-detail-modal{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.roster-actions,.roster-table-viewport,.table-wrap,.org-people-table-wrap{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}}.intake-shell{background:linear-gradient(160deg,#eef4ff 0%,#f8fafc 60%,#fff 100%);justify-content:center;align-items:flex-start;min-height:100vh;padding:32px 16px;display:flex}.intake-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:720px;padding:28px;box-shadow:0 12px 40px #0f172a14}.intake-header h1{color:#0f172a;margin:0 0 6px;font-size:22px}.intake-header p{color:#64748b;margin:0 0 20px;font-size:13px}.intake-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;display:grid}.intake-field{flex-direction:column;gap:6px;display:flex}.intake-field-full{grid-column:1/-1}.intake-field span{color:#334155;font-size:13px}.intake-field span em{color:#dc2626;margin-left:2px;font-style:normal}.intake-field input,.intake-field select,.intake-field textarea{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.intake-field input:focus,.intake-field select:focus,.intake-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.intake-date-group{grid-template-columns:1.3fr 1fr 1fr;gap:8px;display:grid}.intake-error{color:#dc2626;grid-column:1/-1;margin:0;font-size:13px}.intake-submit{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;grid-column:1/-1;margin-top:6px;padding:12px;font-size:15px;font-weight:600;transition:background .15s}.intake-submit:hover:not(:disabled){background:#1d4ed8}.intake-submit:disabled{opacity:.6;cursor:not-allowed}.intake-success{text-align:center;padding:48px 28px}.intake-success-icon{color:#16a34a;background:#dcfce7;border-radius:50%;width:56px;height:56px;margin:0 auto 16px;font-size:28px;line-height:56px}.intake-success h1{color:#0f172a;margin:0 0 8px;font-size:20px}.intake-success p{color:#64748b;margin:0;font-size:14px}.intake-admin-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}.intake-qr-card{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:20px;display:flex}.intake-qr-card img{border:1px solid #e2e8f0;border-radius:12px;width:220px;height:220px}.intake-qr-card p{color:#64748b;word-break:break-all;margin:0;font-size:13px}.intake-qr-actions{gap:8px;display:flex}@media (max-width:640px){.intake-form,.intake-admin-grid,.intake-detail-grid{grid-template-columns:minmax(0,1fr)}.intake-card{padding:20px 16px}}.intake-status-tabs{gap:8px;display:flex}.intake-status-tabs .active{border-color:var(--ui-primary);color:var(--ui-primary)}.intake-submission-list{flex-direction:column;gap:12px;margin:14px 0 0;padding:0;list-style:none;display:flex}.intake-submission-item{border:1px solid var(--ui-line);background:var(--ui-surface);box-shadow:var(--ui-shadow-sm);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 16px;padding:16px 18px;transition:border-color .15s,box-shadow .15s;display:flex}.intake-submission-item:hover{border-color:var(--ui-line-strong);box-shadow:var(--ui-shadow-md)}.intake-submission-main{flex:240px;align-items:center;gap:14px;min-width:0;display:flex}.intake-submission-avatar{color:#fff;background:linear-gradient(135deg,#0a8a7d,#06675f);border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:18px;font-weight:700;display:grid}.intake-submission-info{flex-direction:column;gap:3px;min-width:0;display:flex}.intake-submission-title{align-items:center;gap:8px;display:flex}.intake-submission-title strong{color:var(--ui-ink);font-size:15px}.intake-status-badge{border-radius:999px;flex:none;padding:2px 10px;font-size:12px;font-weight:600;line-height:1.6}.intake-status-badge.is-pending{color:var(--ui-amber);background:#fdf3e3}.intake-status-badge.is-imported{background:var(--ui-primary-soft);color:var(--ui-primary-dark)}.intake-status-badge.is-ignored{color:var(--ui-muted);background:#eef1f4}.intake-submission-info>span{color:var(--ui-ink-soft);font-size:13px}.intake-submission-info>small{color:var(--ui-muted);font-size:12px}.intake-submission-actions{flex-direction:column;align-items:flex-end;gap:8px;min-width:0;max-width:100%;margin-left:auto;display:flex}.intake-import-row{border:1px solid var(--ui-line);background:var(--ui-surface-subtle);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.intake-import-label{color:var(--ui-muted);white-space:nowrap;flex:none;padding:0 2px 0 6px;font-size:12px}.intake-import-row select.intake-department-select{flex:none;width:126px}.intake-action-row{align-items:center;gap:8px;display:flex}@media (max-width:640px){.intake-submission-actions{align-items:stretch;width:100%}.intake-import-row{flex-wrap:wrap}.intake-import-row select.intake-department-select{flex:30%;width:auto}.intake-action-row{justify-content:flex-end}}.intake-inline-notice{color:#16a34a;margin:8px 0 0;font-size:13px}.intake-detail-modal{border-radius:16px;width:min(680px,100vw - 32px)}.intake-detail-body{min-height:0;overflow-y:auto}.intake-detail-hero{border-bottom:1px solid var(--ui-line);background:linear-gradient(120deg,#eef6f4 0%,#f8fafb 100%);align-items:center;gap:16px;padding:22px 24px;display:flex}.intake-detail-avatar{color:#fff;background:linear-gradient(135deg,#0a8a7d,#06675f);border-radius:16px;flex:none;place-items:center;width:60px;height:60px;font-size:24px;font-weight:700;display:grid;box-shadow:0 8px 18px #087f7340}.intake-detail-hero-main{min-width:0}.intake-detail-name-row{align-items:center;gap:10px;display:flex}.intake-detail-name-row h4{color:var(--ui-ink);margin:0;font-size:20px}.intake-detail-hero-main p{color:var(--ui-ink-soft);margin:4px 0 2px;font-size:13px}.intake-detail-hero-main small{color:var(--ui-muted);font-size:12px}.intake-detail-sections{flex-direction:column;gap:16px;padding:18px 24px 24px;display:flex}.intake-detail-section h5{letter-spacing:.08em;color:var(--ui-muted);align-items:center;gap:10px;margin:0 0 10px;font-size:12px;font-weight:700;display:flex}.intake-detail-section h5:after{content:"";background:var(--ui-line);flex:1;height:1px}.intake-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.intake-detail-field{border:1px solid var(--ui-line);background:var(--ui-surface-subtle);border-radius:10px;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.intake-detail-field span{color:var(--ui-muted);font-size:12px}.intake-detail-field strong{color:var(--ui-ink);word-break:break-all;font-size:14px;font-weight:600}.intake-detail-field-full{grid-column:1/-1}.intake-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;display:grid}.intake-edit-field{flex-direction:column;gap:6px;min-width:0;display:flex}.intake-edit-field>span{color:var(--ui-muted);font-size:12px;font-weight:600}.intake-edit-field>span em{color:#c2410c;margin-left:2px;font-style:normal}.intake-edit-field .table-input{background:#fbfcfc;border-radius:10px;min-height:40px;transition:border-color .15s,box-shadow .15s,background .15s}.intake-edit-field .table-input:hover{border-color:#b9c7c3}.intake-edit-field .table-input:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px var(--ui-primary-soft);background:#fff}.intake-edit-field-full{grid-column:1/-1}.intake-edit-textarea{resize:vertical;min-height:84px;padding:10px;line-height:1.6}.intake-edit-footer{border-top:1px solid var(--ui-line);background:var(--ui-surface-subtle);justify-content:flex-end;gap:10px;padding:14px 24px;display:flex}@media (max-width:640px){.intake-edit-grid{grid-template-columns:minmax(0,1fr)}}.intake-attachment-tip{color:#7a8194;margin:6px 0 0;font-size:12px}.intake-attachment-list{flex-direction:column;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.intake-attachment-list li{background:#f4f6fb;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.intake-attachment-list li span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.intake-attachment-list li button,.intake-attachment-list li a{color:#2f6bff;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0;font-size:13px;text-decoration:none}.interview-reminder-modal{max-width:480px}.interview-reminder-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.interview-reminder-item{background:#f4f6fb;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.interview-reminder-info{flex-direction:column;gap:2px;display:flex}.interview-reminder-info span{color:#2f6bff;font-size:13px;font-weight:600}.interview-reminder-info small{color:#7a8194;font-size:12px}