:root{font-family:"Segoe UI",Arial,sans-serif;color:#18371c;background:#f4fbf4;font-size:14px;color-scheme:light;--green:#2e7d32;--dark:#1b5e20;--border:#b7cfb8;--light:#e8f5e9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{border:1px solid #a5bda7;border-radius:3px;background:#e7f0e6;color:#193f1c;padding:7px 12px;cursor:pointer;white-space:nowrap;font-weight:500}button:hover{background:#d3e8d1;border-color:#6c9c70}button:disabled{cursor:wait;opacity:.5}button.primary{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}button.primary:hover{background:var(--dark)}button.small{font-size:12px;padding:4px 9px}input,select,textarea{border:1px solid #a8bda9;border-radius:2px;padding:6px 8px;background:#fff;color:#18371c;min-width:0}input:focus,select:focus,button:focus-visible{outline:2px solid #62a765;outline-offset:1px}input[readonly]{background:#ecf1eb;color:#385b3b}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px}input[type=file]{font-size:13px;max-width:100%}h1,h2,p{margin:0}h1{font-size:20px;color:var(--dark);letter-spacing:.1px}h2{font-size:16px;color:var(--dark)}p{line-height:1.55}label{display:block}.app-shell{height:100dvh;display:flex;flex-direction:column;padding:10px 12px 6px;gap:6px;min-height:500px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:2px 0 6px}.app-header p{font-size:12px;color:#5e7b60;margin-top:3px}.identity{text-align:right;font-size:12px}.identity>div{display:flex;justify-content:flex-end;align-items:center;gap:6px;margin-top:4px}.identity form{display:inline}.history-bar{display:flex;gap:8px;align-items:center;padding:7px 9px;background:#e2f0e2;border:1px solid var(--border);border-radius:3px}.history-bar>strong{font-size:12px;color:var(--dark)}.history-bar select{min-width:180px}.history-bar button{font-size:12px;padding:6px 9px}.muted{color:#647b65;font-size:12px}.employee-nav{display:flex;gap:5px;align-items:center;padding:2px 0}.employee-nav select{width:245px}.employee-nav button{font-size:12px}.push{margin-left:auto}.tab-list{display:flex;overflow-x:auto;gap:2px;flex-shrink:0;border-bottom:2px solid var(--green)}.tab-list button{border-radius:4px 4px 0 0;background:#dcebdc;border-bottom:0;font-size:13px;padding:9px 15px}.tab-list button[aria-selected=true]{background:var(--green);border-color:var(--green);color:#fff;font-weight:600}.tab-body{flex:1;min-height:0;border:1px solid var(--border);border-top:0;background:#f4fbf4;position:relative}.tab-panel{height:100%;overflow:auto;padding:10px;display:none}.tab-panel.active{display:block}.import-heading p{font-size:13px;color:#577359;margin-top:6px}.import-top{display:flex;align-items:center;justify-content:space-between;padding:0 4px 8px}.smile{display:inline-flex;align-items:center;justify-content:center;color:#2b5d2e;font-size:58px;line-height:1}.smile.animated{animation:smile 7s ease-in-out infinite}@keyframes smile{0%,85%,100%{transform:rotate(0)}90%{transform:rotate(-8deg)}95%{transform:rotate(8deg)}}fieldset{border:1px solid var(--border);border-radius:3px;margin:8px 0;padding:10px;background:#f8fcf7;min-width:0}legend{padding:0 6px;color:var(--dark);font-weight:600;font-size:13px}.file-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.file-row input{flex:1}.file-row button{font-size:12px}.file-row+p{margin-top:6px}.hint{font-size:12px;color:#47764a;margin:7px 0 0}.table-wrap{overflow:auto;max-width:100%;border:1px solid var(--border);background:#fff}table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}th{position:sticky;top:0;z-index:1;background:#2e7d32;color:#fff;font-weight:600;white-space:nowrap;text-align:center;border-bottom:1px solid #a6c0a8;padding:8px}td{padding:6px 9px;border-bottom:1px solid #dbe5db;vertical-align:middle;white-space:nowrap;text-align:center}td:first-child{text-align:left}tbody tr:last-child td{border-bottom:0}tr.full{background:#d9ead3}tr.half{background:#fff2cc}tr.zero{background:#f4cccc}tr:not(.full):not(.half):not(.zero):nth-child(even){background:#f7faf6}.empty{padding:28px!important;text-align:center!important;color:#6d846f}.file-table{height:140px;margin:8px 0}.file-table td:nth-child(2){text-align:left;width:70%}.file-table button{font-size:11px;padding:3px 9px}.strong{font-weight:600;margin-top:8px}.bottom-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.check-table{height:calc(100% - 40px)}.check-table table{min-width:1120px}.check-table td:last-child{white-space:normal;text-align:left;min-width:320px;font-size:12px}.analysis-grid{display:grid;grid-template-columns:minmax(300px,1.6fr) minmax(320px,1fr);gap:12px}.notes-column{display:flex;flex-direction:column}.notes-column fieldset{flex:1}.note{white-space:pre-wrap;line-height:1.55;min-height:65px;padding:8px;font-size:13px;max-height:145px;overflow:auto;border:1px solid #dae0cc;color:#2d442d}.note.yellow{background:#fff8cc}.note.blue{background:#f4faff}.note.green{background:#f1f8e9}.form-grid{display:grid;grid-template-columns:120px minmax(120px,1fr);gap:12px 7px;align-items:center}.summary-text{white-space:pre-line;line-height:1.8;font-weight:600;margin:12px 0;color:#254f28}.check-label{display:flex;gap:8px;align-items:center;margin:8px 0}.warning{color:#944400;background:#fff5d6;padding:7px;border:1px solid #edcc77;margin-top:7px;white-space:normal}.warning-text{font-size:12px;color:#b71c1c;margin-top:8px}.utm-count{width:90px}.adjust-table{max-width:1100px}.adjust-table input[type=text]{width:100%}.adjust-table td:first-child{width:42%}.adjust-table td:nth-child(2){width:22%}.adjust-table input.money{text-align:right}.adjust-table input[type=checkbox]{display:block;margin:auto}.adjust-table td:last-child{font-weight:600}.adjust-table .result-cell{min-width:160px}.adjust-table input{padding:4px 8px;height:28px}h2.separated{border-top:1px solid var(--border);padding:16px 0 10px;margin-top:14px}.late-cut{display:flex;align-items:center;gap:12px;margin:10px 0}.late-cut label{font-weight:600;min-width:170px}.late-cut input{width:210px;text-align:right}.late-cut span{font-size:12px;line-height:1.5;color:#536e55}.real-salary{text-align:center;background:#e0f0dd;border-color:#86b482;padding:18px;margin-bottom:14px}.real-salary strong{font-size:25px;color:var(--dark)}.section-heading{display:flex;gap:8px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.section-heading h2{margin-right:10px}.section-heading button{font-size:12px}footer{flex-shrink:0}footer>div{display:flex;align-items:center;gap:7px}footer button{font-size:12px}#save-status{font-size:12px;color:#527756}#save-status.dirty{color:#965400}.footer-version{font-size:12px;color:var(--dark);margin-left:auto}#status{margin-top:5px;border:1px solid #abc5ac;background:#edf5ec;font-size:12px;line-height:1.5;padding:5px 8px}#toast{position:fixed;right:20px;bottom:25px;z-index:1000;max-width:500px;background:#194e21;color:#fff;box-shadow:0 4px 20px #0002;border-radius:5px;padding:14px 18px;font-size:14px;white-space:pre-wrap}#toast.bad{background:#a02c22}dialog{border:1px solid #94b597;border-radius:7px;box-shadow:0 15px 65px #0003;max-width:calc(100vw - 30px);padding:22px;width:440px;color:#18371c;background:#f8fcf7}dialog::backdrop{background:#10251266}dialog h2{margin-bottom:12px}dialog label{margin:12px 0}dialog label>input,dialog label>select{display:block;width:100%;margin-top:5px}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}.wide-dialog{width:1020px;max-height:90dvh}.rules-editor{display:grid;grid-template-columns:230px 1fr;gap:18px}.rules-editor aside{display:flex;flex-direction:column;gap:7px}.rules-editor aside select{width:100%;height:260px}.rules-editor option{padding:5px}.rule-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;max-height:60dvh;overflow:auto;padding:0 6px}.rule-fields label{font-size:12px;margin:0;display:flex;justify-content:space-between;align-items:center;gap:8px}.rule-fields input:not([type=checkbox]),.rule-fields select{width:51%;margin:0;display:block;font-size:12px;padding:5px}.rule-fields input[type=checkbox]{margin-right:40%}#audit-dialog .table-wrap{max-height:65dvh}#audit-dialog td:last-child{white-space:normal;text-align:left}.auth-body{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:25px;background:#eaf4e8}.auth-card{max-width:470px;width:100%;background:#f9fdf8;border:1px solid #b7d1b3;border-radius:8px;padding:28px;box-shadow:0 10px 50px #31592d12}.auth-brand{display:flex;gap:14px;align-items:center;border-bottom:1px solid #d1e1cd;padding-bottom:20px;margin-bottom:23px}.auth-brand h1{font-size:19px}.auth-brand p{font-size:12px;color:#678267}.auth-card>p{font-size:13px;color:#607b60;margin:10px 0 20px}.auth-card form label{font-size:13px;font-weight:600;margin:16px 0}.auth-card form input{display:block;width:100%;margin-top:6px;padding:10px}.full{width:100%}.auth-card .credit{font-size:11px;text-align:center;margin:22px 0 0}.error{padding:10px;color:#9f261b;background:#fbe5df;border:1px solid #edbfb4;font-size:13px}[hidden]{display:none!important}@media(prefers-reduced-motion:reduce){.animated{animation:none!important}}@media(max-width:1050px){.employee-nav{flex-wrap:wrap}.employee-nav select{width:220px}.identity strong{font-size:11px}.tab-list button{padding:8px 10px;font-size:12px}.history-bar{flex-wrap:wrap}#period-info{display:none}.analysis-grid{grid-template-columns:1.2fr 1fr}.form-grid{grid-template-columns:95px 1fr}.rule-fields{grid-template-columns:1fr}.app-shell{min-height:600px}}@media(max-width:700px){.app-shell{height:auto;min-height:100dvh;padding:8px}.app-header{align-items:flex-start}h1{font-size:16px}.app-header p{font-size:10px}.identity strong{display:none}.history-bar{gap:6px}.history-bar>strong{width:100%}.history-bar select{flex:1}.history-bar .push{display:none}.history-bar button{font-size:11px}.employee-nav select{flex:1}.employee-nav label{font-size:12px}.employee-nav .push{display:none}.employee-nav #recap-btn{margin-left:auto}.tab-body{min-height:540px}.tab-panel{height:auto;min-height:540px;overflow:visible}.analysis-grid{grid-template-columns:1fr}.check-table{max-height:65dvh}.tab-list{position:sticky;top:0;background:#f4fbf4;z-index:5}.import-heading h2{font-size:14px}.smile{font-size:45px}.late-cut{flex-wrap:wrap}.late-cut input{width:160px}.real-salary strong{font-size:21px}footer>div{flex-wrap:wrap}.footer-version{display:none}#save-status{width:100%}.rules-editor{grid-template-columns:1fr}.rules-editor aside{display:grid;grid-template-columns:1fr 1fr}.rules-editor aside select{grid-column:1/-1;height:130px}.rule-fields{max-height:40dvh}.adjust-table{min-width:610px}.file-row input{flex-basis:100%}#toast{left:12px;right:12px;bottom:15px}.wide-dialog{padding:14px}}

@media(max-width:700px){.employee-nav label{width:68px}.employee-nav select{flex:1 0 calc(100% - 83px)}.employee-nav #prev-employee,.employee-nav #next-employee{flex:1}.employee-nav #recap-btn,.employee-nav #export-btn{flex:1}}

.file-table td:nth-child(2){width:auto;text-align:center}.file-table td:nth-child(3){width:70%;text-align:left}img.smile{width:42px;height:42px;object-fit:contain}.progress-row{display:flex;gap:12px;align-items:center;margin:10px 0}.progress-row progress{width:55%;height:15px;accent-color:#2e7d32}