:root{--navy: #0f1e30;--navy-grad-end: #162640;--tabbar-bg: #0a1520;--sheet-bg: #1a2744;--gold: #c9a33a;--gold-dark: #a8862e;--red: #ff6b6b;--teal: #4ecdc4;--t1: #ffffff;--t2: rgba(255, 255, 255, .6);--t3: rgba(255, 255, 255, .4);--t4: rgba(255, 255, 255, .3);--surface-1: rgba(255, 255, 255, .03);--surface-2: rgba(255, 255, 255, .06);--border-1: rgba(255, 255, 255, .04);--border-2: rgba(255, 255, 255, .08);--gold-bg: rgba(201, 163, 58, .1);--gold-border: rgba(201, 163, 58, .2);--gold-border-strong: rgba(201, 163, 58, .25);--font: "Noto Sans Thai", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes shimmer{0%{background-position:-320px 0}to{background-position:320px 0}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--navy);color:var(--t1);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}input,button{font-family:var(--font);color:inherit}input[type=number]{-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.app{display:flex;flex-direction:column;height:100%;height:100dvh;background:var(--navy);position:relative;overflow:hidden;max-width:480px;margin:0 auto}.app--bare{height:auto;min-height:100dvh;overflow:visible}.topbar{padding:calc(58px + env(safe-area-inset-top,0px)) 20px 8px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.topbar__title{font-size:18px;font-weight:600;color:var(--gold)}.topbar__role{font-size:12px;color:var(--t3)}.content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 16px calc(74px + env(safe-area-inset-bottom,0px));-webkit-overflow-scrolling:touch}.screen{animation:fadeIn .3s ease}.tabbar{position:fixed;bottom:0;left:0;right:0;z-index:50;width:100%;max-width:480px;margin:0 auto;display:flex;border-top:1px solid rgba(255,255,255,.06);background:var(--tabbar-bg);padding:6px 0 env(safe-area-inset-bottom,0px);flex-shrink:0}.tabbar__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 0;cursor:pointer;background:none;border:none}.tabbar__item:active{opacity:.7}.tabbar__icon{font-size:20px;opacity:.4}.tabbar__item--active .tabbar__icon{opacity:1}.tabbar__label{font-size:10px;font-weight:400;color:#ffffff59}.tabbar__item--active .tabbar__label{font-weight:600;color:var(--gold)}.login{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:24px;background:linear-gradient(180deg,#0f1e30,#162640);max-width:480px;margin:0 auto}.login__logo{margin-bottom:32px;text-align:center}.login__brand{font-size:42px;font-weight:700;color:var(--gold);letter-spacing:2px;margin-bottom:4px}.login__sub{font-size:13px;color:var(--t3);letter-spacing:4px;font-weight:300}.login__dots{display:flex;gap:12px;margin-bottom:32px}.login__dot{width:14px;height:14px;border-radius:50%;border:2px solid rgba(201,163,58,.5);background:transparent;transition:background .15s}.login__dot--on{background:var(--gold)}.login__error{color:var(--red);font-size:13px;margin-bottom:12px;animation:shake .3s;text-align:center}.login__hint{color:var(--t3);font-size:13px;margin-bottom:12px}.login__keypad{display:grid;grid-template-columns:repeat(3,72px);gap:12px}.key{width:72px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--surface-2);color:var(--t1);border:none;transition:all .1s}.key:active:not(:disabled){transform:scale(.95);opacity:.7}.key:disabled{cursor:default}.key--blank{background:transparent;color:transparent}.key--del{background:#ff6b6b1f;color:var(--red)}.navrow{display:flex;align-items:center;gap:10px;margin-bottom:16px}.navrow__arrow{width:36px;height:36px;border-radius:10px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px;color:var(--t2);border:none;flex-shrink:0}.navrow__arrow:active{background:#ffffff1f}.navrow__label{flex:1;text-align:center;font-size:15px;font-weight:500}.navrow__label--button{cursor:pointer;padding:6px 0;border-radius:8px;background:var(--border-1);border:1px solid var(--border-2);color:var(--t1);font-family:var(--font)}.navrow__label--button:active{background:var(--border-2)}.card-gold{background:var(--gold-bg);border:1px solid var(--gold-border);border-radius:12px;padding:14px 16px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.card-gold__label{font-size:13px;color:var(--t2)}.card-gold__value{font-size:20px;font-weight:600;color:var(--gold)}.section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;padding:0 2px}.section-head__title{font-size:12px;font-weight:600;color:#ffffff59;letter-spacing:1px}.section-head__actions{display:flex;align-items:center;gap:12px}.section-head__link{font-size:11px;color:#c9a33ab3;cursor:pointer;background:none;border:none;padding:0}.section-head__link:active{opacity:.6}.list{background:var(--surface-1);border-radius:12px;border:1px solid rgba(255,255,255,.05);overflow:hidden}.list--sub{margin-top:8px}.list__row{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid var(--border-1)}.list__row:last-child{border-bottom:none}.iconbtn{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;flex-shrink:0;border:none;padding:0}.iconbtn:active{opacity:.6}.iconbtn--minus{background:#ff6b6b26;color:var(--red);margin-right:10px}.iconbtn--del{background:#ff6b6b26;color:var(--red)}.iconbtn--add{background:#4ecdc426;color:var(--teal);margin-right:10px;font-size:12px}.row__label{flex:1;font-size:14px}.row__label--zero{font-weight:400;color:#ffffff73}.row__label--filled{font-weight:600;color:var(--t1)}.row__label--hidden{font-size:14px;color:var(--t3);cursor:pointer;flex:1;text-align:left;background:none;border:none;padding:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.input-rename{flex:1;background:transparent;border:none;border-bottom:1px dashed rgba(201,163,58,.3);color:var(--gold);font-size:14px;font-weight:500;outline:none;padding:2px 0;min-width:0}.input-amount{width:80px;background:transparent;border:none;font-size:16px;outline:none;padding:0;text-align:right;flex-shrink:0}.input-amount--zero{color:var(--t4);font-weight:400}.input-amount--filled{color:var(--t1);font-weight:600}.input-name{flex:1;background:transparent;border:none;color:var(--t1);font-size:14px;outline:none;padding:0;min-width:0}.dashed-btn{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px;border-radius:10px;border:1px dashed rgba(201,163,58,.3);background:none;color:#c9a33ab3;font-size:13px;cursor:pointer;width:100%}.dashed-btn:active{background:#c9a33a0d}.dashed-btn--lg{padding:12px;border-radius:12px;margin-bottom:20px}.summary{background:linear-gradient(135deg,#c9a33a26,#c9a33a0d);border:1px solid var(--gold-border-strong);border-radius:14px;padding:16px;margin:8px 0 16px}.summary__total{display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid rgba(255,255,255,.06)}.summary__label{font-size:13px;color:#ffffff80}.summary__value{font-size:16px;font-weight:600;color:var(--red)}.summary__cash{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.input-cash{width:100px;background:var(--surface-2);border:1px solid rgba(78,205,196,.3);border-radius:8px;color:var(--teal);font-size:16px;font-weight:600;outline:none;padding:4px 8px;text-align:right}.floatrow{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--surface-1);border-radius:10px;margin-bottom:16px}.floatrow__label{font-size:12px;color:#ffffff59}.input-float{width:90px;background:var(--surface-2);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:var(--t2);font-size:14px;font-weight:500;outline:none;padding:4px 8px;text-align:right}.save-btn{background:linear-gradient(135deg,#c9a33a,#a8862e);border-radius:14px;padding:16px;text-align:center;font-size:16px;font-weight:600;cursor:pointer;letter-spacing:.5px;margin-bottom:8px;border:none;width:100%;color:var(--t1)}.save-btn:active{transform:scale(.98);opacity:.9}.save-btn:disabled{opacity:.55;cursor:default;transform:none}.scrim{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:flex-end;justify-content:center}.sheet{background:var(--sheet-bg);border-radius:20px 20px 0 0;width:100%;max-width:480px;padding:20px 20px calc(40px + env(safe-area-inset-bottom,0px));animation:fadeIn .25s ease}.sheet--modal{padding:20px 20px calc(20px + env(safe-area-inset-bottom,0px));animation:fadeIn .2s ease}.sheet--scroll{max-height:70vh;overflow-y:auto}.sheet__handle{width:40px;height:4px;border-radius:2px;background:#ffffff26;margin:0 auto 16px}.sheet__title{font-size:15px;font-weight:600;margin-bottom:16px;color:var(--gold)}.sheet__row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--border-1)}.sheet__row-label{font-size:13px;color:var(--t2)}.sheet__row-value{font-size:14px;font-weight:500}.cal__nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cal__arrow{width:32px;height:32px;border-radius:8px;background:var(--surface-2);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;color:var(--t2);border:none}.cal__arrow:active{background:#ffffff1f}.cal__title{font-size:16px;font-weight:600;color:var(--gold)}.cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.cal__grid--head{margin-bottom:4px}.cal__grid--days{margin-bottom:16px}.cal__head{text-align:center;font-size:11px;color:var(--t4);padding:4px 0}.cal__day{text-align:center;padding:10px 0;border-radius:8px;font-size:14px;font-weight:400;color:var(--t1);background:transparent;cursor:pointer;border:none;font-family:var(--font)}.cal__day:active{opacity:.7}.cal__day--blank{cursor:default;color:transparent}.cal__day--today{color:var(--gold);background:#c9a33a26;font-weight:700}.cal__day--selected{color:var(--navy);background:var(--gold);font-weight:700}.cal__today-btn{text-align:center;padding:10px;font-size:13px;color:var(--gold);cursor:pointer;background:none;border:none;width:100%}.cal__today-btn:active{opacity:.6}.hist__meta{display:flex;justify-content:space-between;align-items:baseline;padding:0 4px;margin-bottom:8px}.hist__count{font-size:11px;color:var(--t4)}.hist__total{font-size:13px;font-weight:600;color:var(--gold)}.hist__list{background:#ffffff06;border-radius:12px;border:1px solid rgba(255,255,255,.05);overflow:hidden}.hist__row{display:flex;align-items:center;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border-1);cursor:pointer;width:100%;background:none;border-left:none;border-right:none;border-top:none;text-align:left;color:inherit;font-family:var(--font)}.hist__row:last-child{border-bottom:none}.hist__row:active{background:var(--surface-2)}.hist__daycol{width:38px;flex-shrink:0}.hist__day{font-size:17px;font-weight:600;color:var(--t1);line-height:1.05}.hist__weekday{font-size:10px;color:var(--t4)}.hist__mid{flex:1;min-width:0}.hist__top{font-size:13px;color:#ffffffbf;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hist__items{font-size:11px;color:var(--t4);margin-top:1px}.hist__amount{font-size:16px;font-weight:600;color:var(--t1);flex-shrink:0}.hist__chev{font-size:13px;color:#fff3;flex-shrink:0}.cat__total-card{background:linear-gradient(135deg,#c9a33a26,#c9a33a0d);border:1px solid var(--gold-border-strong);border-radius:14px;padding:16px;margin-bottom:16px}.cat__total-label{font-size:12px;color:var(--t3);margin-bottom:4px}.cat__total-row{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.cat__total-value{font-size:24px;font-weight:700;color:var(--gold)}.chip{font-size:12px;font-weight:500;padding:2px 8px;border-radius:6px;white-space:nowrap}.chip--sm{font-size:10px;padding:1px 6px;border-radius:4px}.chip--down{color:var(--teal);background:#4ecdc426}.chip--up{color:var(--red);background:#ff6b6b26}.chip--sm.chip--down{background:#4ecdc41f}.chip--sm.chip--up{background:#ff6b6b1f}.cat__item{padding:12px 0;border-bottom:1px solid var(--border-1)}.cat__item-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;gap:8px}.cat__item-name{display:flex;align-items:center;gap:6px;min-width:0}.cat__item-label{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cat__item-vals{display:flex;align-items:baseline;gap:6px;flex-shrink:0}.cat__item-amount{font-size:14px;font-weight:600}.cat__item-pct{font-size:11px;color:#ffffff59}.bar{height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.bar__fill{height:100%;border-radius:3px;transition:width .5s ease}.bar--lg{height:8px;border-radius:4px}.bar--lg .bar__fill{border-radius:4px}.dash__metric{background:#ff6b6b14;border:1px solid rgba(255,107,107,.15);border-radius:14px;padding:16px;margin-bottom:20px}.dash__metric-label{font-size:12px;color:var(--t3);margin-bottom:4px}.dash__metric-value{font-size:28px;font-weight:700;color:var(--red)}.dash__section{margin-bottom:20px}.dash__section-title{font-size:13px;font-weight:600;color:#ffffff80;margin-bottom:12px}.chart{display:flex;gap:6px;align-items:flex-end;width:100%;height:160px;padding-top:20px}.chart__col{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;position:relative;background:none;border:none;padding:0;height:100%;justify-content:flex-end}.chart__value{font-size:10px;font-weight:600;color:var(--gold);position:absolute;top:-18px;white-space:nowrap}.chart__bar{width:100%;border-radius:3px 3px 0 0;min-width:4px;transition:opacity .2s}.chart__label{font-size:9px;color:#ffffff59;font-weight:400}.chart__label--active{color:var(--gold);font-weight:600}.dash__top5-row{margin-bottom:10px}.dash__top5-head{display:flex;justify-content:space-between;margin-bottom:4px;gap:8px}.dash__top5-label{font-size:13px;color:#ffffffb3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash__top5-amount{font-size:13px;font-weight:600;flex-shrink:0}.set__current{background:var(--gold-bg);border:1px solid var(--gold-border);border-radius:14px;padding:16px;margin-bottom:16px}.set__current-label{font-size:12px;color:var(--t3);margin-bottom:4px}.set__current-value{font-size:18px;font-weight:600;color:var(--gold)}.set__heading{font-size:13px;font-weight:600;color:#ffffff80;margin-bottom:10px}.rolecard{background:var(--surface-1);border-radius:14px;border:1px solid rgba(255,255,255,.06);padding:14px;margin-bottom:10px}.rolecard__head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.rolecard__name{flex:1;background:transparent;border:none;border-bottom:1px dashed rgba(255,255,255,.15);color:var(--t1);font-size:15px;font-weight:600;outline:none;padding:2px 0;min-width:0}.rolecard__delete{width:26px;height:26px;border-radius:8px;background:#ff6b6b26;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:11px;color:var(--red);flex-shrink:0;border:none}.rolecard__delete:active{opacity:.6}.rolecard__pinrow{display:flex;align-items:center;gap:10px;margin-bottom:12px}.rolecard__pinlabel{font-size:12px;color:var(--t3);width:56px;flex-shrink:0}.rolecard__pin{flex:1;background:var(--surface-2);border:1px solid var(--gold-border);border-radius:8px;color:var(--gold);font-size:15px;font-weight:700;outline:none;padding:8px 12px;text-align:center;letter-spacing:5px;min-width:0}.rolecard__hint{font-size:11px;color:var(--t4);margin-bottom:6px}.rolecard__perms{display:flex;flex-wrap:wrap;gap:6px}.perm{padding:6px 11px;border-radius:8px;font-size:12px;cursor:pointer;background:var(--border-1);color:var(--t4);border:1px solid var(--border-2);font-family:var(--font)}.perm:active{opacity:.7}.perm--on{background:#4ecdc426;color:var(--teal);border-color:#4ecdc44d}.logout-btn{background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);border-radius:14px;padding:14px;text-align:center;font-size:15px;font-weight:600;color:var(--red);cursor:pointer;width:100%}.logout-btn:active{opacity:.8}.skel{background:linear-gradient(90deg,#ffffff0a,#ffffff17,#ffffff0a);background-size:320px 100%;animation:shimmer 1.2s linear infinite;border-radius:6px}.offline-banner{display:flex;align-items:center;justify-content:center;gap:6px;padding:6px 16px;font-size:11px;flex-shrink:0;background:#ff6b6b1f;color:var(--red);border-bottom:1px solid rgba(255,107,107,.2)}.offline-banner--pending{background:#c9a33a1f;color:var(--gold);border-bottom-color:var(--gold-border)}.toast-wrap{position:fixed;left:50%;bottom:calc(72px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:420px;pointer-events:none}.toast{display:flex;align-items:center;gap:10px;background:var(--sheet-bg);border:1px solid var(--border-2);border-radius:12px;padding:10px 14px;font-size:13px;box-shadow:0 8px 24px #00000073;animation:toastIn .2s ease;pointer-events:auto}.toast--error{border-color:#ff6b6b59}.toast--success{border-color:#4ecdc459}.toast__icon{flex-shrink:0;font-size:13px}.toast--error .toast__icon{color:var(--red)}.toast--success .toast__icon{color:var(--teal)}.toast__msg{flex:1;min-width:0}.toast__action{flex-shrink:0;background:none;border:none;color:var(--gold);font-size:13px;font-weight:600;cursor:pointer;padding:0;font-family:var(--font)}.empty{text-align:center;padding:40px 20px;color:var(--t4);font-size:13px}.error-state{text-align:center;padding:32px 20px;color:var(--t2);font-size:13px}.error-state__retry{margin-top:12px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:10px;color:var(--gold);padding:8px 20px;font-size:13px;cursor:pointer;font-family:var(--font)}.iconbtn--note{background:#ffffff0d;color:#ffffff59;margin-right:8px;font-size:12px}.iconbtn--note-on{background:#c9a33a26;color:var(--gold)}.note-hint{font-size:11px;color:var(--t4);margin-top:8px;line-height:1.5}.note-btn{flex:1;padding:12px;border-radius:10px;font-size:14px;font-weight:600;font-family:inherit;border:none;cursor:pointer}.note-btn--cancel{background:#ffffff0f;color:var(--t2);border:1px solid var(--border-2)}.note-btn--done{background:linear-gradient(135deg,var(--gold),var(--gold-dark));color:var(--navy)}.note-btn:active{opacity:.8;transform:scale(.98)}.note-items{margin-top:12px;background:var(--surface-1);border:1px solid var(--border-1);border-radius:10px;overflow:hidden}.note-items__row{display:flex;align-items:center;gap:12px;padding:9px 12px;border-bottom:1px solid var(--border-1)}.note-items__row:last-child{border-bottom:none}.note-items__label{flex:1;font-size:13px;color:#ffffffbf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-items__label--none{color:var(--t4);font-style:italic}.note-items__amount{font-size:14px;font-weight:500;color:var(--t1)}.note-items__amount--none{font-size:11px;font-weight:400;color:var(--t4)}.note-items__row--total{background:#c9a33a1a;border-top:1px solid rgba(201,163,58,.25)}.note-items__row--total .note-items__label{color:var(--t2);font-size:12px}.note-items__row--total .note-items__amount{color:var(--gold);font-weight:700;font-size:16px}.card-gold--stack{display:block}.card-gold__row{display:flex;justify-content:space-between;align-items:center}.card-gold__row+.card-gold__row{margin-top:10px;padding-top:10px;border-top:1px solid rgba(201,163,58,.18)}.input-balance{width:110px;background:var(--surface-2);border:1px solid var(--gold-border-strong);border-radius:8px;color:var(--gold);font-size:16px;font-weight:600;font-family:inherit;outline:none;padding:4px 8px;text-align:right}.input-balance::placeholder{color:#c9a33a59}.input-balance--topup{border-color:#4ecdc44d;color:var(--teal)}.summary__closing{display:flex;justify-content:space-between;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.summary__closing-value{font-size:18px;font-weight:700;color:var(--gold)}.summary__closing-value--neg{color:var(--red)}.row__readonly{font-size:14px;font-weight:500;color:var(--t2)}.notepage{min-height:100dvh;box-sizing:border-box;background:var(--navy);padding:calc(16px + env(safe-area-inset-top,0px)) 20px calc(32px + env(safe-area-inset-bottom,0px));padding-top:max(52px,calc(16px + env(safe-area-inset-top,0px)));animation:fadeIn .2s ease}.notepage__head{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.notepage__back{flex-shrink:0;background:none;border:none;padding:4px 8px 4px 0;font-family:inherit;font-size:15px;color:var(--gold);cursor:pointer}.notepage__back:active{opacity:.6}.notepage__heading{min-width:0}.notepage__title{font-size:16px;font-weight:600;color:var(--gold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notepage__date{font-size:12px;color:var(--t3);margin-top:2px}.notepage__input{display:block;width:100%;box-sizing:border-box;min-height:200px;background:var(--surface-2);border:1px solid var(--border-2);border-radius:10px;padding:12px;font-size:16px;line-height:1.6;color:var(--t1);font-family:inherit;resize:vertical}.notepage__input::placeholder{color:var(--t4)}.notepage__input:focus{outline:none;border-color:#c9a33a66}.notepage__clear{display:block;margin:8px 0 0 auto;background:none;border:none;padding:4px 0;font-family:inherit;font-size:12px;color:var(--red);cursor:pointer}.notepage__clear:active{opacity:.6}.notepage__actions{display:flex;gap:10px;margin-top:20px}.notepage__actions .note-btn{flex:1}