:root{--ink:#3b100b;--muted:#786c55;--accent:#963232;--bg:#f5f0e1;--paper:#fffdf7;--border:#ddd3c5}*{box-sizing:border-box}body{margin:0;font:16px/1.7 Thonburi,Tahoma,system-ui,sans-serif;background:var(--bg);color:var(--ink)}[hidden]{display:none!important}button,input,select,textarea{font:inherit}button{padding:10px 16px;border:1px solid var(--border);background:var(--paper);color:var(--ink);border-radius:10px;cursor:pointer}button:hover{background:#eee5d8}button:disabled{opacity:.5;cursor:wait}.primary,nav button[aria-current=page]{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:#752525}input,select,textarea{width:100%;padding:10px 12px;background:#fff;border:1px solid #cdbfaf;border-radius:8px;color:var(--ink)}textarea{min-height:100px;resize:vertical}label{display:block;font-size:14px;font-weight:600;margin:12px 0}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #c69960;outline-offset:2px}small,.muted{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font-size:29px;line-height:1.4}h2{font-size:23px}h3{font-size:19px}.top{padding:18px 32px;background:var(--paper);border-top:4px solid var(--accent);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;gap:20px}.top strong{font-size:27px}.top p{margin:0;color:var(--muted);font-size:15px}#identity{display:flex;align-items:center;gap:15px;font-size:14px}#notice{white-space:pre-line;padding:0 32px}#notice:not(:empty){padding:12px 32px;background:#f2e3c9;border-bottom:1px solid var(--border)}#auth{max-width:1100px;margin:45px auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.welcome{text-align:center}.welcome img{width:100%;max-width:350px;height:250px;object-fit:contain}.welcome h1{font-size:38px}.welcome p{font-size:19px}.card{border:1px solid var(--border);border-radius:18px;background:var(--paper);padding:24px;margin-bottom:18px}.login{padding:30px}.tabs{display:flex;gap:10px;margin-bottom:24px}#authSubmit{width:100%;margin-top:15px}#authMessage{white-space:pre-line;margin-top:18px}#workspace{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:70vh}aside{padding:28px 18px;border-right:1px solid var(--border);background:var(--paper)}.nav-title{font-weight:700;color:var(--accent)}nav{display:grid;gap:8px}nav button{text-align:left}nav button.submenu{margin-left:14px;width:calc(100% - 14px);font-size:14px}.reference{display:grid;gap:10px;margin:30px 0 20px}a{color:var(--accent);text-underline-offset:3px}.content{padding:30px;min-width:0;max-width:1500px;width:100%;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:16px}.eyebrow{color:var(--muted);font-size:13px;margin:0 0 6px}.toolbar{display:flex;gap:14px;align-items:end;margin:14px 0 24px}.toolbar label{margin:0}.toolbar .search{flex:1}.toolbar select{min-width:170px}.actions{display:flex;flex-wrap:wrap;gap:8px}.cardhead{display:flex;justify-content:space-between;align-items:start;gap:12px}.cardhead h3{margin-bottom:6px}.pill{display:inline-block;padding:4px 10px;border-radius:7px;background:#eee3d3;color:#704b20;font-size:13px;white-space:nowrap}.pill.approved,.pill.stocked,.pill.dispensed,.pill.issued{background:#e6ecdc;color:#40562c}.pill.rejected,.pill.cancelled,.pill.suspended{background:#f2dddd;color:#852727}.pill.pending,.pill.submitted,.pill.partial{background:#f4e5c4;color:#6f501b}.details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 20px;margin:15px 0}.details div{overflow-wrap:anywhere}.details small{display:block}.details p{margin:0;white-space:pre-wrap}.card .actions{border-top:1px solid var(--border);padding-top:16px;margin-top:16px}.id{font-size:12px;overflow-wrap:anywhere;color:var(--muted)}.pagination{display:flex;justify-content:center;gap:20px;align-items:center;margin:25px 0}dialog{width:min(94vw,860px);max-height:90vh;overflow:auto;background:var(--paper);border:1px solid var(--border);border-radius:20px;padding:28px;color:var(--ink)}dialog::backdrop{background:#25100988}.dialoghead{display:flex;justify-content:space-between;align-items:start;gap:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.wide{grid-column:1/-1}form .actions{justify-content:flex-end;margin-top:20px}.hint{padding:12px 16px;background:#f1eadb;border-left:3px solid #a99a72;border-radius:7px;font-size:14px}.event{border-left:2px solid #c7b79e;padding:0 0 20px 18px}.event p{margin:3px 0;white-space:pre-wrap}#dialogMessage{white-space:pre-line;margin:15px 0 0;color:#842d28}footer{text-align:center;padding:25px;color:var(--muted);font-size:12px}#printArea{display:none}.empty{padding:40px;text-align:center;color:var(--muted)}@media(max-width:1000px){.details{grid-template-columns:1fr 1fr}.content{padding:22px}#workspace{grid-template-columns:205px minmax(0,1fr)}.intro{align-items:start;flex-direction:column}}@media(max-width:700px){.top{padding:15px;align-items:start;flex-direction:column}.top strong{font-size:23px}#auth{grid-template-columns:1fr;margin-top:25px;gap:16px}.welcome img{height:150px}.welcome h1{font-size:30px}#workspace{display:block}aside{padding:16px;border-bottom:1px solid var(--border)}nav{grid-template-columns:1fr 1fr;gap:6px}nav button.submenu{margin:0;width:100%}.reference{margin:18px 0;display:flex;flex-wrap:wrap}aside>small{display:none}.content{padding:18px}.grid,.details{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar .search{flex-basis:100%}.toolbar select{min-width:130px}.card{padding:18px}.cardhead{flex-wrap:wrap}dialog{padding:20px}.welcome p{font-size:16px}}@media print{@page{size:A4;margin:15mm}body>*{display:none!important}#printArea{display:block!important;color:#000;background:#fff;font-size:12pt}#printArea h1{font-size:20pt}#printArea .details{display:grid;grid-template-columns:1fr 1fr}#printArea .card{border:1px solid #aaa;break-inside:avoid}#printArea .actions{display:none}#printArea .id{color:#333}}