:root{--bg:#F2F6F4;--ink:#0E2F30;--teal:#0F5257;--teal2:#1B6A6F;--gold:#F0B429;--soft:#E4EFEC;--warn:#FFF1CC;--warnInk:#6B4700;--line:#DCE6E3;--muted:#4F6B6C;--red:#C0392B;--green:#14532D;--card:#fff;--f-h:'Bricolage Grotesque','Kantumruy Pro',sans-serif;--f-b:'Kantumruy Pro','Noto Sans Khmer',system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root{--bg:#0A2B2F;--ink:#EAF1EE;--teal:#F0B429;--teal2:#1F5257;--soft:#1B4A4E;--warn:#4A3A10;--warnInk:#FFE3A0;--line:#1F5257;--muted:#9DBDBA;--card:#113A3F;--green:#7DE0A8}}
*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:16px/1.5 var(--f-b);-webkit-text-size-adjust:100%}
button,input,select{font-family:inherit;font-size:16px;color:inherit}button{cursor:pointer}
#app{max-width:480px;margin:0 auto;min-height:100vh;min-height:100dvh;position:relative}
.screen{padding:calc(env(safe-area-inset-top,0px) + 28px) 20px 120px;display:flex;flex-direction:column;gap:16px}
h1,h2,h3{font-family:var(--f-h);margin:0;line-height:1.15}h1{font-weight:800;font-size:27px}h2{font-weight:800;font-size:20px}
.sub{font-size:13.5px;color:var(--muted)}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.grow{flex:1;min-width:0}
.btn{border:0;border-radius:14px;min-height:48px;padding:0 18px;font-weight:700;background:var(--teal);color:#F7F5EE;display:inline-flex;align-items:center;justify-content:center;gap:8px}
@media (prefers-color-scheme:dark){.btn{color:#2A2000}}
.btn.ghost{background:transparent;color:var(--teal);border:1.5px solid var(--teal)}.btn.gold{background:var(--gold);color:#2A2000}.btn.danger{background:transparent;color:var(--red);border:1.5px solid var(--red)}.btn.block{width:100%}.btn.sm{min-height:44px;padding:0 14px;font-size:15px}
.card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:16px;display:flex;flex-direction:column;gap:12px}
.hero{background:#0F5257;color:#F7F5EE;border-radius:28px;padding:22px 20px;display:flex;flex-direction:column;gap:4px}.hero .big{font-family:var(--f-h);font-weight:800;font-size:42px;line-height:1.1}.hero .sub{color:#BCD6D3}
.pill{display:inline-block;border-radius:999px;padding:4px 12px;font-size:13px;font-weight:700;white-space:nowrap}.pill.warn{background:var(--warn);color:var(--warnInk)}.pill.soft{background:var(--soft);color:var(--muted)}.pill.ok{background:#DCF3E6;color:#14532D}
.hero .pill{background:#1B6A6F;color:#F7F5EE;margin-top:10px;align-self:flex-start}
.ico{width:48px;height:48px;border-radius:16px;background:var(--soft);color:var(--teal);display:grid;place-items:center;flex:none}.ico.gold{background:var(--gold);color:#2A2000}
.tile{flex:1;background:var(--bg);border-radius:14px;padding:10px 12px}.tile .sub{font-size:12.5px}.tile b{display:block}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1px solid var(--line);background:var(--card);border-radius:999px;min-height:40px;padding:0 16px;font-weight:600;font-size:14px}.chip[aria-pressed="true"]{background:var(--teal);color:#F7F5EE;border-color:var(--teal)}
@media (prefers-color-scheme:dark){.chip[aria-pressed="true"]{color:#2A2000}}
nav.tabs{position:fixed;left:0;right:0;bottom:0;background:var(--card);border-top:1px solid var(--line);padding:10px 8px calc(env(safe-area-inset-bottom,0px) + 8px)}
nav.tabs .in{max-width:480px;margin:0 auto;display:flex;justify-content:space-around;align-items:flex-start}
nav.tabs button{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:64px;min-height:48px;color:var(--muted);font-weight:600;font-size:12px}nav.tabs button[aria-current="page"]{color:var(--teal);font-weight:700}
nav.tabs .plus{width:60px;height:60px;border-radius:50%;background:var(--gold);color:#2A2000;justify-content:center;margin-top:-22px;box-shadow:0 6px 16px rgba(15,82,87,.28)}
.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:14px;font-weight:600}.field input,.field select{border:1.5px solid var(--line);background:var(--card);border-radius:14px;min-height:48px;padding:0 14px;width:100%}.field input:focus,.field select:focus{outline:3px solid rgba(240,180,41,.55);border-color:var(--gold)}
.field .hint{font-size:13px;color:var(--muted)}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sheet-bg{position:fixed;inset:0;background:rgba(10,36,38,.6);display:flex;align-items:flex-end;justify-content:center;z-index:20}
.sheet{background:var(--bg);width:100%;max-width:480px;max-height:92dvh;overflow:auto;border-radius:28px 28px 0 0;padding:20px 20px calc(env(safe-area-inset-bottom,0px) + 24px);display:flex;flex-direction:column;gap:14px}
.x{border:1px solid var(--line);background:var(--card);width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:110px;background:#0E2F30;color:#fff;border-radius:14px;padding:12px 18px;font-weight:600;z-index:30;max-width:90vw;text-align:center}
.err{background:#FDE3DF;color:#7A1F14;border-radius:12px;padding:10px 14px;font-size:14px}
.login{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:32px 20px}
.logo{display:flex;align-items:center;gap:12px;font-family:var(--f-h);font-weight:800;font-size:28px}.logo .m{width:52px;height:52px;border-radius:16px;background:#0F5257;color:var(--gold);display:grid;place-items:center}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:3px;background:var(--card)}.lang button{border:0;background:none;color:var(--muted);font-weight:600;font-size:13px;padding:6px 12px;border-radius:999px}.lang button[aria-pressed="true"]{background:#0F5257;color:#fff}
.sep{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.sep:before,.sep:after{content:"";flex:1;height:1px;background:var(--line)}
.empty{text-align:center;padding:28px 12px;display:flex;flex-direction:column;align-items:center;gap:10px}.empty p{margin:0;color:var(--muted);max-width:30ch}
.demo{background:var(--warn);color:var(--warnInk);font-size:13px;font-weight:600;text-align:center;padding:6px 12px}
a{color:var(--teal)}

.two>*{min-width:0}input[type=date]{min-width:0;max-width:100%;-webkit-appearance:none;appearance:none;display:block}
.field select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 55%,calc(100% - 14px) 55%;background-size:6px 6px;background-repeat:no-repeat;padding-right:34px}
.chg{display:grid;grid-template-columns:28px 1fr;gap:6px 12px;align-items:center;background:var(--card);border:1.5px solid var(--line);border-radius:14px;padding:12px 14px}
.chg .cb{width:24px;height:24px;margin:0;accent-color:#0F5257}.chg label{font-weight:600;font-size:16px}
.chg .chgin{display:none;grid-column:1/-1;grid-template-columns:1fr 84px;gap:8px}.chg .cb:checked~.chgin{display:grid}
.chg .chgin input,.chg .chgin select{border:1.5px solid var(--line);background:var(--bg);border-radius:12px;min-height:46px;padding:0 12px;width:100%}.chg .chgin .hint{font-size:13px;color:var(--muted)}

.btn{white-space:nowrap}.screen .row.between h1{font-size:24px}

.pill.bad{background:#FDE3DF;color:#7A1F14}
@media (prefers-color-scheme:dark){.pill.bad{background:#5A2420;color:#FFD9D3}.pill.ok{background:#1D5A3A;color:#CFF5DD}}
@media print{nav.tabs,.noprint,.sheet-bg,.toast,.demo{display:none!important}body{background:#fff}.screen{padding:0}.hero{background:#fff!important;color:#000!important;border:1px solid #999}.hero .sub{color:#333!important}}