:root{--bg: #f4f6f3;--bg-outer: #e7eae4;--sf: #ffffff;--sf2: #fbfcfb;--ink: #1e2b24;--mut: #6b7a70;--ln: #e4e9e3;--p: #1f4d3a;--p6: #266b4f;--pt: #eaf1ed;--ac: #e0a458;--act: #fbf1e2;--dg: #b4483c;--dgt: #fbeae7;--ok: #2e7d57;--sage: #7a9e8c;--tan: #c9b48a;--sh: 0 1px 2px rgba(30, 43, 36, .05), 0 6px 20px rgba(30, 43, 36, .06);--sh-modal: 0 18px 50px rgba(30, 43, 36, .25);--auth-grad: linear-gradient(160deg, #1f4d3a, #123528);--section-header-bg: rgba(31, 77, 58, .1);--section-header-bg: color-mix(in srgb, var(--p) 10%, transparent);--section-header-bg-active: rgba(31, 77, 58, .18);--section-header-bg-active: color-mix(in srgb, var(--p) 18%, transparent)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg-outer);font-family:Sarabun,system-ui,-apple-system,sans-serif;color:var(--ink);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--p6)}a:hover{color:var(--p)}input,select,textarea,button{font-family:inherit}@keyframes rise{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes sheetup{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.app-shell{min-height:100vh;background:var(--bg)}.sidebar{display:none}.main{min-height:100vh;padding-bottom:84px}.main-inner{max-width:640px;margin:0 auto;padding:14px 14px 24px}.app-credit{text-align:center;font-size:11px;color:var(--mut);opacity:.7;padding:18px 0 4px}@media(min-width:1024px){.app-shell{display:grid;grid-template-columns:232px 1fr}.app-credit{display:none}.sidebar{display:flex;flex-direction:column;background:var(--p);color:#fff;position:sticky;top:0;height:100vh;padding:16px 12px;box-sizing:border-box}.main{padding-bottom:24px}.main-inner{max-width:900px;padding:20px 24px 32px}.bottomnav,.mobile-topbar{display:none!important}}.side-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;cursor:pointer;color:#ffffffd9;font-size:14px;font-weight:500}.side-item:hover{background:#ffffff14}.side-item.active{background:#ffffff29;color:#fff;font-weight:600}.side-count{margin-left:auto;font-size:11.5px;opacity:.7}.mobile-topbar{position:sticky;top:0;z-index:50;background:var(--p);color:#fff;display:flex;align-items:center;gap:10px;padding:12px 16px}.bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:60;background:var(--sf);border-top:1px solid var(--ln);display:flex;justify-content:space-around;align-items:center;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottomnav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-size:10.5px;color:var(--mut);cursor:pointer;border:none;background:none}.bottomnav-item.active{color:var(--p);font-weight:700}.bottomnav-item .ic{font-size:20px}.fab{width:52px;height:52px;border-radius:999px;background:var(--p);color:#fff;border:none;font-size:26px;margin-top:-20px;box-shadow:0 6px 18px #1f4d3a66;cursor:pointer;display:flex;align-items:center;justify-content:center}.card{background:var(--sf);border:1px solid var(--ln);border-radius:14px;box-shadow:var(--sh);padding:14px}.section-title{font-size:15px;font-weight:700;margin:18px 2px 10px}.badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11.5px;font-weight:600;white-space:nowrap}.badge.green{background:var(--pt);color:var(--p)}.badge.honey{background:var(--act);color:#8a5a16}.badge.red{background:var(--dgt);color:var(--dg)}.badge.gray{background:#eef0ec;color:var(--mut)}.chip{display:inline-flex;align-items:center;gap:4px;background:var(--sf2);border:1px solid var(--ln);border-radius:999px;padding:3px 10px;font-size:11.5px;color:var(--ink)}.chip .k{color:var(--mut)}.note-box{border:1px dashed var(--ln);border-radius:10px;padding:8px 10px;font-size:12.5px;color:var(--mut);background:var(--sf2)}.btn{border:none;border-radius:10px;padding:9px 14px;font-size:13.5px;font-weight:600;cursor:pointer}.btn-primary{background:var(--p);color:#fff}.btn-ghost{background:var(--sf2);color:var(--ink);border:1px solid var(--ln)}.btn-danger{background:var(--dgt);color:var(--dg)}.btn-sm{padding:6px 11px;font-size:12.5px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;background:#141e1970;display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box}.modal{background:var(--sf);border-radius:20px;box-shadow:var(--sh-modal);width:100%;max-width:460px;max-height:90vh;overflow-y:auto;animation:pop .2s ease;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}@media(max-width:560px){.overlay{padding:0;align-items:flex-end}.modal{position:static;transform:none;max-width:100%;border-radius:20px 20px 0 0;max-height:92vh;animation:sheetup .24s ease}.overlay:has(>.modal.compact){align-items:center;padding:16px}.modal.compact{border-radius:20px;max-height:80vh;animation:pop .2s ease}}.modal.compact{margin-bottom:env(safe-area-inset-bottom)}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-full{grid-column:span 2}.form-label{display:block;font-size:12.5px;font-weight:600;margin-bottom:5px}.form-input{width:100%;border:1px solid var(--ln);border-radius:10px;padding:11px;font-size:14px;background:var(--sf2);box-sizing:border-box;outline:none;color:var(--ink)}.form-input:focus{border-color:var(--p6)}.form-section{grid-column:span 2;display:flex;align-items:center;gap:8px;width:100%;font-size:12.5px;font-weight:700;color:var(--p);background:var(--section-header-bg);margin-top:10px;padding:8px 12px;border-radius:8px}button.form-section{border:none;text-align:left;cursor:pointer;font-family:inherit}button.form-section:active{background:var(--section-header-bg-active)}.form-hint{font-size:11px;color:var(--mut);margin-top:4px}.empty{text-align:center;color:var(--mut);padding:40px 20px;font-size:13.5px}.empty .ic{font-size:34px;display:block;margin-bottom:8px}