:root{--bg:#f2f3f5;--surface:#fff;--text:#1c1e21;--muted:#6b7280;--accent:#2563eb;--accent-active:#1d4ed8;--danger:#dc2626;--border:#d8dbe0}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:18px}button{cursor:pointer;font-family:inherit}.login-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100vh;padding:32px 16px;display:flex}.login-screen h1{margin:0;font-size:28px}.employee-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;width:100%;max-width:900px;display:grid}.employee-tile{background:var(--surface);border:1px solid var(--border);border-radius:16px;min-height:96px;padding:28px 16px;font-size:20px;font-weight:600;box-shadow:0 1px 3px #00000014}.employee-tile:hover{border-color:var(--accent)}.employee-tile:focus-visible{border-color:var(--accent)}.employee-tile:active{background:#eef2ff}.pin-dots{justify-content:center;gap:16px;display:flex}.pin-dot{border:2px solid var(--muted);background:0 0;border-radius:50%;width:20px;height:20px}.pin-dot.filled{background:var(--accent);border-color:var(--accent)}.login-error{color:var(--danger);max-width:320px;margin:0;font-size:16px}.keypad{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:320px;display:grid}.keypad-key{background:var(--surface);border:1px solid var(--border);border-radius:16px;min-height:72px;font-size:26px;font-weight:600}.keypad-key--wide{font-size:16px}.keypad-key:active{background:#eef2ff}.keypad-key:disabled{opacity:.5;cursor:default}.app-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.app-header__name{font-size:18px;font-weight:600}.app-nav{flex:auto;gap:16px;display:flex}.app-nav a{color:var(--muted);font-size:15px;font-weight:600;text-decoration:none}.app-nav a:hover{color:var(--accent)}.app-nav a:focus-visible{color:var(--accent)}.logout-button{background:var(--danger);color:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:18px;font-weight:600}.app-main{max-width:900px;margin:0 auto;padding:24px}.entry-screen{flex-direction:column;gap:20px;display:flex}.entry-screen h1{margin:0;font-size:24px}.entry-date{color:var(--muted);margin:0;font-size:16px}.entry-empty{color:var(--muted)}.overtime-entry{border:1px solid var(--accent);background:#eef2ff;border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;display:flex}.admin-add-entry{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;margin:12px 0;padding:16px;display:flex}.admin-add-entry__title{margin:0;font-size:18px}.admin-add-entry__row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.admin-add-entry__field{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.admin-add-entry__field input[type=date]{border:1px solid var(--border);border-radius:10px;height:44px;padding:0 10px;font-size:16px}.admin-add-entry__operation{flex:240px}.admin-add-entry__pick{border:1px solid var(--border);text-align:left;text-overflow:ellipsis;white-space:nowrap;background:#f5f6f8;border-radius:10px;height:44px;padding:0 12px;font-size:16px;overflow:hidden}.admin-add-entry__submit{background:var(--accent);color:#fff;border:none;border-radius:12px;height:48px;padding:0 24px;font-size:16px;font-weight:700}.admin-add-entry__info{color:var(--muted);flex-direction:column;gap:4px;font-size:14px;display:flex}.admin-add-entry__warn{color:#92620a;font-weight:600}.admin-add-entry__prompt{background:#fff7e6;border:1px solid #f5cf87;border-radius:12px;padding:12px}.admin-add-entry__prompt p{margin:0 0 10px;font-size:15px}.admin-add-entry__added{color:#166534;flex-direction:column;gap:4px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.overtime-entry__label{flex:160px;font-size:18px;font-weight:600}.overtime-entry__date{border:1px solid var(--border);border-radius:10px;height:44px;padding:0 10px}.overtime-entry__form{align-items:center;gap:8px;display:flex}.overtime-entry__input{text-align:center;border:1px solid var(--border);border-radius:10px;width:72px;height:44px;font-size:18px}.overtime-entry__unit{color:var(--muted)}.overtime-entry__bump{border:1px solid var(--border);background:#fff;border-radius:10px;width:40px;height:44px;font-size:18px;font-weight:700}.overtime-entry__bump--half{width:auto;padding:0 10px;font-size:14px}.overtime-entry__bump:disabled{opacity:.5}.overtime-entry__form>button:last-child{background:var(--accent);color:#fff;border:none;border-radius:10px;height:44px;padding:0 18px;font-weight:600}.overtime-entry__form button:disabled{opacity:.5}.overtime-entry__existing{align-items:center;gap:10px;font-weight:600;display:flex}.overtime-entry__remove{border:1px solid var(--border);width:28px;height:28px;color:var(--danger);background:#fff;border-radius:50%;font-size:16px;line-height:1}.overtime-entry__loading{color:var(--muted)}.overtime-entry__error{color:var(--danger);flex-basis:100%;margin:0;font-size:14px}.entry-rows{flex-direction:column;gap:12px;display:flex}.entry-row{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.entry-row__name{flex:200px;font-size:18px;font-weight:600}.entry-row__controls{align-items:center;gap:8px;display:flex}.qty-button{border:1px solid var(--border);background:#f5f6f8;border-radius:12px;width:56px;height:56px;font-size:24px;font-weight:700}.qty-button--half{width:auto;padding:0 14px;font-size:16px}.qty-button:active{background:#eef2ff}.qty-button:disabled{opacity:.5}.qty-input{text-align:center;border:1px solid var(--border);border-radius:12px;width:84px;height:56px;font-size:20px}.entry-row__error{color:var(--danger);flex-basis:100%;margin:0;font-size:14px}.entry-row__extra{flex-wrap:wrap;flex-basis:100%;justify-content:space-between;align-items:center;gap:8px;display:flex}.entry-row__add-toggle{border:1px dashed var(--accent);background:var(--surface);min-height:44px;color:var(--accent);border-radius:12px;padding:0 16px;font-size:16px;font-weight:600}.entry-row__add{align-items:center;gap:8px;display:flex}.entry-row__add-input{text-align:center;border:1px solid var(--accent);border-radius:12px;width:130px;height:48px;font-size:20px}.entry-row__add-ok,.entry-row__add-cancel{border:1px solid var(--border);background:#f5f6f8;border-radius:12px;width:48px;height:48px;font-size:22px;font-weight:700}.entry-row__add-ok{background:var(--accent);border-color:var(--accent);color:#fff}.entry-row__batches-toggle{color:var(--muted);background:0 0;border:none;padding:8px 4px;font-size:14px}.entry-row__batches{color:var(--muted);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:4px;font-size:14px;display:flex}.entry-row__batch{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.entry-row__batch-remove{color:var(--danger);background:0 0;border:none;padding:4px 8px;font-size:18px;line-height:1}.entry-row__note{color:#166534;flex-basis:100%;margin:0;font-size:14px;font-weight:600}.add-operation-button{background:var(--surface);border:1px dashed var(--accent);color:var(--accent);border-radius:12px;align-self:flex-start;padding:14px 20px;font-size:16px;font-weight:600}.save-button{background:var(--accent);color:#fff;border:none;border-radius:14px;padding:18px;font-size:20px;font-weight:700}.save-button:active{background:var(--accent-active)}.save-button:disabled{opacity:.6}.entry-message{border-radius:12px;margin:0;padding:12px 16px;font-size:15px}.entry-message--success{color:#067647;background:#ecfdf3}.entry-message--error{color:var(--danger);background:#fef3f2}.picker-overlay{z-index:50;background:#11141880;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.picker{background:var(--surface);border-radius:20px 20px 0 0;flex-direction:column;gap:12px;width:100%;max-width:640px;max-height:85vh;padding:16px;display:flex;overflow-y:auto}@media (min-width:640px){.picker-overlay{align-items:center;padding:24px}.picker{border-radius:20px}}.picker__header{gap:8px;display:flex}.picker__search{border:1px solid var(--border);border-radius:12px;flex:1;height:52px;padding:0 16px;font-size:16px}.picker__close{background:#f5f6f8;border:none;border-radius:12px;padding:0 18px;font-size:15px;font-weight:600}.picker__departments{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;display:grid}.picker__dept-tile{border:1px solid var(--border);background:#f5f6f8;border-radius:14px;min-height:72px;padding:20px 12px;font-size:16px;font-weight:600}.picker__back{color:var(--accent);background:0 0;border:none;align-self:flex-start;padding:4px 0;font-size:15px}.picker__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.picker__item{border:1px solid var(--border);text-align:left;background:#f5f6f8;border-radius:12px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:14px 16px;font-size:16px;display:flex}.picker__confirm{flex-direction:column;gap:8px;display:flex}.picker__empty{color:var(--muted);padding:12px 0}.picker__create{border-top:1px solid var(--border);padding-top:12px}.picker__create-toggle{border:1px dashed var(--accent);width:100%;color:var(--accent);background:0 0;border-radius:12px;padding:14px;font-size:15px;font-weight:600}.picker__create-form{flex-direction:column;gap:10px;display:flex}.picker__create-input,.picker__create-form select{border:1px solid var(--border);border-radius:12px;height:48px;padding:0 14px;font-size:16px}.picker__error{color:var(--danger);margin:0;font-size:14px}.picker__create-actions{gap:10px;display:flex}.picker__create-actions button{border:1px solid var(--border);background:#f5f6f8;border-radius:12px;flex:1;height:48px;font-size:15px;font-weight:600}.picker__create-actions button:first-child{background:var(--accent);color:#fff;border:none}.eye-toggle{border:1px solid var(--border);background:var(--surface);border-radius:50%;flex-shrink:0;width:52px;height:52px;font-size:22px;line-height:1}.eye-toggle:active{background:#eef2ff}.entry-screen__top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.entry-summary{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:16px;display:flex}.history-link{color:var(--accent);font-weight:600;text-decoration:none}.history-screen{flex-direction:column;gap:16px;display:flex}.history-screen__top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.history-screen__top h1{margin:0;font-size:24px}.back-link{color:var(--accent);font-weight:600;text-decoration:none}.history-period-switch{gap:8px;display:flex}.period-link{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;padding:10px 18px;font-size:15px;font-weight:600;text-decoration:none}.history-view{flex-direction:column;gap:12px;display:flex}.history-view__top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.history-view__switch{gap:6px;display:flex}.history-view__switch-btn{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 16px;font-size:14px;font-weight:600}.history-view__switch-btn--active,.period-link--active{background:var(--accent);border-color:var(--accent);color:#fff}.history-table-wrap{flex-direction:column;gap:12px;display:flex}.history-table-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.history-period-label{font-size:18px;font-weight:600}.history-empty{color:var(--muted)}.history-table-scroll{overflow-x:auto}.history-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;overflow:hidden}.history-table th,.history-table td{text-align:left;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-size:15px}.history-table th{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:600}.history-table tbody tr:last-child td{border-bottom:none}.history-total{align-self:flex-end;font-size:18px}.summary-screen{flex-direction:column;gap:16px;display:flex}.summary-screen h1{margin:0;font-size:24px}.summary-warnings{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.summary-warning{color:#92620a;background:#fff7e6;border:1px solid #f5cf87;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.summary-period-picker{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.period-button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none}.period-button--active{background:var(--accent);border-color:var(--accent);color:#fff}.summary-custom-form{flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.summary-export{flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;display:flex}.summary-export__label{color:var(--muted)}.summary-export a{color:var(--accent);font-weight:600;text-decoration:none}.summary-custom-form label{align-items:center;gap:6px;display:flex}.summary-custom-form input[type=date]{border:1px solid var(--border);border-radius:10px;height:40px;padding:0 8px}.summary-period-label{color:var(--muted);margin:0;font-size:15px}.summary-tabs{border-bottom:1px solid var(--border);gap:8px;display:flex}.tab{color:var(--muted);border-bottom:2px solid #0000;padding:10px 6px;font-size:15px;font-weight:600;text-decoration:none}.tab--active{color:var(--accent);border-bottom-color:var(--accent)}.summary-empty{color:var(--muted)}.summary-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;overflow:hidden}.summary-table th,.summary-table td{text-align:left;border-bottom:1px solid var(--border);padding:12px 14px;font-size:15px}.summary-table th{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:600}.summary-table tfoot td{border-bottom:none;border-top:2px solid var(--border);font-weight:700}.summary-table__primary-col{color:var(--text);font-weight:700}th.summary-table__primary-col{color:var(--muted)}td.summary-table__primary-col{color:var(--accent-active)}.summary-row--clickable{cursor:pointer}.summary-row--clickable:active{background:#eef2ff}.summary-detail{flex-direction:column;gap:14px;padding:8px 4px;display:flex}.summary-detail__dept h4{margin:0 0 6px;font-size:15px}.summary-detail__dept ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.summary-table--grid{table-layout:fixed;--cell-px:14px;--qty-w:110px;--sum-w:120px;font-variant-numeric:tabular-nums}.summary-table--grid th,.summary-table--grid td{padding-left:var(--cell-px);padding-right:var(--cell-px)}.summary-col-ops{width:130px}.summary-col-qty{width:calc(var(--qty-w) + 2 * var(--cell-px))}.summary-col-sum{width:calc(var(--sum-w) + 2 * var(--cell-px))}.summary-table--grid .summary-cell-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.summary-table--grid .summary-cell-num{text-align:right}.summary-table--grid .summary-detail{padding:8px 0}.summary-detail__dept li,.summary-detail__subtotal{grid-template-columns:minmax(0, 1fr) var(--qty-w) var(--sum-w);column-gap:calc(2 * var(--cell-px));align-items:baseline;font-size:14px;display:grid}.summary-detail__dept li>span:first-child,.summary-detail__subtotal>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.summary-detail__dept li>span:not(:first-child),.summary-detail__subtotal>strong{text-align:right}.summary-detail__subtotal{color:var(--muted);margin:6px 0 0}@media (max-width:600px){.summary-table--grid{--cell-px:10px;--qty-w:72px;--sum-w:100px}.summary-col-ops{width:0}.summary-table--grid th.summary-cell-ops,.summary-table--grid td.summary-cell-ops{border-bottom-width:1px;width:0;padding:0;font-size:0;overflow:hidden}}.op-summary{flex-direction:column;gap:20px;display:flex}.op-summary__dept h3{margin:0 0 8px;font-size:17px}.op-summary__subtotal{text-align:right;margin:8px 0 0;font-size:15px}.summary-unrated{background:#fff7e6;border:1px solid #f5cf87;border-radius:14px;padding:14px 16px}.summary-unrated h3{color:#92620a;margin:0 0 8px;font-size:16px}.summary-unrated ul{margin:0;padding-left:18px}.rates-screen{flex-direction:column;gap:16px;display:flex}.rates-screen h1{margin:0;font-size:24px}.rates-screen__top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.rates-screen__top h1{margin:0;font-size:24px}.dept-manager{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:4px 16px}.dept-manager__toggle{text-align:left;width:100%;color:var(--text);background:0 0;border:none;padding:12px 0;font-size:15px;font-weight:600}.dept-manager__body{flex-direction:column;gap:12px;padding-bottom:16px;display:flex}.dept-manager__list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.dept-manager__item{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dept-manager__name{flex:auto;font-weight:600}.dept-manager__create{border-top:1px solid var(--border);flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.rates-filters{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.rates-search{border:1px solid var(--border);border-radius:12px;flex:240px;height:44px;padding:0 14px;font-size:16px}.rates-filter-checkbox{white-space:nowrap;align-items:center;gap:6px;font-size:15px;display:flex}.rates-dept{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.rates-dept__header-row{align-items:center;display:flex}.rates-dept__header{text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:10px;padding:14px 16px;font-size:16px;font-weight:700;display:flex}.rates-dept__add-toggle{border:1px dashed var(--accent);color:var(--accent);background:0 0;border-radius:10px;flex-shrink:0;margin-right:12px;padding:8px 12px;font-size:13px;font-weight:600}.rates-dept__add-form{background:#f5f6f8;border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;display:flex}.rates-dept__add-form input{border:1px solid var(--border);border-radius:10px;flex:200px;height:40px;padding:0 10px}.rates-dept__add-actions{gap:8px;display:flex}.rates-dept__add-actions button{border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700}.rates-dept__add-actions button:first-child{background:var(--accent);color:#fff}.rates-dept__add-actions button:last-child{border:1px solid var(--border);background:#fff}.rates-dept__empty{color:var(--muted);margin:0;font-size:14px}.rates-dept__count{color:var(--muted);font-size:14px;font-weight:500}.rates-dept__caret{color:var(--muted);margin-left:auto}.rates-dept__body{flex-direction:column;gap:10px;padding:0 16px 16px;display:flex}.rates-row{border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.rates-row--inactive{opacity:.6}.rates-row--unrated{background:#fff7e6;border-color:#f5cf87}.rates-row__main{flex-direction:column;flex:200px;gap:2px;display:flex}.rates-row__name{font-size:16px;font-weight:600}.rates-row__rename-toggle{color:var(--muted);cursor:pointer;background:0 0;border:none;margin-left:6px;padding:2px 4px;font-size:14px}.rates-row__rename-toggle:hover{color:var(--accent)}.rates-row__rename{flex-direction:column;gap:4px;display:flex}.rates-row__confirm{flex-direction:column;gap:6px;display:flex}.rates-row__rename-input{border:1px solid var(--accent);border-radius:8px;max-width:320px;height:36px;padding:0 10px;font-size:16px;font-weight:600}.rates-row__badge{color:var(--danger);margin-left:8px;font-size:12px;font-weight:600}.rates-row__rate{color:var(--muted);font-size:14px}.rates-row__actions{flex-wrap:wrap;gap:8px;display:flex}.rates-row__actions button{border:1px solid var(--border);background:#f5f6f8;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600}.rates-row__edit{border-top:1px solid var(--border);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;padding-top:8px;display:flex}.rates-row__edit input{border:1px solid var(--border);border-radius:10px;height:40px;padding:0 10px}.rates-row__edit input[type=date]{min-width:160px}.rates-row__edit-actions{gap:8px;display:flex}.rates-row__edit-actions button{border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700}.rates-row__edit-actions button:first-child{background:var(--accent);color:#fff}.rates-row__edit-actions button:last-child{border:1px solid var(--border);background:#f5f6f8}.rates-row__error{color:var(--danger);flex-basis:100%;margin:0;font-size:14px}.rates-history{border-collapse:collapse;flex-basis:100%;width:100%;margin-top:4px}.rates-history th,.rates-history td{text-align:left;border-bottom:1px solid var(--border);padding:6px 8px;font-size:14px}.rates-bulk{background:var(--surface);border:1px solid var(--accent);border-radius:14px;flex-direction:column;gap:10px;padding:16px;display:flex;position:-webkit-sticky;position:sticky;bottom:0;box-shadow:0 -4px 16px #00000014}.rates-bulk__title{margin:0;font-weight:700}.rates-bulk__date{align-items:center;gap:8px;font-size:15px;display:flex}.rates-bulk__date input{border:1px solid var(--border);border-radius:10px;height:40px;padding:0 10px}.rates-bulk__list{flex-direction:column;gap:8px;max-height:240px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.rates-bulk__list li{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.rates-bulk__list li span:first-child{flex:200px}.rates-bulk__amount{border:1px solid var(--border);border-radius:10px;width:140px;height:40px;padding:0 10px}.rates-bulk__error{color:var(--danger);font-size:13px}.rates-bulk__actions{gap:8px;display:flex}.rates-bulk__actions button{border:none;border-radius:10px;padding:12px 20px;font-size:15px;font-weight:700}.rates-bulk__actions button:first-child{background:var(--accent);color:#fff}.rates-bulk__actions button:last-child{border:1px solid var(--border);background:#f5f6f8}.import-screen{flex-direction:column;gap:16px;display:flex}.import-screen__top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.import-screen__top h1{margin:0;font-size:24px}.import-hint{color:var(--muted);margin:0;font-size:14px}.import-template-link{background:var(--surface);border:1px dashed var(--accent);color:var(--accent);border-radius:12px;align-self:flex-start;padding:10px 16px;font-size:15px;font-weight:600;text-decoration:none}.import-form{flex-direction:column;gap:16px;display:flex}.import-upload{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.import-filename{font-size:14px;font-weight:600}.import-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.import-actions button{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 16px;font-size:15px;font-weight:600}.import-actions button:first-child{background:var(--accent);color:#fff;border-color:var(--accent)}.import-summary{flex-direction:column;gap:10px;display:flex}.import-summary__stats{flex-wrap:wrap;gap:16px;font-size:15px;font-weight:600;display:flex}.import-summary__errors{color:var(--danger)}.import-summary__depts{color:var(--muted);margin:0;font-size:14px}.import-table-scroll{overflow-x:auto}.import-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;overflow:hidden}.import-table th,.import-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:14px}.import-table th{color:var(--muted);text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:600}.import-row--error{background:#fef3f2}.import-row--create{background:#ecfdf3}.import-row--add-rate{background:#eff6ff}.employees-screen{flex-direction:column;gap:16px;display:flex}.employees-screen h1{margin:0;font-size:24px}.employees-manager{flex-direction:column;gap:16px;display:flex}.employees-list{flex-direction:column;gap:10px;display:flex}.employees-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:12px;padding:12px;display:flex}.employees-row--inactive{opacity:.6}.employees-row--unrated{background:#fff7e6;border-color:#f5cf87}.employees-row__order{flex-direction:column;gap:2px;display:flex}.employees-row__order button{border:1px solid var(--border);background:#f5f6f8;border-radius:8px;width:32px;height:28px;padding:0;font-size:14px;line-height:1}.employees-row__order button:disabled{opacity:.35}.employees-row__main{flex-direction:column;flex:200px;gap:2px;display:flex}.employees-row__name{font-size:16px;font-weight:600}.employees-row__meta{color:var(--muted);font-size:14px}.employees-row select{border:1px solid var(--border);border-radius:10px;height:40px;padding:0 10px}.employees-row__actions{flex-wrap:wrap;gap:8px;display:flex}.employees-row__actions button{border:1px solid var(--border);background:#f5f6f8;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600}.employees-row__edit{border-top:1px solid var(--border);flex-wrap:wrap;flex-basis:100%;align-items:center;gap:8px;padding-top:8px;display:flex}.employees-row__edit input{border:1px solid var(--border);border-radius:10px;height:40px;padding:0 10px}.employees-create{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:16px;display:flex}.employees-create h3{margin:0;font-size:16px}.employees-create__fields{flex-wrap:wrap;gap:10px;display:flex}.employees-create__fields input,.employees-create__fields select{border:1px solid var(--border);border-radius:10px;flex:180px;height:44px;padding:0 12px;font-size:15px}.employees-create>button{background:var(--accent);color:#fff;border:none;border-radius:10px;align-self:flex-start;padding:10px 20px;font-size:15px;font-weight:700}.summary-detail__links{flex-wrap:wrap;gap:16px;display:flex}.summary-detail__edit-link{color:var(--accent);align-self:flex-start;font-size:14px;font-weight:600;text-decoration:none}.admin-entries-table__qty-input{border:1px solid var(--border);border-radius:8px;width:80px;height:36px;padding:0 8px}.admin-entries-table__time{color:var(--muted);font-size:12px;display:block}.admin-entries-table__note{color:#166534;flex-basis:100%;margin:0;font-size:13px;font-weight:600}.admin-entries-table__actions{white-space:nowrap;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-entries-table__actions button{border:1px solid var(--border);background:#f5f6f8;border-radius:10px;padding:6px 10px;font-size:14px;font-weight:600}.periods-screen{flex-direction:column;gap:16px;display:flex}.periods-screen h1{margin:0;font-size:24px}.periods-list{flex-direction:column;gap:10px;display:flex}.periods-row{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.periods-row--closed{opacity:.85}.periods-row__main{flex-direction:column;gap:2px;display:flex}.periods-row__label{font-size:16px;font-weight:600}.periods-row__status{color:var(--muted);font-size:14px}.periods-row button{border:1px solid var(--border);background:#f5f6f8;border-radius:10px;padding:8px 12px;font-size:14px;font-weight:600}.summary-detail__payroll{color:var(--muted);margin:0;font-size:14px}.adjustments-badge{color:#92620a;background:#fff7e6;border:1px solid #f5cf87;border-radius:8px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600}.employees-row__notes{border-top:1px solid var(--border);flex-basis:100%;grid-template-columns:1fr 1fr;gap:16px;margin-top:4px;padding-top:12px;display:grid}@media (max-width:640px){.employees-row__notes{grid-template-columns:1fr}}.employees-row__notes-col h4{color:var(--muted);margin:0 0 8px;font-size:14px}.notes-list,.adjustments-list{flex-direction:column;gap:8px;display:flex}.notes-empty{color:var(--muted);margin:0;font-size:14px}.note-item{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:6px;padding:10px;display:flex}.note-item--pinned{background:#fffbea;border-color:#f5cf87}.note-item__text{white-space:pre-wrap;margin:0;font-size:14px}.note-item__pin-icon{font-size:12px}.note-item__actions,.adjustment-item__actions{flex-wrap:wrap;gap:8px;display:flex}.note-item__actions button,.adjustment-item__actions button{border:1px solid var(--border);background:#f5f6f8;border-radius:8px;padding:6px 10px;font-size:13px;font-weight:600}.notes-add{border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:8px;padding:10px;display:flex}.notes-add textarea,.notes-add input,.notes-add select{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:14px}.notes-add__actions{gap:8px;display:flex}.notes-pin-checkbox{align-items:center;gap:6px;font-size:13px;display:flex}.notes-add-toggle{border:1px dashed var(--border);color:var(--accent);background:0 0;border-radius:8px;align-self:flex-start;padding:8px 12px;font-size:14px;font-weight:600}.adjustment-item{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:10px;font-size:14px;display:flex}.adjustment-item--settled{opacity:.6}.adjustment-item__type{border-radius:8px;padding:2px 8px;font-size:13px;font-weight:700}.adjustment-item__type--advance{color:#1d4fa3;background:#e6f0ff}.adjustment-item__type--deduction{color:#a31d1d;background:#ffe6e6}.adjustment-item__type--bonus{color:#1d8a3a;background:#e6ffe9}.adjustment-item__amount{font-weight:700}.adjustment-item__date{color:var(--muted)}.adjustment-item__comment{color:var(--muted);flex-basis:100%;font-size:13px}.employees-row__delete-button{color:var(--danger);border-color:var(--danger)}.delete-employee{border:1px solid var(--danger);background:#fff5f5;border-radius:12px;flex-direction:column;flex-basis:100%;gap:10px;margin-top:8px;padding:12px;display:flex}.delete-employee__stats{margin:0;font-size:14px}.delete-employee__hint{color:var(--muted);margin:0;font-size:14px}.delete-employee__export-link{color:var(--accent);align-self:flex-start;font-size:14px;font-weight:600;text-decoration:none}.delete-employee__confirm-label{flex-direction:column;gap:4px;font-size:14px;font-weight:600;display:flex}.delete-employee__confirm-label input{border:1px solid var(--border);border-radius:10px;height:40px;padding:0 10px;font-weight:400}.delete-employee__actions{flex-wrap:wrap;gap:8px;display:flex}.delete-employee__actions button{border:1px solid var(--border);background:#f5f6f8;border-radius:10px;padding:8px 14px;font-size:14px;font-weight:600}.delete-employee__danger-button{background:var(--danger);border-color:var(--danger);color:#fff}.delete-employee__danger-button:disabled{border-color:var(--border);color:var(--text);opacity:.6;background:#f5f6f8}.matrix{flex-direction:column;gap:10px;display:flex}.matrix__toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.matrix__mode{gap:6px;display:flex}.matrix__mode-btn{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:6px 14px;font-size:14px;font-weight:600}.matrix__mode-btn--active{background:var(--accent);border-color:var(--accent);color:#fff}.matrix__export-link{color:var(--accent);font-size:14px;font-weight:600;text-decoration:none}.matrix__scroll{border:1px solid var(--border);border-radius:14px;overflow-x:auto}.matrix__table{border-collapse:collapse;white-space:nowrap;font-size:14px}.matrix__table th,.matrix__table td{border-bottom:1px solid var(--border);text-align:right;padding:8px 10px}.matrix__name-col{z-index:1;background:var(--surface);text-align:left;min-width:200px;box-shadow:1px 0 0 var(--border);font-weight:600;position:-webkit-sticky;position:sticky;left:0}.matrix__name-col--head{z-index:2}.matrix__name-col--sub{color:var(--muted);padding-left:24px;font-weight:400}.matrix__badge{color:var(--danger);margin-left:8px;font-size:12px;font-weight:600}.matrix__day-head{text-align:center;min-width:56px;color:var(--muted);font-weight:600;display:table-cell}.matrix__day-weekday{text-transform:uppercase;font-size:11px;display:block}.matrix__day-date{font-size:13px;display:block}.matrix__day-head--muted{background:#f5f6f8}.matrix__cell--muted{background:#fafafa}.matrix__total-col{min-width:90px;font-weight:700}.matrix__table tfoot td{font-size:15px;font-weight:700}.matrix__row--clickable{cursor:pointer}.matrix__row--clickable:active{background:#eef2ff}.matrix__row--sub{background:#fbfbfd}.matrix__row--sub .matrix__cell,.matrix__row--sub .matrix__cell--muted{color:var(--muted)}.personal-rates{flex-direction:column;flex:100%;gap:10px;display:flex}.personal-rates h4{margin:0}.personal-rates__hint,.personal-rates__empty{color:var(--muted);margin:0;font-size:13px}.personal-rates__line,.personal-rates__new{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;display:flex}.personal-rates__name{flex:200px;font-weight:600}.personal-rates__base,.personal-rates__label{color:var(--muted);font-size:14px}.personal-rates__input{border:1px solid var(--border);text-align:right;border-radius:10px;width:110px;height:40px;padding:0 10px;font-size:16px}.personal-rates__save,.personal-rates__add{border:1px solid var(--accent);background:var(--surface);color:var(--accent);border-radius:10px;padding:8px 14px;font-weight:600}.personal-rates__add{border-style:dashed;align-self:flex-start}.personal-rates__remove{color:var(--danger);background:0 0;border:none;padding:4px 10px;font-size:22px;line-height:1}.rates-row__badge--personal{color:var(--accent);background:#eef2ff}.official-payment{flex:100%}.official-payment__toggle{color:var(--text);background:0 0;border:none;padding:4px 0;font-size:14px}.official-payment__panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;margin-top:6px;padding:12px;display:flex}.official-payment__form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.official-payment__form input{border:1px solid var(--border);border-radius:10px;height:40px;padding:0 10px;font-size:16px}.official-payment__form label{color:var(--muted);flex-direction:column;gap:4px;font-size:13px;display:flex}.official-payment__hint{color:var(--muted);margin:0;font-size:13px}.payslip-screen{flex-direction:column;gap:12px;max-width:640px;margin:0 auto;display:flex}.payslip__toolbar{justify-content:space-between;align-items:center;display:flex}.payslip__print{background:var(--accent);color:#fff;border:none;border-radius:12px;padding:12px 22px;font-size:16px;font-weight:700}.payslip{border:1px solid var(--border);color:#111;background:#fff;border-radius:14px;padding:24px}.payslip__title{margin:0 0 4px;font-size:22px}.payslip__meta{color:#444;margin:0 0 16px}.payslip__table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.payslip__table td{border-bottom:1px solid #ddd;padding:8px 0;font-size:16px}.payslip__amount{text-align:right;white-space:nowrap}.payslip__row--main td{padding-bottom:14px;font-weight:600}.payslip__row--total td{border-top:2px solid #111;border-bottom:none;padding-top:12px;font-size:18px;font-weight:700}.payslip__note{color:#92620a;margin:14px 0 0;font-size:13px}@media print{.no-print,.app-header,header,nav{display:none!important}body{background:#fff}.payslip-screen{max-width:none;margin:0}.payslip{border:none;padding:0}}.payslip__ops{margin-bottom:16px}.payslip__ops th{text-align:left;color:#444;border-bottom:2px solid #111;padding:6px 0;font-size:13px;font-weight:600}.payslip__ops th.payslip__amount{text-align:right}.payslip__ops td{font-size:15px}.payslip__ops th.payslip__amount,.payslip__ops td.payslip__amount{padding-left:16px}.summary-print-all{margin:0 0 10px;font-weight:600}.payslip-screen .payslip+.payslip{margin-top:16px}@media print{.payslip{break-inside:avoid;page-break-after:always}.payslip:last-of-type{page-break-after:auto}.payslip-screen .payslip+.payslip{margin-top:0}}.summary-export__print{color:var(--accent);white-space:nowrap;font-weight:700}.payslip-checklist{flex-direction:column;gap:12px;display:flex}.payslip-checklist__top{align-items:center;gap:16px;display:flex}.payslip-checklist__all{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:8px 14px;font-weight:600}.payslip-checklist__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.payslip-checklist__list label{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;font-size:16px;display:flex}.payslip-checklist__list input[type=checkbox]{width:22px;height:22px}.payslip-checklist .payslip__print{align-self:flex-start}.payslip-checklist .payslip__print:disabled{opacity:.5}.summary-warning--expand summary{cursor:pointer;list-style:none}.summary-warning--expand summary::-webkit-details-marker{display:none}.summary-warning--expand summary:after{content:" ▸"}.summary-warning--expand[open] summary:after{content:" ▾"}.summary-warning__list{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;font-weight:500;list-style:none;display:flex}.client-errors__hint{color:#555;margin:0 0 12px}.client-errors__scroll{overflow-x:auto}.client-errors-table td,.client-errors-table th{text-align:left;vertical-align:top;word-break:break-word}.client-errors-table pre{white-space:pre-wrap;margin:4px 0 0;font-size:12px}