:root{font-family:system-ui,Noto Sans Thai,sans-serif;color:#283345;background:#fafbfc}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 5% 8%,#fce6ec 0,transparent 26%),radial-gradient(circle at 96% 40%,#fff0f3 0,transparent 35%),#fafbfc}button,input,select{font:inherit}button{cursor:pointer;border:0;border-radius:9px;padding:12px 17px;background:#af1c36;color:#fff;font-weight:650}button:disabled{opacity:.55;cursor:not-allowed}.topbar{height:70px;background:#ffffffd9;border-bottom:1px solid #f1dce2;display:flex;align-items:center;justify-content:space-between;padding:0 max(30px,6vw);gap:30px}.brand{display:flex;align-items:center;gap:10px;white-space:nowrap}.brand strong{display:block;color:#9f1831;letter-spacing:.05em}.brand small{display:block;font-size:11px;color:#667085;font-weight:700;letter-spacing:.1em}.seal{height:43px;width:43px;border:3px double #555;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:900;color:#333}.navlinks{display:flex;align-items:center;gap:6px;overflow:auto;white-space:nowrap}.navlinks span{padding:11px 10px;color:#445063;font-size:14px;font-weight:600}.navlinks .active{background:#b51d39;color:#fff;border-radius:11px;box-shadow:0 5px 15px #b51d3928}main{max-width:1570px;margin:0 auto;padding:36px 28px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.page-heading small{font-weight:800;letter-spacing:.22em;color:#ad3a4b}.page-heading h1{font-size:27px;font-weight:550;margin:8px 0}.actions{display:flex;gap:10px}.outline{background:#fff;color:#aa2440;border:1px solid #efd7dc;box-shadow:0 3px 12px #40131a08}.date-panel{margin:20px 0 13px}.date-panel>label{font-size:13px;color:#536277;font-weight:700}.date-buttons{display:flex;align-items:center;gap:12px;margin-top:6px;flex-wrap:wrap}.date-buttons input{border:1px solid #e1e5ed;background:#fff;border-radius:7px;padding:10px;max-width:165px;height:44px}.date-arrow{background:#fff;color:#a31f39;font-size:23px;padding:5px 12px;border:1px solid #e1e5ed;height:44px}.date-buttons button{height:44px}.carry{background:#fff8ed;border:1px solid #f0dcba;border-left:4px solid #d68a24;border-radius:11px;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;min-height:97px;margin-bottom:14px}.carry span,.carry small{display:block;color:#927a60;font-size:13px}.carry strong{display:block;font-size:27px;line-height:1.1}.searchbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:12px}.searchbox{display:flex;flex:1;max-width:650px}.searchbox input{width:100%;min-width:120px;padding:13px;border:1px solid #e0e4ed;border-radius:9px 0 0 9px}.searchbox button{border-radius:0 9px 9px 0}.dark{background:#253345}.secondary-actions{display:flex;gap:10px}.table-wrap{overflow:auto;border:1px solid #e5dfe8;border-radius:12px;background:#fff}table{width:100%;border-collapse:collapse;font-size:13px;min-width:1500px}th{background:#f7eaee;color:#5a3944;padding:17px 7px;text-align:center;white-space:nowrap;border-right:1px solid #e9dce2}td{padding:10px 6px;border-right:1px solid #e4e0ec;border-top:1px solid #e7e4ed;vertical-align:top;height:79px}td:last-child,th:last-child{border-right:0}.emph{font-weight:750;white-space:nowrap}.factory{display:flex;justify-content:space-between;gap:5px;align-items:start;min-width:110px}.factory strong{max-width:125px;overflow-wrap:anywhere}.mini{padding:1px 7px;font-size:13px;background:#fff;color:#a72c42;border:1px solid #e7bdc8;border-radius:5px}.type{display:inline-block;font-size:11px;padding:3px 7px;margin-top:3px;border:1px solid;border-radius:5px;font-weight:750}.type.export{color:#245b9a;background:#e9f2ff;border-color:#b5d4ff}.type.import{color:#16704a;background:#e7f7ed;border-color:#b7e5ca}.cell-select{width:100%;min-width:79px;border:1px solid #d9e2ef;border-radius:8px;background:#fff;padding:10px 4px;color:#41516a;font-size:12px}.cell-select:disabled{background:#e9eaf0;color:#a1a9b8}.cell-select.status{min-width:118px;background:#ddf3e7;color:#23644b;border-color:#b1ddc5;font-weight:650}.driver{min-width:117px;line-height:1.4}.edit{background:#fff;border:1px solid #efced7;color:#a8263e;padding:9px 13px}.empty{text-align:center;padding:40px;color:#667085}.weekday-0{background:#fff0f3}.weekday-1{background:#fff8e1}.weekday-2{background:#fff0f5}.weekday-3{background:#ecf8f0}.weekday-4{background:#fff1e7}.weekday-5{background:#f0efff}.weekday-6{background:#eaf4ff}tbody tr:hover{filter:brightness(.985)}.foot{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;font-size:13px;color:#687385}.foot>div{display:flex;align-items:center;gap:10px}.foot button{padding:8px}.demo-note{font-size:12px;color:#8b6772}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14203699;display:flex;justify-content:center;align-items:center;padding:15px;z-index:10}.modal{background:#fff;border-radius:14px;padding:23px;width:min(850px,100%);max-height:90vh;overflow:auto}.modal.compact{max-width:470px}.modal-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal h2{margin:0}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.fields label{display:grid;gap:5px;font-size:13px}.fields input,.fields select{width:100%;padding:10px;border:1px solid #d8dee9;border-radius:7px}footer{display:flex;justify-content:flex-end;margin-top:20px}@media (max-width:1050px){.topbar{padding:12px 20px;align-items:flex-start;height:auto;flex-direction:column;gap:8px}.navlinks{width:100%}.searchbar{flex-direction:column;align-items:stretch}.secondary-actions{flex-wrap:wrap}.searchbox{max-width:none}}@media (max-width:600px){main{padding:22px 12px}.page-heading{align-items:flex-start}.page-heading h1{font-size:23px}.actions{flex-direction:column}.fields{grid-template-columns:1fr}.carry{gap:12px}.foot{flex-direction:column}}.job-modal{width:min(860px,calc(100vw - 16px));padding:24px;border-radius:17px}.job-modal .modal-title{margin-bottom:18px}.job-modal .modal-title h2{font-size:16px;font-weight:500}.close-modal{background:transparent;color:#15243a;font-size:27px;font-weight:400;padding:0 7px}.job-modal .fields{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:14px;row-gap:15px}.job-modal .fields label{font-size:13px;color:#1c283b;font-weight:550;gap:7px}.job-modal .fields input,.job-modal .fields select{height:41px;border:1px solid #d6deea;border-radius:9px;background:#fff;color:#283549;padding:9px 10px;font-size:13px;font-weight:400;min-width:0}.job-modal .fields select:disabled{background:#e9eaf0;color:#99a0ae}.field-hint{font-size:10px;color:#586273;font-weight:400}.job-modal footer{gap:10px;margin-top:22px}.job-modal footer button{min-height:46px}.job-modal footer button[type=submit]{background:#ad1e38}@media (max-width:650px){.job-modal .fields{grid-template-columns:1fr 1fr}}@media (max-width:420px){.job-modal .fields{grid-template-columns:1fr}}.job-modal .fields label{position:relative;align-content:start;grid-template-rows:18px 41px}.job-modal .fields label:has(.field-hint){grid-template-rows:18px 41px}.job-modal .field-hint{position:absolute;top:67px;left:0;right:0;line-height:1.2;pointer-events:none}.job-modal .fields{row-gap:25px}.navlinks span[role=button]{cursor:pointer}.navlinks span[role=button]:focus-visible{outline:2px solid #b51d39;outline-offset:2px}.settings-modal{max-width:680px}.settings-help{font-size:13px;color:#657086}.settings-section{border-top:1px solid #e6e8ef;padding:12px 0}.settings-section h3{font-size:15px;margin:3px 0 10px}.settings-add{display:flex;gap:8px}.settings-add input{flex:1;min-width:0;border:1px solid #d7deea;border-radius:8px;padding:10px}.settings-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.settings-tag{display:inline-flex;align-items:center;gap:8px;background:#f5f6f9;border:1px solid #e3e6ee;border-radius:7px;padding:3px 6px 3px 10px;font-size:13px}.settings-tag button{background:transparent;color:#a51f3a;padding:0 4px;font-size:20px}.settings-empty{color:#8892a3;font-size:13px}.navlinks .nav-link-button,.navlinks .nav-settings{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;box-shadow:none;color:#445063;border-radius:12px;padding:11px 14px;font-size:14px;font-weight:650;white-space:nowrap;transition:background-color .16s ease,color .16s ease,box-shadow .16s ease}.navlinks .nav-link-button:hover,.navlinks .nav-link-button:focus-visible{background:#fff0f2;color:#a51d38;box-shadow:none}.navlinks .nav-settings{background:#b51d39;color:#fff;box-shadow:0 5px 15px #b51d3928}.navlinks .nav-settings:hover,.navlinks .nav-settings:focus-visible{background:#a31933;color:#fff}.navlinks span:hover{background:#fff0f2;color:#a51d38;border-radius:12px}.master-page{max-width:950px;margin:0 auto;padding:28px 20px 70px;color:#233044}.master-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.master-heading h1{font-size:27px;margin:0}.master-warning{background:#fff6e8;border:1px solid #efdab5;border-radius:12px;padding:13px 16px;margin-bottom:20px;color:#76572c}.master-card{background:#fff;border:1px solid #eedfe2;border-radius:19px;padding:26px;margin-bottom:20px;box-shadow:0 8px 26px #30203308}.master-card h2{font-size:23px;font-weight:500;margin:0 0 4px}.master-desc,.master-note{color:#758298;font-size:14px;margin:0 0 19px}.master-note{margin:12px 0 0}.master-form{padding:16px;background:#f8f9fb;border:1px solid #e8edf4;border-radius:12px;margin:18px 0}.master-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin-bottom:14px}.master-grid label{display:flex;flex-direction:column;gap:6px;font-size:14px}.master-page input{box-sizing:border-box;min-width:0;width:100%;border:1px solid #dbe3ed;border-radius:9px;background:#fff;padding:12px;font:inherit;color:#243244}.master-page button{cursor:pointer}.master-page button:disabled{opacity:.4;cursor:not-allowed}.master-page button:not(.master-outline){border:0;background:#b91e39;color:#fff;border-radius:9px;padding:12px 17px;font-weight:600}.master-outline{border:1px solid #e1e7ef;background:#fff;border-radius:9px;padding:10px 12px;color:#ae2440}.master-form>.master-outline{margin-left:8px}.master-inline{display:flex;gap:10px;margin:18px 0 12px}.master-inline input{flex:1}.master-search{margin-bottom:14px}.master-list{border-top:1px solid #edf0f4;margin-top:14px}.master-scroll{max-height:390px;overflow:auto}.master-item{display:flex;gap:15px;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid #edf0f4;font-size:14px}.master-item>div:first-child{flex:1}.master-item strong{font-size:15px}.master-item small{display:block;color:#438468;margin-top:5px}.master-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.master-actions small{margin-right:5px}.master-order{display:flex;gap:4px}.master-order .master-outline{padding:6px 9px}@media (max-width:680px){.master-grid{grid-template-columns:1fr}.master-card{padding:16px}.master-item{flex-wrap:wrap}.master-actions{width:100%;justify-content:flex-end}.master-heading{gap:10px}}.master-drag-handle{display:flex;align-items:center;justify-content:center;width:40px;height:46px;border:1px solid #e0e6ee;border-radius:9px;background:#fff;color:#b91e39;font-size:27px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.master-drag-handle:active{cursor:grabbing}.master-drag-handle:focus-visible{outline:3px solid #e7a2af;outline-offset:2px}.master-expense-row{transition:background .15s}.master-expense-row:has(.master-drag-handle:active){background:#fff6f8}