:root{--hk-bg:#FAFAF7;--hk-surface:#FFFFFF;--hk-ink:#1A1A1A;--hk-ink2:#6B7280;--hk-border:#E5E7EB;--hk-border2:#D1D5DB;--hk-input:#F9FAFB;--hk-mut:#F3F4F6;--hk-gsoft:#E7F1EC;--hk-gborder:#BCD9C8;--hk-gink:#1F4A37;--hk-gtext:#2D6A4F;--hk-asoft:#FEF3C7;--hk-aborder:#FDE68A;--hk-aink:#92651A;--hk-amber:#B45309;--hk-esoft:#FEF2F2;--hk-eborder:#FECACA;--hk-eink:#DC2626;--hk-dis:#9CA3AF;--hk-toast:#1A1A1A;color-scheme:light}html[data-hk-theme=dark]{--hk-bg:#111412;--hk-surface:#1A1E1B;--hk-ink:#ECEDEA;--hk-ink2:#A3AAA6;--hk-border:#2B312D;--hk-border2:#3A423D;--hk-input:#212622;--hk-mut:#262B28;--hk-gsoft:#1C3327;--hk-gborder:#2E5443;--hk-gink:#A9D9BF;--hk-gtext:#74C29A;--hk-asoft:#3A2E14;--hk-aborder:#5E4819;--hk-aink:#F2C46B;--hk-amber:#E9A443;--hk-esoft:#3A1B1B;--hk-eborder:#6B2B2B;--hk-eink:#F58787;--hk-dis:#4B524E;--hk-toast:#2B312D;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--hk-bg);color:var(--hk-ink);font-family:Noto Sans Thai,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;transition:background .2s}h2,h3,p{margin:0}a{color:var(--hk-gtext);font-weight:600;text-decoration:none}a:hover{color:var(--hk-gink)}input,select,button{font-family:inherit}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}svg{flex:none}@keyframes hkFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes hkUp{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}@keyframes hkScrim{0%{opacity:0}to{opacity:1}}@keyframes hkPop{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}@keyframes hkToast{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.page{min-height:100vh;background:var(--hk-bg);display:flex;justify-content:center}.shell{width:100%;max-width:480px;min-height:100vh;background:var(--hk-surface);border-left:1px solid var(--hk-border);border-right:1px solid var(--hk-border);display:flex;flex-direction:column;position:relative}.fade{animation:hkFade .22s ease}.plain{all:unset;cursor:pointer;box-sizing:border-box}.hov:hover{background:var(--hk-mut)}.icon-btn{all:unset;cursor:pointer;width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--hk-ink)}.icon-btn:hover{background:var(--hk-mut)}.label{font-size:15.5px;font-weight:600}.req{color:#ef4444}.hint{font-size:13px;color:var(--hk-ink2);line-height:1.5}.err{font-size:14px;color:var(--hk-eink)}.field{display:flex;flex-direction:column;gap:6px}.inp{width:100%;min-width:0;height:44px;padding:0 14px;background:var(--hk-input);border:1.5px solid var(--hk-border);border-radius:8px;font-size:18px;color:var(--hk-ink);outline:none}.inp:focus{border-color:#2d6a4f;box-shadow:0 0 0 4px #2d6a4f1a}.inp:disabled{opacity:.6}.money{position:relative}.money>span{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:18px;color:var(--hk-ink2);pointer-events:none}.money>.inp{padding-left:34px;font-variant-numeric:tabular-nums}.sel{position:relative}.sel>select{appearance:none;-webkit-appearance:none;padding-right:36px}.sel>svg{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:var(--hk-ink2);pointer-events:none}.btn{height:48px;border:none;border-radius:8px;background:#2d6a4f;color:#fff;font-size:17px;font-weight:600;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 1px 2px #2d6a4f40}.btn:hover:not(:disabled){background:#1f4a37;box-shadow:0 4px 12px #2d6a4f59}.btn:active:not(:disabled){transform:scale(.96);box-shadow:none}.btn:disabled{background:var(--hk-dis);cursor:default;box-shadow:none}.ghost{border-radius:8px;border:1.5px solid var(--hk-border2);background:var(--hk-surface);font-weight:600;cursor:pointer;color:var(--hk-ink)}.ghost:hover:not(:disabled){background:var(--hk-mut)}.dashed{height:44px;padding:0 16px;background:transparent;color:var(--hk-gtext);border:1.5px dashed #2D6A4F;border-radius:8px;font-size:15.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;flex:none}.danger{height:48px;padding:0 16px;border-radius:8px;border:1.5px solid var(--hk-eborder);background:var(--hk-surface);color:var(--hk-eink);font-size:15.5px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px}.danger:hover{background:var(--hk-esoft)}.outline-green{height:36px;padding:0 12px;border-radius:8px;border:1.5px solid #2D6A4F;background:var(--hk-surface);color:var(--hk-gtext);font-size:14.5px;font-weight:600;cursor:pointer;flex:none;transition:all .15s}.outline-green:hover{background:#2d6a4f;color:#fff}.seg{display:flex;background:var(--hk-mut);border-radius:999px;padding:3px}.seg>button{border:none;border-radius:999px;font-weight:600;cursor:pointer;transition:all .18s;background:transparent;color:var(--hk-ink2)}.seg>button.on{background:var(--hk-surface);color:var(--hk-ink);box-shadow:0 1px 3px #0000001f}.group-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid var(--hk-border);border-radius:12px;background:var(--hk-surface);box-shadow:0 1px 4px #0000000d;transition:all .15s}.group-card:hover{transform:translateY(-2px);border-color:var(--hk-gborder);box-shadow:0 6px 18px #1f4a3714}.row-btn{display:flex;align-items:center;gap:12px;padding:13px 14px;width:100%;transition:background .15s}.row-btn:hover{background:var(--hk-input)}.pick-btn{height:52px;border-radius:10px;border:1.5px solid var(--hk-border);background:var(--hk-surface);font-size:16.5px;font-weight:600;cursor:pointer;color:var(--hk-ink);transition:all .15s}.pick-btn:hover{border-color:#2d6a4f;background:var(--hk-gsoft);color:var(--hk-gink)}.menu-item{padding:14px 12px;border-radius:10px;font-size:16.5px;font-weight:600}.menu-item:hover:not([aria-disabled=true]){background:var(--hk-mut)}.section-head{display:flex;align-items:center;gap:8px}.section-head>span{width:4px;height:18px;border-radius:2px}.section-head>h3{font-size:17px;font-weight:700}.chip{font-size:12px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--hk-mut);color:var(--hk-ink2);border:1px solid var(--hk-border)}.chip.green{background:var(--hk-gsoft);color:var(--hk-gink);border-color:var(--hk-gborder)}.num{font-variant-numeric:tabular-nums}.scrim{position:fixed;inset:0;background:#00000073;z-index:20;display:flex;justify-content:center;align-items:flex-end;animation:hkScrim .18s ease}.sheet{width:100%;max-width:480px;max-height:92vh;overflow:auto;background:var(--hk-surface);border-radius:14px 14px 0 0;box-shadow:0 8px 40px #0000002e;animation:hkUp .26s cubic-bezier(.34,1.2,.64,1)}.sheet-body{padding:10px 20px 24px;display:flex;flex-direction:column;gap:16px}.sheet-title{display:flex;align-items:center;justify-content:space-between}.sheet-title>h3{font-size:19px;font-weight:700}.close{all:unset;cursor:pointer;font-size:22px;color:var(--hk-ink2);width:32px;height:32px;display:flex;align-items:center;justify-content:center}.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:12px;background:var(--hk-toast);color:#fff;padding:10px 10px 10px 18px;border-radius:999px;box-shadow:0 8px 24px #0000002e;max-width:calc(100% - 32px);animation:hkToast .22s ease}.toast>span{font-size:14.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast>button{flex:none;height:34px;padding:0 14px;border-radius:999px;border:none;color:#fff;font-size:14px;font-weight:700;cursor:pointer}