:root{--green: #1f4d3a;--green-hover: #16382b;--green-soft: #e4f1ee;--green-line: #cfe2dd;--green-line-2: #8fc0b4;--dark: #1c2b28;--dark-accent: #7bd4c2;--text: #1c2b28;--text-2: #4a5c56;--text-3: #64756f;--text-mute: #8ca09a;--text-mute-2: #98a8a2;--text-faint: #b7c3be;--bg: #edf1ef;--bg-emp: #f3f6f4;--bg-admin: #fcfdfc;--bg-soft: #f7faf8;--white: #fff;--line: #e3e8e5;--line-2: #eff3f1;--line-3: #dde4e1;--line-4: #f1f4f2;--ok: #15803d;--ok-bg: #e7f4ea;--ok-line: #bfe3c8;--warn: #92600a;--warn-bg: #fbf0d3;--warn-line: #ebd9a6;--err: #b4232a;--err-soft: #b45151;--err-bg: #fcf0f0;--err-line: #e9d5d5;--on-green: #bfd5c8;--on-green-2: #9fbfae;--col: 960px;--col-wide: 1280px;--shadow-btn: 0 1px 3px rgba(0, 0, 0, .12);--shadow-modal: 0 24px 60px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:Sarabun,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font-family:inherit}input::placeholder{color:#a9b6b1}input[type=number]{-moz-appearance:textfield}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.tnum{font-variant-numeric:tabular-nums}@keyframes shakeX{0%,to{transform:translate(0)}25%{transform:translate(-7px)}75%{transform:translate(7px)}}@keyframes toastUp{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.app{height:100dvh;display:flex;overflow:hidden}.sidebar{flex:none;background:var(--green);display:flex;flex-direction:column;padding:18px 12px;color:#fff}.sidebar-emp{width:178px;padding:18px 10px}.sidebar-admin{width:212px}.content{flex:1;overflow-y:auto}.col{max-width:var(--col);margin-inline:auto;padding:26px 30px 40px}.col-wide{max-width:var(--col-wide);margin-inline:auto;padding:26px 30px 40px}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.mobile-header,.bottom-nav{display:none}@media(max-width:899px){.app{flex-direction:column}.sidebar{display:none}.mobile-header{display:block;flex:none;background:var(--green);color:#fff;padding:14px 18px 12px;padding-top:max(14px,env(safe-area-inset-top))}.content{flex:1}.col,.col-wide{max-width:none;padding:14px 14px 20px}.bottom-nav{display:flex;flex:none;background:var(--white);border-top:1px solid #e7ece9;padding:6px 8px 10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}}.field-label{font-size:12.5px;color:var(--text-3);font-weight:600;margin-bottom:5px}.field-input{width:100%;font-size:15px;padding:12px 13px;border:1px solid var(--line-3);border-radius:11px;background:#fafbfa;color:var(--text)}.field-input:focus{outline:2px solid var(--green-line-2);outline-offset:-1px}.btn-primary{width:100%;height:48px;border:none;border-radius:12px;background:var(--green);color:#fff;font-size:15px;font-weight:700;cursor:pointer}.btn-primary:hover:not(:disabled){background:var(--green-hover)}.btn-primary:disabled{opacity:.55;cursor:default}.btn-secondary{width:100%;height:46px;border:1px solid var(--green);border-radius:12px;background:var(--white);color:var(--green);font-size:14.5px;font-weight:700;cursor:pointer}.btn-secondary:hover{background:#f2f7f5}.btn-link{border:none;background:none;color:var(--text-3);font-size:13px;font-weight:600;cursor:pointer;padding:10px}.btn-link:hover{color:var(--green)}.err-text{font-size:12.5px;color:var(--err);font-weight:600;margin-bottom:10px}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%);background:var(--dark);color:#fff;border-radius:12px;padding:12px 20px;font-size:14px;font-weight:600;z-index:200;animation:toastUp .22s ease;max-width:min(520px,calc(100vw - 32px));text-align:center;box-shadow:var(--shadow-modal)}.nav-item{text-align:left;border:none;cursor:pointer;border-radius:10px;padding:11px 12px;font-size:13.5px;font-weight:600;background:transparent;color:var(--on-green)}.nav-item:hover{background:#ffffff1a}.nav-item[aria-current=true]{background:#ffffff29;color:#fff}.nav-tab{flex:1;min-height:48px;border:none;background:none;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--text-mute);font-size:11.5px;font-weight:600}.nav-tab[aria-current=true]{color:var(--green)}.sheet-backdrop{position:fixed;inset:0;background:#10201b80;z-index:150;display:flex;align-items:flex-end}.sheet{width:100%;background:var(--white);border-radius:18px 18px 0 0;padding:8px 12px max(18px,env(safe-area-inset-bottom));animation:sheetUp .22s ease}.sheet-item{width:100%;text-align:left;border:none;background:none;cursor:pointer;padding:15px 14px;font-size:15px;font-weight:600;color:var(--text);border-radius:12px}.sheet-item[aria-current=true]{background:var(--green-soft);color:var(--green)}