:root{--bg:#f5f7f8;--panel:#fff;--ink:#1d2830;--muted:#687780;--line:#d9e1e5;--blue:#226d91;--blue-dark:#174f6c;--teal:#0f8a83;--yellow:#fff5c9;--green:#e6f3df;--soft-blue:#edf7fb;--shadow:0 14px 36px #1d283014}*{box-sizing:border-box}body{background:var(--bg);min-width:1180px;color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,Meiryo,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.login-screen{background:var(--bg);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);width:min(420px,100%);box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:16px;padding:24px;display:grid}.login-card h1{margin:0;font-size:34px;line-height:1.2}.login-title{text-align:center;gap:6px;display:grid}.login-title p{color:var(--muted);margin:0;font-size:12px;font-weight:800}.login-brand{color:var(--ink);padding:0}.brand.login-brand span{color:var(--muted);line-height:1.5}.login-error{color:#b42318;background:#fff5f5;border:1px solid #f0c8c8;border-radius:8px;margin:0;padding:10px 12px}.login-hint{color:var(--muted);gap:4px;font-size:12px;display:grid}.sidebar{color:#fff;background:#102f43;align-content:start;gap:8px;padding:24px 18px;display:grid}.brand{align-items:center;gap:12px;padding:4px 6px 24px;display:flex}.brand-mark{background:var(--green);color:#102f43;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand span{color:#b9d2dc;margin-top:3px;font-size:12px}.nav-item{color:#d8e7ed;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 14px;display:flex}.nav-item.active,.nav-item:hover{color:#fff;background:#ffffff1f}.workspace{padding:26px 30px 40px}.topbar,.panel-header,.modal-head{justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar h1,.panel-header h2,.modal-head h2{margin:0}.topbar h1{font-size:28px}.eyebrow{color:var(--teal);margin:0 0 5px;font-size:12px;font-weight:800}.view-stack{gap:16px;display:grid}.dashboard-filter{align-items:center;gap:12px;margin-top:18px;display:flex}.dashboard-filter span{color:var(--muted);font-size:13px;font-weight:800}.stat-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 16px;display:grid}.company-total-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.stat-card,.simple-panel,.entry-panel,.summary-card,.portal-card,.modal-panel{border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);border-radius:8px}.stat-card{padding:18px}.stat-card span{color:var(--muted);font-size:13px;display:block}.stat-card strong{color:var(--blue-dark);margin-top:8px;font-size:22px;display:block}.simple-panel,.entry-panel,.summary-card,.portal-card{padding:20px}.button{border:1px solid var(--line);min-height:40px;color:var(--ink);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-weight:800;display:inline-flex}.button.primary{border-color:var(--blue-dark);background:var(--blue-dark);color:#fff}.button.secondary{border-color:var(--teal);color:var(--teal)}.button.small{min-height:34px;padding:0 12px;font-size:13px}.button.wide{width:100%}.content-grid{grid-template-columns:minmax(720px,1fr) 360px;align-items:start;gap:18px;margin-top:18px;display:grid}.summary-panel{gap:14px;display:grid;position:sticky;top:20px}.draft-actions{gap:8px;display:grid}.segmented{border:1px solid var(--line);background:#f4f7f8;border-radius:8px;flex-wrap:wrap;margin-top:16px;padding:3px;display:inline-flex}.segmented.compact{margin-top:0}.segment{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:6px;padding:0 14px;font-weight:800}.segment.active{color:var(--blue-dark);background:#fff;box-shadow:0 2px 8px #1d283014}label{color:var(--muted);font-size:12px;font-weight:800}input,select{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:#fff;border-radius:6px;margin-top:6px;padding:8px 10px;display:block}textarea{border:1px solid var(--line);width:100%;min-height:92px;color:var(--ink);resize:vertical;background:#fff;border-radius:6px;margin-top:6px;padding:10px;display:block}input[readonly]{color:#51636d;background:#f4f7f8}.field-help{color:var(--muted);margin-top:6px;font-size:11px;line-height:1.5;display:block}.search-field{align-items:center;gap:8px;max-width:380px;margin:14px 0 10px;display:flex}.search-field input{margin-top:0}.memo-field{margin-top:14px;display:block}.memo-preview{border:1px solid var(--line);background:#fff;border-radius:8px;padding:12px}.memo-preview h3{color:#245b75;margin:0 0 8px;font-size:15px}.memo-preview p{white-space:pre-wrap;margin:0;line-height:1.6}.employee-tabs{border:1px solid var(--line);background:#f9fbfc;border-radius:8px;flex-wrap:wrap;gap:8px;max-height:188px;padding:12px;display:flex;overflow:auto}.employee-tab{border:1px solid var(--line);min-width:142px;min-height:52px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;gap:2px;padding:8px 10px;display:grid}.employee-tab.active{border-color:var(--blue);background:var(--soft-blue);box-shadow:inset 0 0 0 1px var(--blue)}.employee-tab span{color:var(--muted);font-size:12px}.admin-payment-grid{border:1px solid var(--line);background:#fffdf7;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0 0;padding:12px;display:grid}.identity-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.tax-column-panel{border:1px solid var(--line);background:#f9fbfc;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 14px;padding:10px 12px;display:flex}.tax-column-panel span{color:var(--muted);font-size:12px;font-weight:800}.tax-column-panel small{color:var(--muted);font-weight:800}.sections{gap:14px;display:grid}.pay-section,.readonly-section{border:2px solid #2b7595;border-radius:6px;overflow:hidden}.section-title,.readonly-section h3{background:var(--yellow);color:#245b75;border-bottom:2px solid #2b7595;align-items:center;min-height:38px;margin:0;padding:0 12px;font-weight:800;display:flex}.section-title.deduction,.readonly-section.deduction h3{background:var(--green)}.field-grid,.readonly-grid{grid-template-columns:repeat(4,1fr);display:grid}.field-cell,.readonly-row{border-bottom:1px solid #9ec3d0;border-right:1px solid #9ec3d0;min-height:82px;padding:10px}.field-cell:nth-child(4n),.readonly-row:nth-child(4n){border-right:0}.field-cell label,.readonly-row span{color:#245b75}.readonly-row strong{margin-top:6px;display:block}.parttime-slip{background:#fff;border:2px solid #111;border-radius:2px;overflow:hidden}.parttime-table-wrap{overflow:hidden}.parttime-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0;font-size:12px}.parttime-table th{color:var(--ink);overflow-wrap:anywhere;text-align:center;background:#e8f3fb;border-bottom:1px dotted #6c7a80;border-right:1px dotted #6c7a80;padding:7px 3px;font-weight:800;line-height:1.2}.parttime-table td{text-align:right;vertical-align:middle;border-bottom:1px dotted #6c7a80;border-right:1px dotted #6c7a80;height:32px;padding:0}.parttime-table th:last-child,.parttime-table td:last-child{border-right:0}.parttime-table tr:last-child td{border-bottom:0}.parttime-table input{text-align:right;background:0 0;border:0;border-radius:0;width:100%;min-height:32px;margin:0;padding:4px 3px;font-size:12px}.parttime-table input[readonly]{background:#f8fbfc;font-weight:800}.readonly-parttime-slip .parttime-table td{overflow-wrap:anywhere;padding:6px 4px;font-weight:700}.parttime-readable{display:none}.parttime-total-card{text-align:center;background:#f2faf7;border:2px solid #2b7595;border-radius:8px;gap:6px;padding:14px;display:grid}.parttime-total-card span,.parttime-summary-grid span,.parttime-rate-row small,.parttime-deduction-list span{color:var(--muted);font-size:12px;font-weight:800}.parttime-total-card strong{color:var(--teal);font-size:28px}.parttime-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.parttime-summary-grid div,.parttime-rate-row,.parttime-deduction-list div{border:1px solid var(--line);background:#fff;border-radius:8px;padding:10px}.parttime-summary-grid strong,.parttime-deduction-list strong{color:var(--ink);margin-top:5px;font-size:18px;display:block}.parttime-total-card strong,.parttime-summary-grid strong,.parttime-rate-row span,.parttime-deduction-list strong{white-space:nowrap}.parttime-readable-section{gap:8px;display:grid}.parttime-readable-section h3{color:#245b75;margin:0;font-size:15px}.parttime-rate-list,.parttime-deduction-list{gap:8px;display:grid}.parttime-rate-row{grid-template-columns:1fr auto;align-items:center;gap:5px 10px;display:grid}.parttime-rate-row span{color:var(--ink);font-size:17px;font-weight:800}.parttime-rate-row strong{color:var(--blue-dark);font-size:20px}.parttime-rate-row small{grid-column:1/-1}.parttime-deduction-list div{justify-content:space-between;align-items:center;gap:10px;display:flex}.totals{gap:10px;margin:12px 0 16px;display:grid}.totals div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.totals dt{color:var(--muted);font-size:13px}.totals dd{margin:0;font-size:18px;font-weight:800}.totals .net{background:#f2faf7;border:0;border-radius:8px;align-items:flex-end;padding:12px}.totals .net dd{color:var(--teal);font-size:24px}.pending-card{gap:12px;display:grid}.pending-count{width:100%;min-height:76px;color:var(--ink);text-align:center;background:#f2faf7;border:1px solid #b9ddd8;border-radius:8px;place-items:center;padding:12px;display:grid}.pending-count strong{color:var(--teal);font-size:34px;line-height:1}.pending-count span{color:var(--muted);margin-top:6px;font-size:12px;font-weight:800}.pending-list{gap:8px;max-height:220px;display:grid;overflow:auto}.pending-employee{border:1px solid var(--line);min-height:44px;color:var(--ink);text-align:left;background:#fff;border-radius:8px;grid-template-columns:82px 1fr auto;align-items:center;gap:8px;padding:8px 10px;display:grid}.pending-employee:hover,.pending-employee.active{border-color:var(--blue);background:var(--soft-blue)}.pending-employee span{color:var(--muted);font-size:13px}.pending-employee small{color:var(--teal);font-weight:800}.empty-row.compact{border:1px dashed var(--line);border-radius:8px;margin:0;padding:12px}.document-list{gap:10px;margin-top:14px;display:grid}.document-card{border:1px solid var(--line);background:#fff;border-radius:8px;align-items:start;gap:12px;padding:12px;display:grid}.document-card strong,.document-card span{display:block}.document-card strong{overflow-wrap:anywhere;line-height:1.45}.document-card span{color:var(--muted);margin-top:3px;font-size:12px}.doc-actions{flex-wrap:wrap;gap:8px;display:flex}.doc-actions button{border:1px solid var(--line);cursor:pointer;background:#f9fbfc;border-radius:6px;justify-content:center;align-items:center;gap:5px;min-height:34px;padding:0 12px;display:inline-flex}.doc-actions .danger{color:#b42318;background:#fff5f5;border-color:#f0c8c8}.employee-filter{grid-template-columns:minmax(220px,1fr) 220px auto;align-items:end;gap:12px;margin:16px 0;display:grid}.employee-create-form,.employee-detail-form{border:1px solid var(--line);background:#f9fbfc;border-radius:8px;gap:12px;margin-top:16px;padding:14px;display:grid}.employee-detail-form{background:#fff}.form-title{justify-content:space-between;align-items:center;gap:12px;display:flex}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.form-title h3{margin:0;font-size:18px}.employee-create-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.check-row{width:fit-content;color:var(--ink);align-items:center;gap:8px;display:inline-flex}.check-row input{width:18px;min-height:18px;margin:0}.table-list{border:1px solid var(--line);border-radius:8px;display:grid;overflow:hidden}.table-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:48px;padding:0 14px;display:grid}.employee-row{cursor:pointer;grid-template-columns:88px 120px 130px 160px 82px 82px 64px 1fr 78px 86px}.employee-row:not(.header):hover{background:#f9fbfc}.employee-row.header{background:var(--soft-blue);color:#245b75;cursor:default;font-weight:800}.employee-row.selected{background:var(--soft-blue);box-shadow:inset 3px 0 0 var(--blue)}.login-toggle{color:#b42318;background:#fff5f5;border:1px solid #f0c8c8;border-radius:999px;min-height:32px;font-weight:800}.login-toggle.enabled{color:#0f766e;background:#f2faf7;border-color:#b9ddd8}.employee-history-panel{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.employee-page-head{border-bottom:1px solid var(--line);margin:16px 0 8px;padding-bottom:14px}.employee-page-head p{color:var(--muted);margin:0 0 4px;font-size:13px;font-weight:800}.employee-page-head h3{color:var(--ink);margin:0;font-size:28px}.company-notice{background:#f2faf7;border:1px solid #b9ddd8;border-radius:8px;gap:8px;margin-top:16px;padding:14px 16px;display:grid}.company-notice div{color:var(--ink);white-space:pre-wrap;font-size:15px;font-weight:700;line-height:1.65}.empty-row{color:var(--muted);padding:18px}.export-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}.export-grid article{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;padding:16px;display:grid}.export-grid span{color:var(--muted);font-size:13px}.csv-filter-panel,.payroll-settings-panel{border:1px solid var(--line);background:#fff;border-radius:8px;gap:14px;margin-top:16px;padding:16px;display:grid}.backup-status{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.backup-status div{border:1px solid var(--line);background:#f9fbfc;border-radius:8px;padding:12px}.backup-status span{color:var(--muted);font-size:12px;font-weight:800;display:block}.backup-status strong{color:var(--ink);overflow-wrap:anywhere;margin-top:5px;display:block}.definition-preview-list{gap:14px;display:grid}.definition-preview-section .section-title{justify-content:space-between}.definition-field-cell{align-content:start;gap:8px;display:grid}.danger-soft{color:#b42318;background:#fff5f5;border-color:#f0c8c8}.password-form{gap:14px;max-width:460px;margin-top:16px;display:grid}.settings-message{background:var(--soft-blue);color:#20546a;border:1px solid #cfe4eb;border-radius:8px;margin:0;padding:10px 12px}.publish-toast{z-index:80;min-width:260px;box-shadow:var(--shadow);color:#0f766e;background:#f2faf7;border:1px solid #b9ddd8;border-radius:8px;padding:14px 16px;font-weight:800;position:fixed;top:22px;right:28px}.modal{z-index:50;background:#102f4373;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal-panel{width:min(980px,100%);max-height:90vh;padding:22px;overflow:auto}.viewer-actions{align-items:center;gap:8px;display:flex}.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;width:38px;height:38px;font-size:22px}.withholding-form{color:#1d4055;background:#fffdf7;border:2px solid #1f5f83;border-radius:4px;margin-top:16px;padding:14px}.withholding-title{text-align:center;border-bottom:2px solid #1f5f83;grid-template-columns:120px 1fr;align-items:center;padding-bottom:10px;display:grid}.withholding-title strong{font-size:22px}.withholding-grid{border-top:1px solid #6ba0b8;border-left:1px solid #6ba0b8;grid-template-columns:160px 1fr 160px 1fr;margin-top:10px;display:grid}.w-cell{border-bottom:1px solid #6ba0b8;border-right:1px solid #6ba0b8;min-height:46px;padding:8px}.w-cell.label{color:#245b75;text-align:center;background:#eef7f9;place-items:center;font-size:12px;font-weight:800;display:grid}.w-cell.value{background:#fff;align-items:center;font-weight:700;display:flex}.w-cell.wide{grid-column:span 3}.w-cell.money{font-variant-numeric:tabular-nums;justify-content:flex-end}.readonly-slip{gap:14px;margin-top:14px;display:grid}.slip-title{color:#245b75;text-align:center;background:#fffdf7;border:2px solid #2b7595;border-radius:6px;grid-template-columns:120px 1fr;align-items:center;padding:12px;display:grid}.slip-title strong{font-size:24px}.readonly-meta{border:1px solid var(--line);background:#f9fbfc;border-radius:8px;grid-template-columns:repeat(4,1fr);gap:10px;padding:12px;display:grid}.readonly-meta span{color:var(--muted);font-size:12px}.readonly-meta strong{margin-top:3px;display:block}@media print{@page{size:A4 landscape;margin:10mm}:root{--shadow:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}html,body{background:#fff;width:auto;min-width:0}body{margin:0}.app-shell{min-height:auto;display:block}.sidebar,.workspace,.modal-head{display:none!important}.modal{background:#fff;width:100%;min-height:auto;padding:0;display:block;position:static;inset:auto}.modal-panel{width:277mm;max-width:100%;max-height:none;box-shadow:none;background:#fff;border:0;border-radius:0;padding:0;overflow:visible}.readonly-slip,.withholding-form{page-break-inside:avoid;break-inside:avoid;gap:8px;margin-top:0}.readonly-meta{grid-template-columns:repeat(5,1fr);gap:6px;padding:8px}.readonly-section,.withholding-form,.totals,.memo-preview{page-break-inside:avoid;break-inside:avoid}.readonly-section h3,.section-title{min-height:30px;padding:0 8px}.readonly-row{min-height:58px;padding:7px}.readonly-row span,.readonly-meta span,.w-cell.label{font-size:10px}.readonly-row strong,.readonly-meta strong,.w-cell.value{font-size:12px}.slip-title{padding:8px}.slip-title strong{font-size:20px}.totals{gap:6px;margin:8px 0 0}.totals div{padding-bottom:6px}.totals dd{font-size:15px}.totals .net{padding:8px}.totals .net dd{font-size:18px}.withholding-form{padding:10px}.withholding-title strong{font-size:18px}.withholding-grid{grid-template-columns:34mm 1fr 34mm 1fr}.w-cell{min-height:34px;padding:6px}.readonly-parttime-slip{page-break-inside:avoid;break-inside:avoid}.readonly-parttime-slip .parttime-readable{display:none}.readonly-parttime-slip .parttime-table-wrap{display:block;overflow:hidden}.readonly-parttime-slip .parttime-table{table-layout:fixed;width:100%;font-size:12px}.readonly-parttime-slip .parttime-table th{padding:7px 4px;line-height:1.2}.readonly-parttime-slip .parttime-table td{white-space:nowrap;overflow-wrap:normal;word-break:keep-all;height:42px;padding:6px 5px;font-size:12px}}@media (max-width:720px){body{background:#fff;min-width:0}.app-shell{min-height:100vh;display:block}.sidebar{z-index:20;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;display:flex;position:sticky;top:0;overflow:hidden}.brand{flex:0 0 32px;gap:0;padding:0}.brand-mark{border-radius:7px;width:32px;height:32px}.brand strong,.brand span{display:none}.login-brand{flex:none;gap:10px}.login-brand strong,.login-brand span{display:block}.login-brand strong{font-size:18px}.login-brand span{font-size:12px}.nav-item{white-space:nowrap;border-radius:6px;flex:92px;gap:4px;min-width:0;min-height:34px;padding:0 6px;font-size:12px}.nav-item svg{flex:none;width:15px;height:15px}.workspace{padding:16px 12px 28px}.topbar{display:block}.topbar h1{font-size:22px;line-height:1.3}.content-grid{margin-top:14px;display:block}.summary-panel{margin-top:14px;position:static}.identity-grid,.admin-payment-grid,.employee-create-grid,.employee-filter,.export-grid,.stat-grid,.company-total-grid,.backup-status{grid-template-columns:1fr}.search-field{max-width:none}.segmented{width:100%;overflow:hidden}.segment{flex:auto;padding:0 8px;font-size:13px}.simple-panel,.entry-panel,.summary-card,.portal-card{box-shadow:none;border-radius:8px;padding:14px}.panel-header{display:block}.panel-header h2{font-size:20px}.employee-page-head{margin-top:14px;padding-bottom:12px}.employee-page-head h3{font-size:26px;line-height:1.25}.document-list{gap:12px}.document-card{padding:14px}.document-card strong{font-size:17px;line-height:1.45}.document-card span{font-size:12px;line-height:1.55}.doc-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.doc-actions button{width:100%;min-height:42px;padding:0 8px;font-size:14px}.doc-actions .danger{grid-column:1/-1}.modal{justify-content:stretch;align-items:stretch;padding:0}.modal-panel{width:100%;max-height:100vh;box-shadow:none;border-radius:0;padding:14px}.modal-head{align-items:flex-start}.modal-head h2{font-size:18px;line-height:1.35}.viewer-actions{flex-wrap:wrap;justify-content:flex-end}.readonly-meta{grid-template-columns:1fr}.slip-title{grid-template-columns:1fr;gap:6px}.slip-title strong{font-size:20px}.readonly-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.readonly-row:nth-child(4n){border-right:1px solid #9ec3d0}.readonly-row:nth-child(2n){border-right:0}.readonly-row{min-height:72px;padding:9px}.totals dd{font-size:16px}.totals .net dd{font-size:21px}.parttime-table{font-size:9px}.parttime-table th{padding:5px 1px}.parttime-table td{height:30px}.parttime-table input{min-height:30px;padding:3px 1px;font-size:10px}.readonly-parttime-slip{background:0 0;border:0}.readonly-parttime-slip .parttime-table-wrap{display:none}.readonly-parttime-slip .parttime-readable{gap:12px;display:grid}.parttime-summary-grid{grid-template-columns:1fr}.login-screen{padding:14px}.login-card{box-shadow:none;padding:18px}}