:root{--bg:#f2efe6;--bg-app:#f8f6f0;--card-bg:#fff;--card-border:#14131014;--surface-2:#efece3;--divider:#1413101a;--text-primary:#201e17;--text-heading:#141310;--text-body:#3a382f;--text-secondary:#6b6659;--text-muted:#6b6659;--text-caption:#8a8577;--text-faint:#9a9587;--text-subtle:#7d786a;--text-inactive:#9a9587;--gold:#b8860f;--gold-gradient:linear-gradient(135deg, #e8c15f 0%, #c99a24 45%, #97711a 100%);--gold-text:#8a6a17;--gold-text-2:#96751c;--gold-on-gold:#211a05;--gold-border:#b8860f4d;--gold-border-strong:#b8860f66;--gold-border-soft:#b8860f29;--nav-bg:#fff;--on-accent:#191710;--input-bg:#fff;--input-text:#201e17;--input-border:#b8860f59;--input-placeholder:#9a9587;--destructive-bg:#d65a5a1f;--destructive-text:#b23b3b;--scrim:#14131066;--status-pending-bg:#6b66591a;--status-pending-text:#6b6659;--status-pending-dot:#8a8577;--status-active-bg:#b8860f29;--status-active-text:#8a6a17;--status-active-dot:#b8860f;--status-done-bg:#2f8f5f24;--status-done-text:#2f8f5f;--status-done-dot:#2f8f5f;--status-cancelled-bg:#b446461f;--status-cancelled-text:#a34a4a;--status-cancelled-dot:#a34a4a;--toggle-off-bg:#e2ddce;--toggle-off-knob:#a39c8a;--highlight-gradient:linear-gradient(135deg, #f3e6c4 0%, #fff 60%);--login-bg-gradient:radial-gradient(ellipse 900px 600px at 50% 0%, #fdf8ea 0%, #f2efe6 65%);--login-card-gradient:linear-gradient(180deg, #fff 0%, #faf7ef 60%);--login-glow:radial-gradient(circle, #b8860f2e 0%, #b8860f00 70%);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#0a0a0a;--bg-app:#141310;--card-bg:#1c1b16;--card-border:#ffffff0d;--surface-2:#1f1e19;--divider:#ffffff14;--text-primary:#f2f2ea;--text-heading:#e8e8e0;--text-body:#d8d8d0;--text-secondary:#8a8a83;--text-muted:#a3a39a;--text-caption:#6b6b62;--text-faint:#5f5f5a;--text-subtle:#9a9a91;--text-inactive:#7a7a72;--gold:#d4af37;--gold-gradient:linear-gradient(135deg, #f2d377 0%, #d4af37 45%, #a97e1f 100%);--gold-text:#f2d377;--gold-text-2:#e9c565;--gold-on-gold:#211a05;--gold-border:#d4af3733;--gold-border-strong:#d4af374d;--gold-border-soft:#d4af3726;--nav-bg:#191710;--on-accent:#191710;--input-bg:#1c1b16;--input-text:#f0f0e8;--input-border:#d4af3733;--input-placeholder:#6b6b6b;--destructive-bg:#d65a5a24;--destructive-text:#e08585;--scrim:#0009;--status-pending-bg:#c9c9c91f;--status-pending-text:#c9c9c1;--status-pending-dot:#9a9a91;--status-active-bg:#d4af372e;--status-active-text:#e9c565;--status-active-dot:#d4af37;--status-done-bg:#6fcf9724;--status-done-text:#7fd4a4;--status-done-dot:#4caf7d;--status-cancelled-bg:#e06e6e24;--status-cancelled-text:#e08a8a;--status-cancelled-dot:#c97a7a;--toggle-off-bg:#332f22;--toggle-off-knob:#6b6b62;--highlight-gradient:linear-gradient(135deg, #2a2410 0%, #1c1b16 60%);--login-bg-gradient:radial-gradient(ellipse 900px 600px at 50% 0%, #262620 0%, #0a0a0a 65%);--login-card-gradient:linear-gradient(180deg, #161613 0%, #0a0a0a 60%);--login-glow:radial-gradient(circle, #d4af3729 0%, #d4af3700 70%);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;font-family:IBM Plex Sans Thai Looped,sans-serif;transition:background-color .2s,color .2s}input,select,textarea,button{font-family:IBM Plex Sans Thai Looped,sans-serif}input::placeholder{color:var(--input-placeholder)}a{color:inherit;text-decoration:none}button{font:inherit}.theme-toggle{background:var(--surface-2);border:1px solid var(--gold-border);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.theme-toggle:active{opacity:.85}.version-badge{background:var(--surface-2);border:1px solid var(--gold-border);height:32px;color:var(--gold-text);cursor:pointer;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;padding:0 11px;font-size:14px;font-weight:600;display:flex}.version-badge:active{opacity:.85}.app-shell{background:var(--bg-app);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative}.screen-header{background:var(--bg-app);border-bottom:1px solid var(--gold-border-soft);flex-shrink:0;padding:24px 20px 16px}.screen-title{color:var(--text-primary);font-size:27.5px;font-weight:600}.screen-subtitle{color:var(--text-secondary);margin-top:3px;font-size:16.5px}.screen-body{-webkit-overflow-scrolling:touch;flex:1;padding:16px 20px 90px;overflow-y:auto}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:14px;padding:14px 16px}.card-tappable{cursor:pointer}.card-tappable:active{opacity:.85}.pill{border-radius:20px;flex-shrink:0;align-items:center;padding:4px 9px;font-size:14px;font-weight:600;display:inline-flex}.pill-lg{padding:6px 12px;font-size:15px}.btn{cursor:pointer;text-align:center;border:none;border-radius:12px;padding:14px;font-size:19.5px;font-weight:700}.btn:active{opacity:.9}.btn-primary{background:var(--gold-gradient);color:var(--gold-on-gold)}.btn-outline{background:var(--card-bg);color:var(--text-subtle);border:1px solid var(--divider);font-weight:600}.btn-destructive{background:var(--destructive-bg);color:var(--destructive-text);font-weight:600}.btn-block{width:100%}.btn-row{gap:10px;display:flex}.btn-row .btn{flex:1}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-secondary);font-size:15px}.field-row{gap:8px;display:flex}.field-row>.field{flex:1}.field-row>.field.field-narrow{flex:0 0 100px}.input{background:var(--input-bg);border:1px solid var(--input-border);width:100%;color:var(--input-text);border-radius:10px;outline:none;padding:12px 14px;font-size:18.5px}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{cursor:pointer;border-radius:20px;padding:8px 14px;font-size:16.5px}.chip-selected{background:var(--gold);color:var(--gold-on-gold);font-weight:600}.chip-unselected{background:var(--card-bg);color:var(--text-subtle);border:1px solid var(--divider)}.segmented{gap:8px;display:flex}.segment{cursor:pointer;background:var(--surface-2);color:var(--text-subtle);text-align:center;border-radius:20px;padding:7px 16px;font-size:16.5px}.segment-3{border-radius:10px;flex:1;padding:9px 0}.segment-active{background:var(--gold);color:var(--gold-on-gold);font-weight:600}.icon-btn{background:var(--surface-2);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.icon-btn-lg{width:40px;height:40px}.bottom-nav{background:var(--nav-bg);border-top:1px solid var(--gold-border-soft);padding:10px 12px calc(env(safe-area-inset-bottom,0px) + 14px);flex-shrink:0;justify-content:space-around;align-items:center;display:flex;position:sticky;bottom:0}.nav-item{cursor:pointer;color:var(--text-inactive);background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex}.nav-item.active{color:var(--gold);font-weight:700}.nav-fab{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;margin-top:-26px;display:flex}.nav-fab-circle{background:var(--gold-gradient);border:3px solid var(--nav-bg);border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;box-shadow:0 6px 16px #d4af3759}.text-secondary{color:var(--text-secondary)}.text-caption{color:var(--text-caption)}.text-gold{color:var(--gold-text)}.center-empty{color:var(--text-caption);text-align:center;padding:32px 0;font-size:16.5px}.stack-8>*+*{margin-top:8px}.stack-10>*+*{margin-top:10px}.stack-14>*+*{margin-top:14px}.stack-18>*+*{margin-top:18px}.avatar{width:42px;height:42px;color:var(--on-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:19.5px;font-weight:700;display:flex}.spinner-screen{min-height:100vh;color:var(--text-secondary);justify-content:center;align-items:center;font-size:17px;display:flex}.error-banner{background:var(--destructive-bg);color:var(--destructive-text);border-radius:10px;margin-bottom:12px;padding:10px 14px;font-size:16.5px}