: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,Segoe UI,Roboto,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,.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,.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)}.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}.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;inset: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__item-dept{color:var(--muted);font-size:13px}.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}.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;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-detail__dept li{justify-content:space-between;gap:10px;font-size:14px;display:flex}.summary-detail__subtotal{color:var(--muted);margin:6px 0 0;font-size:14px}.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{text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:14px 16px;font-size:16px;font-weight:700;display:flex}.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__main{flex-direction:column;flex:200px;gap:2px;display:flex}.rates-row__name{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-actions{gap:8px;display:flex}.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: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__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__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__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}