:root{font-family:system-ui,'Segoe UI',sans-serif;color:#183e34;background:#f4f5ef;font-size:16px}*{box-sizing:border-box}body{margin:0}header{background:#145b4b;color:white;padding:30px max(20px,calc((100% - 600px)/2));display:flex;justify-content:space-between;align-items:start}header small{letter-spacing:2px;font-size:10px;opacity:.7}h1{font-size:29px;margin:12px 0 0}h1 span{display:block;font-size:13px;font-weight:400;margin-top:8px;opacity:.8}.version{border:1px solid #ffffff50;border-radius:20px;padding:5px 10px;font-size:12px}main{max-width:640px;margin:auto;padding:20px}aside{font-size:12px;line-height:1.6;background:#fff2d7;color:#775b24;padding:12px 14px;border-radius:12px}nav{display:flex;gap:6px;margin:22px 0}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:12px;background:#e7ede5;color:#214d40;padding:14px;min-height:48px}nav button{flex:1;padding:12px 5px;font-size:14px;font-weight:650}nav .active{background:#145b4b;color:white}section{background:white;border-radius:22px;padding:25px;box-shadow:0 7px 30px #193a2910}.heading{margin-bottom:28px}.heading p{font-size:10px;letter-spacing:2px;color:#769380}.heading h2{font-size:23px;margin:10px 0}.heading>span{font-size:13px;color:#708076;line-height:1.6}label{display:block;font-size:13px;font-weight:600;margin-bottom:20px}input,select{display:block;width:100%;margin-top:9px;padding:13px 12px;border:1px solid #dae2d9;border-radius:10px;background:#fbfcf9;color:#153e31;min-width:0;min-height:49px}input:focus,select:focus,button:focus-visible{outline:3px solid #9bd5b8;outline-offset:2px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.total{padding:20px 0 24px;display:flex;justify-content:space-between;gap:12px;align-items:center;border-top:1px dashed #dbe3d8}.total span{font-size:13px}.total small{display:block;font-size:10px;color:#7a887d;margin-top:6px}.total strong{font-size:27px;white-space:nowrap}.primary{width:100%;background:#145b4b;color:white;font-weight:650}.cancel{width:100%;margin-top:8px}button:disabled{opacity:.5;cursor:wait}#status{font-size:14px;line-height:1.6;white-space:pre-line}footer{text-align:center;font-size:11px;color:#859184;margin:25px 0}.record{border-bottom:1px solid #e3e9df;padding:16px 0}.record strong{display:block;margin:8px 0}.record small{color:#718074}.record button{font-size:12px;padding:8px 14px;min-height:38px;margin:10px 6px 0 0}#update,#install{width:100%;margin-top:12px}[hidden]{display:none!important}@media(max-width:380px){main{padding:12px}section{padding:20px}.total strong{font-size:22px}}

.notice-popup{position:fixed;z-index:100;right:20px;bottom:20px;display:flex;align-items:center;gap:16px;width:max-content;max-width:calc(100vw - 40px);padding:16px 18px;background:#e5efe6;color:#183e34;border:1px solid #9fb7a5;border-radius:12px;box-shadow:0 8px 32px #193a2930;margin:0;font-size:13px;line-height:1.6}
#update{margin-bottom:20px}
.notice-popup span{min-width:0;overflow-wrap:anywhere;white-space:pre-line}
.notice-popup button{flex-shrink:0;min-height:44px;padding:8px 12px;font-size:13px}
#status.notice-popup{bottom:130px}
.input-note{font-size:12px;line-height:1.7;color:#566e61}

.changes{background:#f4f5ef;border-radius:12px;padding:14px;margin-top:12px;font-size:12px;line-height:1.7;overflow-wrap:anywhere}.changes article{border-top:1px solid #dae2d9;padding-top:8px}.changes strong{font-size:12px}

.history-actions{display:flex;gap:8px}.history-actions button{flex:1}#history-summary{font-size:12px;color:#566e61;line-height:1.6}

/* Workspace navigation and daily operations landing page. */
.logistics-app{background:#f3f4ef}
.logistics-app header{padding:26px max(24px,calc((100% - 880px)/2));background:#153f35}
.logistics-app main{max-width:928px;padding:24px}
.logistics-app header h1{font-size:26px;letter-spacing:-1px}
.logistics-app .version{font-size:9px;letter-spacing:1.5px;margin-top:10px;padding:8px 11px}
.logistics-app #data-mode{background:#e8eee7;color:#496251;border:1px solid #d9e3d7;border-radius:10px}
.workspace-nav{padding:5px;background:#e5e9e1;border-radius:14px;gap:4px;margin:20px 0 24px}
.workspace-nav button,.workspace-nav a{flex:1;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#587062;background:transparent;border-radius:10px;font-size:13px;font-weight:650;padding:11px 4px;min-height:44px}
.workspace-nav button.active{background:white;color:#194a39;box-shadow:0 2px 6px #193a2910}
.home-panel{padding:0;background:transparent;box-shadow:none;border-radius:0}
.home-intro{position:relative;padding:32px 34px;background:#e1e8dc;border:1px solid #d6dfd0;border-radius:20px;overflow:hidden}
.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;color:#597451;margin:0 0 22px}
.home-date{position:absolute;right:28px;top:30px;font-size:12px;color:#60745a}
.home-intro h2{position:relative;z-index:1;font-size:32px;line-height:1.4;letter-spacing:-1.5px;font-weight:650;margin:0 0 14px}
.home-intro>p:last-of-type{font-size:13px;color:#60745c;line-height:1.8;margin:0}
.intro-mark{position:absolute;right:30px;bottom:-25px;font-size:190px;color:#c9d6bf;line-height:1;font-weight:300;pointer-events:none}
.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}
.menu-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:26px;background:#fff;border:1px solid #e0e5da;border-radius:18px;text-decoration:none;color:#1c4033;min-width:0;transition:border-color .18s,box-shadow .18s,transform .18s}
nav .menu-card{font-size:inherit;font-weight:400;padding:26px}
.menu-card:hover{border-color:#8daa85;box-shadow:0 8px 24px #193a2910;transform:translateY(-2px)}
.menu-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:#edf2e8;border-radius:12px;font-size:25px;line-height:1;color:#3a6544;margin-bottom:23px}
.menu-number{position:absolute;right:24px;top:29px;font-size:11px;letter-spacing:1px;color:#8a9b89}
.menu-card strong{font-size:20px;letter-spacing:-.6px;margin-bottom:10px}
.menu-description{font-size:13px;line-height:1.8;color:#74816e}
.menu-action{display:flex;justify-content:space-between;width:100%;margin-top:24px;padding-top:16px;border-top:1px solid #edf0e9;font-size:12px;font-weight:650;color:#466644}
.master-card{background:#f0f3e9;border-color:#dbe2cd}
.master-card .menu-icon{background:#e1e8d3}
.home-note{text-align:center;color:#8a9781;font-size:11px;margin:25px 0}
.logistics-app #logout{font-size:12px;background:transparent;color:#75816f;display:block;margin:20px auto 0;min-height:36px;padding:8px 14px}
.logistics-app footer{margin-top:14px}
@media(min-width:700px){.logistics-app section:not(.home-panel){max-width:680px;margin:auto}}
@media(max-width:480px){.logistics-app main{padding:16px}.logistics-app header{padding:24px}.home-intro{padding:26px 23px}.home-date{position:static;display:block;margin-top:-14px;margin-bottom:20px;font-size:11px}.home-intro h2{font-size:27px}.intro-mark{font-size:155px;right:10px;bottom:-12px}.menu-grid{gap:10px}.menu-card,nav .menu-card{padding:19px 16px}.menu-card strong{font-size:16px}.menu-description{font-size:11px}.menu-icon{margin-bottom:18px;width:36px;height:36px;font-size:22px}.menu-number{right:16px;top:22px}.menu-action{font-size:10px;margin-top:18px;padding-top:13px}.workspace-nav button,.workspace-nav a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.menu-card{transition:none}.menu-card:hover{transform:none}}

.logistics-app #history{max-width:none}
#history .heading{margin-bottom:22px}
#history-filters{display:grid;grid-template-columns:1.4fr .7fr 1.5fr;gap:14px;align-items:end}
#history-filters label{margin-bottom:0}
#history-filters input,#history-filters select{font-size:13px;padding:10px;min-height:44px}
#history-filters .pair{gap:10px}
#history-filters .history-actions{grid-column:1/-1;justify-content:flex-end}
#history-filters .history-actions button{flex:none;font-size:12px;min-height:38px;padding:9px 16px}
.table-hint{font-size:11px;line-height:1.7;color:#7a8875;margin:14px 0 10px}
.records-scroll{max-height:65vh;overflow:auto;border:1px solid #dfe5da;border-radius:12px;overscroll-behavior-x:contain;background:white}
.records-scroll:empty{border:0}
.records-table{width:100%;min-width:1040px;border-collapse:separate;border-spacing:0;font-size:12px;line-height:1.5}
.records-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.records-table th{position:sticky;top:0;z-index:2;text-align:left;background:#edf2e8;color:#58704f;font-size:11px;font-weight:650;padding:13px 12px;border-bottom:1px solid #d8e1d0;white-space:nowrap}
.records-table td{padding:12px;border-bottom:1px solid #e9ede4;vertical-align:middle;color:#3e5341}
.records-table tbody>tr:nth-child(4n+3){background:#f8faf5}
.records-table tbody>tr:not(.history-detail-row):hover{background:#edf4e9}
.records-table td:first-child{white-space:nowrap;font-variant-numeric:tabular-nums;position:sticky;left:0;background:#f5f8f1;z-index:1;border-right:1px solid #e4eade}
.records-table th:first-child{left:0;z-index:3}
.records-table td:nth-child(3),.records-table td:nth-child(4){min-width:115px;max-width:200px;overflow-wrap:anywhere}
.records-table .numeric{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.records-table .record-total{font-weight:700;color:#214d38}
.record-badge{display:inline-block;font-size:10px;font-weight:650;padding:3px 7px;border-radius:5px;white-space:nowrap}
.receipt-badge{color:#376647;background:#e7f0e2}.stock-badge{color:#7a613c;background:#f3eddf}
.row-controls{display:flex;gap:5px;white-space:nowrap}
.row-controls button{font-size:11px;padding:6px 9px;min-height:32px;border-radius:6px;background:#edf1e8;color:#486140}
.row-controls button:hover{background:#dce7d4}
.records-table .history-detail-row td:first-child{position:static;background:#f4f7ee;padding:14px 18px}
.history-detail-row .changes{margin:0;background:transparent;padding:0;max-width:780px;white-space:normal}
.table-summary{font-size:12px;font-weight:600;color:#42603d;margin:12px 0 0}
.receipt-group-table tfoot th,.receipt-group-table tfoot td{position:static;padding:14px 12px;background:#e6eee2;border-top:2px solid #b7cbb0;border-bottom:0;color:#214d38;font-size:13px;font-weight:700}
@media(max-width:700px){#history-filters{grid-template-columns:1fr 1fr}#history-filters>.pair{grid-column:1/-1}.logistics-app #history{padding:20px 16px}.records-table td,.records-table th{padding:10px}.records-scroll{max-height:60vh}}

body[data-program="receipt"] .records-table{min-width:960px}
body[data-program="stock"] .records-table{min-width:840px}
body[data-program] .records-table td:nth-child(3),body[data-program] .records-table td:nth-child(4){min-width:0;max-width:none}
body[data-program="receipt"] .records-table td:nth-child(2),body[data-program="receipt"] .records-table td:nth-child(3),body[data-program="stock"] .records-table td:nth-child(2){min-width:115px;max-width:200px;overflow-wrap:anywhere}
.logistics-app #receipt{max-width:none}
#receipt .heading{margin-bottom:18px}
.receipt-context label{margin-bottom:16px}
.receipt-table-scroll{max-height:52vh;overflow:auto;border:1px solid #dbe3d8;border-radius:12px}
.receipt-input-table{width:100%;table-layout:fixed;border-spacing:0;font-size:13px}
.receipt-input-table caption,.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.receipt-item-col{width:48%}.receipt-quantity-col{width:14%}.receipt-price-col{width:16%}.receipt-amount-col{width:18%}.receipt-remove-col{width:4%}
.receipt-input-table th{position:sticky;top:0;z-index:1;background:#edf2e8;text-align:left;padding:11px 10px;color:#526b4c;border-bottom:1px solid #dbe3d8;white-space:nowrap}
.receipt-input-table th small{font-size:10px;font-weight:400}
.receipt-input-table td{padding:4px 6px;vertical-align:middle;border-bottom:1px solid #e5eadf}
.receipt-input-table tbody tr:nth-child(even){background:#f8faf5}
.receipt-input-table input,.receipt-input-table select{margin:0;min-height:32px;padding:5px 4px;font-size:13px;border-radius:5px}
.receipt-input-table input{text-align:right;font-variant-numeric:tabular-nums}
.receipt-input-table td small{display:block;font-size:10px;line-height:1.5;color:#788572;margin-top:5px;overflow-wrap:anywhere}
.receipt-input-table .receipt-line-amount{text-align:right;font-weight:650;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.receipt-item-name{display:none;line-height:1.35;overflow-wrap:anywhere}
#receipt-form[data-receipt-mode="new"] .receipt-item-name{display:block}
#receipt-form[data-receipt-mode="new"] .receipt-input-table select{display:none}
#receipt-form[data-receipt-mode="new"] .receipt-remove-col{width:0}
#receipt-form[data-receipt-mode="new"] .receipt-item-col{width:52%}
#receipt-form[data-receipt-mode="new"] .receipt-input-table tr>:nth-child(5){display:none}
.receipt-input-table input[type="number"]{appearance:textfield;-moz-appearance:textfield}
.receipt-input-table input::-webkit-inner-spin-button,.receipt-input-table input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.receipt-input-table button{min-height:36px;width:100%;padding:4px 0;font-size:20px;background:transparent;color:#8c6257;border-radius:6px}
.receipt-input-table button:hover{background:#f8e9e3}
.receipt-table-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:12px 0 18px}
#add-receipt-line{min-height:40px;padding:9px 14px;font-size:13px;white-space:nowrap}
#receipt-batch-total{font-size:15px;font-weight:700;text-align:right;margin:0}
.receipt-settlement{margin-bottom:16px}
.receipt-settlement input{min-height:42px;padding:10px 12px;margin-top:6px}
@media(max-width:480px){
  .logistics-app #receipt{padding:18px 12px}
  .receipt-context{gap:10px;grid-template-columns:1fr 1.2fr}
  .receipt-context input,.receipt-context select{padding:9px 6px;font-size:13px;min-height:42px}
  .receipt-input-table th,.receipt-input-table td{padding:4px 3px;font-size:11px}
  .receipt-input-table input,.receipt-input-table select{font-size:12px;padding:5px 2px;min-height:32px}
  .receipt-input-table .receipt-line-amount{font-size:11px}
  .receipt-input-table td small{font-size:9px}
  #receipt-batch-total{font-size:13px}
}
body[data-program="receipt"] .records-table.receipt-group-table{min-width:0;width:100%;table-layout:fixed}
body[data-program="receipt"] .receipt-group-table th:nth-child(1){width:23%}
body[data-program="receipt"] .receipt-group-table th:nth-child(2){width:35%}
body[data-program="receipt"] .receipt-group-table th:nth-child(3){width:27%;text-align:right}
body[data-program="receipt"] .receipt-group-table th:nth-child(4){width:15%}
body[data-program="receipt"] .receipt-group-table td:nth-child(2){min-width:0;max-width:none;overflow-wrap:anywhere}
.receipt-group-table td,.receipt-group-table th{padding:12px 10px}
.receipt-group-table td button{min-height:36px;padding:7px 12px;font-size:12px;border-radius:7px}
@media(max-width:480px){
 body[data-program="receipt"] .receipt-group-table th,body[data-program="receipt"] .receipt-group-table td{padding:10px 4px;font-size:11px}
 .receipt-group-table td button{padding:6px;font-size:11px}
}
.checkbox-field{display:flex;align-items:center;gap:10px;min-height:44px}
.checkbox-field input[type="checkbox"]{display:inline-block;width:20px;height:20px;min-height:20px;margin:0;accent-color:#145b4b}
.logistics-app #master-list{max-width:none}
.master-list-toolbar{display:flex;gap:16px;align-items:end;margin-bottom:18px}
.master-list-toolbar label{flex:1;margin:0}
.master-list-toolbar button{white-space:nowrap;min-height:49px}
.master-table-scroll{max-height:60vh;overflow:auto;border:1px solid #dbe3d8;border-radius:12px}
.master-items-table{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;line-height:1.5}
.master-items-table caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.master-items-table th{position:sticky;top:0;z-index:1;background:#edf2e8;color:#526b4c;text-align:left;white-space:nowrap;padding:12px 10px;border-bottom:1px solid #dbe3d8}
.master-items-table td{padding:10px;border-bottom:1px solid #e5eadf;overflow-wrap:anywhere}
.master-items-table tr:nth-child(even){background:#f8faf5}
.master-items-table .numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.master-items-table .master-stock-cell{text-align:center}
.master-items-table input[type="checkbox"]{display:inline-block;width:18px;height:18px;min-height:18px;margin:0;accent-color:#145b4b}
.master-items-table button{font-size:12px;min-height:34px;padding:7px 12px;white-space:nowrap;border-radius:7px}
@media(max-width:600px){.master-items-table{min-width:570px}.master-list-toolbar{gap:10px}.master-list-toolbar button{font-size:12px;padding:10px}.master-table-scroll{max-height:55vh}}
.master-items-table td>input:not([type="checkbox"]){margin:0;min-height:38px;padding:8px;font-size:13px;border-radius:7px}
.master-items-table td:nth-child(2)>input{text-align:right}
.master-items-table th:first-child{width:28%}
.master-items-table th:nth-child(2){width:16%}
.master-items-table th:nth-child(3){width:16%}
.master-items-table th:nth-child(4){width:10%}
.master-items-table th:nth-child(5){width:18%}
.master-items-table td>select{margin:0;min-width:120px;min-height:38px;padding:8px;font-size:13px;border-radius:7px}
.master-items-table .master-inline-actions{min-width:95px}
.master-inline-actions button{margin:0 4px 4px 0}
.master-inline-actions small{display:block;font-size:11px;line-height:1.5;color:#587062;max-width:180px;overflow-wrap:anywhere}

.erp-roadmap{padding:20px 24px;border:1px solid #d6dfd0;border-radius:18px;background:#edf1e8;color:#496251}
.erp-roadmap h3{font-size:15px;margin:0 0 12px}.erp-roadmap p{font-size:13px;line-height:1.9;margin:0 0 10px}.erp-roadmap small{font-size:11px;color:#708076}
.logistics-app .attendance-home{margin:20px auto 0;max-width:none}
.attendance-home .heading{margin-bottom:18px}.attendance-home a{font-size:13px;color:#145b4b}
#attendance-status,#attendance-break-feedback{font-size:13px;line-height:1.6;color:#775b24;white-space:pre-line}
#attendance-editor{margin-top:20px}#attendance-summary{line-height:1.7}
#attendance-filters{margin-bottom:24px}
.attendance-delete{width:100%;margin-top:8px;background:#f7e5df;color:#9d3329}
.records-table.attendance-table{min-width:0;font-size:12px}
.attendance-table th,.attendance-table td{padding:8px 4px;white-space:nowrap}
.attendance-table td:nth-child(3),.attendance-table td:nth-child(4){min-width:0;max-width:none;font-variant-numeric:tabular-nums}
.attendance-table td:nth-child(2){white-space:nowrap;overflow-wrap:normal}
.attendance-times span{display:block;line-height:1.7;white-space:nowrap}
.attendance-table button{min-height:32px;padding:4px 7px;font-size:11px;border-radius:6px}
.attendance-table button+button{margin-left:3px}
.attendance-table .attendance-history-row>td{position:static;white-space:normal;padding:12px;background:#f0f6ec;border-right:0}
.attendance-history-entry+.attendance-history-entry{margin-top:12px;padding-top:10px;border-top:1px solid #d5e1d0}
.attendance-history-entry strong{display:block;font-size:11px;line-height:1.7}
.attendance-history-entry p{margin:5px 0 0;line-height:1.7;overflow-wrap:anywhere}
.attendance-next-day{display:flex;align-items:center;gap:8px}
.attendance-next-day input{width:18px;min-height:18px;margin:0;flex-shrink:0}

.logistics-app #employee-list,.logistics-app #employee-editor{max-width:none}
#employee-editor{margin-top:24px}
.employee-toolbar{display:grid;grid-template-columns:minmax(160px,1fr) minmax(110px,150px) auto auto;gap:12px;align-items:end;margin-bottom:20px}
.employee-toolbar label{margin:0}.employee-toolbar button{font-size:13px;white-space:nowrap}
.employee-table{min-width:760px}.employee-table td,.employee-table th{white-space:nowrap}
.employee-table td:nth-child(2){font-weight:650}.employee-table button{font-size:12px;padding:8px 12px;min-height:36px}
.employee-help{font-size:12px;line-height:1.7;color:#587062;margin:-8px 0 22px}
.account-actions{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px 0 8px}
.logistics-app header{gap:20px}
.header-user{align-self:center;max-width:40%;margin:0;padding:10px 14px;border:1px solid #ffffff40;border-radius:12px;text-align:right;overflow-wrap:anywhere;flex-shrink:0}
.header-user strong{display:block;font-size:15px;font-weight:650;line-height:1.5}
.header-user span{display:block;font-size:12px;color:#d9e8e0;margin-top:2px;line-height:1.5}
@media(max-width:480px){.logistics-app header{flex-wrap:wrap;gap:14px}.header-user{display:flex;align-items:center;gap:10px;max-width:100%;text-align:left;padding:8px 12px}.header-user span{margin:0}}
.account-actions a,.logistics-app .account-actions #logout{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:8px 4px;min-height:36px;font-size:12px;font-weight:400;color:#587062;background:transparent;text-decoration:none;border-radius:6px}
.account-actions a:hover,.account-actions button:hover{text-decoration:underline}
.account-dialog{box-sizing:border-box;width:min(440px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:28px;border:0;border-radius:22px;background:#f0f6ef;color:#183e34;box-shadow:0 20px 70px #102b3540;overflow-y:auto}
.account-dialog::backdrop{background:#102b3585}
.account-dialog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.account-dialog .eyebrow{margin:0 0 10px}.account-dialog h2{font-size:23px;margin:0}
.account-dialog .account-close{font-size:12px;padding:8px 12px;min-height:36px;background:#edf1e8;flex-shrink:0}
#account-dialog-description,.account-feedback{font-size:13px;line-height:1.7;margin:16px 0 22px;overflow-wrap:anywhere}
.account-feedback{color:#a13c2d;margin:0 0 16px}.account-feedback:empty{display:none}
.account-dialog input{box-sizing:border-box}.account-dialog form{margin-top:22px}
@media(max-width:480px){.account-dialog{padding:24px 20px}.account-dialog h2{font-size:21px}}
#employee-status{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:600px){.employee-toolbar{grid-template-columns:minmax(0,1fr) minmax(100px,130px)}#employee-editor .pair{grid-template-columns:1fr;gap:0}.employee-table{min-width:720px}}

.primary-nav{flex-wrap:wrap}.primary-nav a{flex:1 1 125px}.primary-nav a[aria-current="page"]{background:white;color:#194a39;box-shadow:0 2px 6px #193a2910}.account-actions #install{width:auto;margin:0}@media(max-width:550px){.primary-nav a{flex-basis:28%;font-size:12px}}
.receipt-save-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.receipt-save-actions button{width:auto;margin:0}.receipt-save-actions #delete-receipt-group{background:#fbe9e7;color:#a12622;border:1px solid #e9bbb7}.receipt-save-actions #delete-receipt-group:hover{background:#f5d5d1}

.logistics-app .account-actions #install{display:inline-flex;align-items:center;justify-content:center;padding:8px 4px;min-height:36px;font-size:12px;font-weight:400;color:#587062;background:transparent;border-radius:6px}.account-actions{flex-wrap:wrap}
.header-account{position:relative;align-self:center;flex-shrink:0;max-width:45%}
.header-account .header-user{display:flex;align-items:center;gap:14px;max-width:100%;min-height:52px;margin:0;padding:10px 13px 10px 16px;border:1px solid #ffffff30;border-radius:15px;background:#ffffff0a;color:white;text-align:left;transition:background .18s,border-color .18s,box-shadow .18s}
.header-account .header-user:hover,.header-account .header-user[aria-expanded="true"]{background:#ffffff18;border-color:#ffffff60;box-shadow:0 4px 16px #052f2620}
.header-user .header-user-details{display:block;min-width:0;margin:0}.header-user-details strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-details span{font-size:11px;line-height:1.5;color:#c7ddd3;margin-top:1px}
.account-chevron{width:18px;height:18px;flex-shrink:0;color:#d6e8df;transition:transform .18s}.header-user[aria-expanded="true"] .account-chevron{transform:rotate(180deg)}
.account-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:50;width:232px;max-width:calc(100vw - 40px);padding:8px;border:1px solid #adc4b2;border-radius:18px;background:#eaf2e8;color:#183e34;box-shadow:0 18px 50px #0d332629,0 3px 10px #0d332610;animation:account-menu-in .16s ease-out;transform-origin:top right}
.account-popover-label{margin:0;padding:10px 12px 9px;font-size:10px;font-weight:650;letter-spacing:1px;color:#87968c;text-align:left}
.account-popover a,.account-popover #logout{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:46px;margin:0;padding:11px 12px;border:0;border-radius:11px;background:transparent;color:#294b3d;font-size:13px;font-weight:550;text-align:left;text-decoration:none;transition:background .15s}
.account-popover a:hover,.account-popover a:focus-visible{background:#edf4ee}.account-popover #logout{color:#aa4b43}.account-popover #logout:hover,.account-popover #logout:focus-visible{background:#fcf0ed}.account-popover svg{width:18px;height:18px;flex-shrink:0}.account-popover #logout{margin-top:5px;border-top:1px solid #eef1ec;border-top-left-radius:0;border-top-right-radius:0}
@keyframes account-menu-in{from{opacity:0;transform:translateY(-5px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:480px){.header-account{max-width:100%;margin-left:auto}.header-account .header-user{padding:8px 10px 8px 13px;gap:12px;min-height:48px}.account-popover{width:220px}}
@media(prefers-reduced-motion:reduce){.account-popover{animation:none}.header-account .header-user,.account-chevron{transition:none}}
.employee-pay{border:1px solid #d5e1d0;border-radius:12px;padding:18px;margin:20px 0}.employee-pay legend{padding:0 8px;font-weight:700}
.payroll-slip{background:#fff;border:1px solid #d5e1d0;border-radius:16px;padding:24px;margin:20px 0}.payroll-slip h3{font-size:22px;margin:8px 0}.payroll-slip p{line-height:1.7;overflow-wrap:anywhere}.payroll-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0}.payroll-totals>div{padding:18px;background:#f0f6ec;border-radius:12px}.payroll-totals span,.payroll-totals strong{display:block}.payroll-totals span{font-size:12px;margin-bottom:8px}.payroll-totals strong{font-size:22px;overflow-wrap:anywhere}.payroll-totals>div:last-child{background:#145b4b;color:#fff}.payroll-table{min-width:600px}.payroll-table td{white-space:normal}.payroll-table td:last-child{line-height:1.6}.payroll-lock-note{color:#145b4b;font-weight:700}#payroll-status{white-space:pre-line;line-height:1.7;color:#775b24}#payroll-calculate{padding:24px;border:1px solid #d5e1d0;border-radius:16px;margin-bottom:28px}.payroll-slip details{margin-top:18px}.payroll-slip summary{cursor:pointer;font-weight:700}.payroll-slip details p{font-size:13px}
@media(max-width:600px){.payroll-slip,#payroll-calculate{padding:16px}.payroll-totals{grid-template-columns:1fr}.payroll-totals>div{display:flex;align-items:center;justify-content:space-between}.payroll-totals span{margin:0}.payroll-totals strong{font-size:20px}}

.payroll-slip>.records-scroll{margin-bottom:24px}
.payroll-slip>.employee-help{margin-top:16px}
.payroll-review-note{padding:12px 16px;background:#fff1d6;border-radius:8px;color:#775b24;font-weight:700}
 .inventory-count-form{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0;min-width:124px}
 .inventory-count-form input{width:72px;min-height:34px;margin:0;padding:5px 6px;border-radius:6px;text-align:right;font-variant-numeric:tabular-nums}
 .inventory-count-form button{min-height:34px;padding:5px 9px;border-radius:6px;font-size:12px;white-space:nowrap}
 .inventory-count-form small:empty{display:none}
 .inventory-count-form small{flex-basis:100%}
 .inventory-low{color:#b42318;font-weight:700}
.logistics-app #inventory-panel{max-width:none}
#inventory-list .records-table{min-width:520px}
#inventory-list .records-table th,#inventory-list .records-table td{padding:6px 8px}
#inventory-list td:first-child{min-width:120px}
body[data-program="stock"] #inventory-list td:nth-child(2){min-width:140px;width:140px}
#inventory-list td:nth-child(4){min-width:140px}
#inventory-list .records-table tr.inventory-danger>td,
#inventory-list .records-table tr.inventory-warning>td{background:#fef3c7}
#inventory-list .records-table .inventory-supplier th{position:static;background:#dfeadc;color:#214d38;padding:9px 8px;font-size:12px;font-weight:700;border-bottom:1px solid #cbd9c6}
.master-items-table{min-width:980px}
.master-items-table th:first-child{width:22%}
.master-items-table th:nth-child(2){width:12%}
.master-items-table th:nth-child(3){width:10%}
.master-items-table th:nth-child(4){width:12%}
.master-items-table th:nth-child(5){width:8%}
.master-items-table th:nth-child(6){width:10%}