*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--font-ui:"Figtree", system-ui, -apple-system, sans-serif;--font-display:"Gloock", Georgia, "Times New Roman", serif;--radius:14px;--radius-sm:8px;--radius-lg:20px;--nav-h:64px;--amber:oklch(70% .14 58);--bg:oklch(97% .004 265);--card:oklch(99.5% .002 265);--border:oklch(89% .007 265);--text:oklch(14% .008 265);--text2:oklch(46% .012 265);--shadow:0 1px 3px oklch(0% 0 0/.07), 0 2px 8px oklch(0% 0 0/.04);--green:oklch(50% .155 145);--red:oklch(51% .165 25);--blue:oklch(50% .155 252);--purple:oklch(52% .155 300);--orange:oklch(57% .155 55)}[data-theme=dark]{--bg:oklch(13% .005 45);--card:oklch(17.5% .005 45);--border:oklch(25% .006 45);--text:oklch(91% .004 45);--text2:oklch(46% .008 45);--shadow:0 2px 8px oklch(0% 0 0/.6), 0 1px 2px oklch(0% 0 0/.8);--green:oklch(70% .165 145);--red:oklch(63% .17 25);--blue:var(--amber);--purple:oklch(46% .008 45);--orange:var(--amber)}[data-theme=dark] body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(100% 35% at 50% 0,oklch(70% .14 58/.09) 0%,#0000 70%),radial-gradient(60% 20% at 80% 100%,oklch(70% .14 58/.04) 0%,#0000 60%);position:fixed;inset:0}[data-theme=dark] #root{z-index:1;position:relative}[data-theme=dark] .card{border-color:#0000}[data-theme=dark] .pill-blue,[data-theme=dark] .pill-purple,[data-theme=dark] .pill-orange,[data-theme=dark] .pill-gray{background:color-mix(in oklch, var(--text2) 9%, var(--card));color:var(--text2)}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}#root{flex-direction:column;min-height:100vh;display:flex}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}input,select,textarea{font-family:var(--font-ui);color:var(--text);background:var(--bg);border:1.5px solid var(--border);border-radius:var(--radius-sm);outline:none;width:100%;padding:10px 12px;font-size:16px;transition:border-color .25s,box-shadow .25s,background .25s}input:focus,select:focus{border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in oklch, var(--blue) 15%, transparent)}[data-theme=dark] input:focus,[data-theme=dark] select:focus{background:color-mix(in oklch, var(--amber) 3%, var(--bg));border-color:color-mix(in oklch, var(--amber) 55%, transparent);box-shadow:0 0 0 1px color-mix(in oklch, var(--amber) 22%, transparent), 0 0 40px color-mix(in oklch, var(--amber) 14%, transparent), 0 0 80px color-mix(in oklch, var(--amber) 7%, transparent)}input::placeholder{color:var(--text2);opacity:.7}button{font-family:var(--font-ui);cursor:pointer;border:none;outline:none}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow);margin-bottom:12px;padding:20px}.page{padding:24px 20px calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 24px);flex:1;width:100%;max-width:720px;margin:0 auto}.page-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:20px;font-size:28px;font-weight:400;line-height:1.15}.section-label{color:var(--text2);text-transform:uppercase;letter-spacing:.07em;margin-bottom:10px;font-size:11px;font-weight:600}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:200;background:oklch(0% 0 0/.6);justify-content:center;align-items:flex-end;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.modal-sheet{background:var(--card);border-radius:22px 22px 0 0;flex-shrink:0;width:100%;max-width:720px;max-height:92%;padding:24px 24px 60px;animation:.28s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto}[data-theme=dark] .modal-sheet{background:linear-gradient(160deg,oklch(20% .006 45) 0%,oklch(17% .005 45) 100%)}.modal-handle{background:var(--border);opacity:.5;border-radius:2px;width:36px;height:4px;margin:0 auto 20px}.modal-title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:4px;font-size:22px;font-weight:400}.field-label{color:var(--text2);letter-spacing:.01em;margin:14px 0 6px;font-size:12px;font-weight:500;display:block}.seg-row{gap:8px;display:flex}.seg-btn{border-radius:var(--radius-sm);border:1.5px solid var(--border);color:var(--text2);cursor:pointer;text-align:center;background:0 0;flex:1;padding:9px;font-size:13px;font-weight:500;transition:all .18s}.seg-btn:hover{border-color:var(--text2);color:var(--text)}.seg-btn.active{background:color-mix(in oklch, var(--blue) 12%, var(--card));border-color:color-mix(in oklch, var(--blue) 50%, transparent);color:var(--blue)}.seg-btn.green.active{background:color-mix(in oklch, var(--green) 12%, var(--card));border-color:color-mix(in oklch, var(--green) 50%, transparent);color:var(--green)}.seg-btn.purple.active{background:color-mix(in oklch, var(--purple) 12%, var(--card));border-color:color-mix(in oklch, var(--purple) 50%, transparent);color:var(--purple)}.btn-row{gap:8px;margin-top:20px;display:flex}.btn-cancel{border-radius:var(--radius);border:1.5px solid var(--border);color:var(--text2);cursor:pointer;background:0 0;flex:1;padding:13px;font-size:14px;font-weight:600;transition:all .18s}.btn-cancel:hover{background:var(--bg);color:var(--text);border-color:var(--text2)}.btn-primary{border-radius:var(--radius);background:var(--blue);color:#fff;cursor:pointer;border:none;flex:1;padding:13px;font-size:14px;font-weight:600;transition:opacity .18s,transform .1s}[data-theme=dark] .btn-primary{background:var(--text);color:var(--bg)}[data-theme=dark] .btn-primary:hover,.btn-primary:hover{opacity:.88}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary.green{background:var(--green);color:#fff}[data-theme=dark] .btn-primary.green{background:var(--green);color:oklch(10% 0 0)}.btn-primary.purple{background:var(--purple);color:#fff}.hint{color:var(--text2);margin-top:5px;font-size:11px;font-style:italic;line-height:1.4}input.input-error{border-color:var(--red)}input.input-error:focus{border-color:var(--red);box-shadow:0 0 0 3px color-mix(in oklch, var(--red) 15%, transparent)}.field-error{color:var(--red);margin-top:4px;font-size:12px;font-weight:500}.action-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.action-btn.edit{background:color-mix(in oklch, var(--blue) 10%, var(--card));border-color:color-mix(in oklch, var(--blue) 28%, var(--border));color:var(--blue)}.action-btn.edit:hover{background:color-mix(in oklch, var(--blue) 18%, var(--card))}.action-btn.delete{background:color-mix(in oklch, var(--red) 10%, var(--card));border-color:color-mix(in oklch, var(--red) 28%, var(--border));color:var(--red)}.action-btn.delete:hover{background:color-mix(in oklch, var(--red) 18%, var(--card))}.action-btn.paid{background:color-mix(in oklch, var(--green) 10%, var(--card));border-color:color-mix(in oklch, var(--green) 28%, var(--border));color:var(--green)}.action-btn.paid:hover{background:color-mix(in oklch, var(--green) 18%, var(--card))}.action-btn.active-paid{background:color-mix(in oklch, var(--green) 20%, var(--card));border-color:color-mix(in oklch, var(--green) 42%, var(--border));color:var(--green)}.action-btn.cancel-confirm{background:var(--bg);border-color:var(--border);color:var(--text2)}.action-btn.cancel-confirm:hover{background:var(--border)}.pill{border-radius:20px;align-items:center;gap:3px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.pill-green{background:color-mix(in oklch, var(--green) 13%, var(--card));color:var(--green)}.pill-red{background:color-mix(in oklch, var(--red) 13%, var(--card));color:var(--red)}.pill-blue{background:color-mix(in oklch, var(--blue) 13%, var(--card));color:var(--blue)}.pill-purple{background:color-mix(in oklch, var(--purple) 13%, var(--card));color:var(--purple)}.pill-orange{background:color-mix(in oklch, var(--orange) 13%, var(--card));color:var(--orange)}.pill-gray{background:color-mix(in oklch, var(--text2) 10%, var(--card));color:var(--text2)}.toast-container{bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 12px);z-index:300;pointer-events:none;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:420px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{color:#fff;pointer-events:all;background:#1a202c;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:13px 16px;animation:.2s toastIn;display:flex;box-shadow:0 8px 24px #0003}@keyframes toastIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.toast-msg{flex:1;font-size:14px;font-weight:500}.toast-btns{flex-shrink:0;align-items:center;gap:8px;display:flex}.toast-undo{color:#fff;cursor:pointer;background:0 0;border:1px solid #ffffff59;border-radius:8px;padding:5px 12px;font-size:13px;font-weight:600;transition:background .15s}.toast-undo:hover{background:#ffffff1a}.toast-close{color:#ffffff80;cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:14px;transition:color .15s}.toast-close:hover{color:#fff}.pin-screen{background:var(--bg);z-index:9999;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pin-inner{flex-direction:column;align-items:center;width:100%;max-width:320px;padding:0 24px;display:flex}.pin-logo{font-family:var(--font-display);color:var(--text);align-items:center;gap:8px;margin-bottom:8px;font-size:22px;font-weight:800;display:inline-flex}.pin-subtitle{color:var(--text2);margin-bottom:32px;font-size:14px}.pin-dots{gap:18px;margin-bottom:16px;display:flex}.pin-dot.filled{background:var(--blue);border-color:var(--blue);transform:scale(1.1)}.pin-dots.shake{animation:.4s pin-shake}@keyframes pin-shake{0%{transform:translate(0)}15%{transform:translate(-8px)}35%{transform:translate(8px)}55%{transform:translate(-6px)}75%{transform:translate(6px)}90%{transform:translate(-2px)}to{transform:translate(0)}}.pin-error{color:var(--red);text-align:center;height:18px;margin-bottom:16px;font-size:13px;font-weight:500}.pin-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-top:8px;display:grid}.pin-key{aspect-ratio:1;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:22px;font-weight:500;transition:background .1s,transform .1s;display:flex}.pin-key:active{background:var(--border);transform:scale(.92)}.pin-key:disabled{opacity:.4;cursor:not-allowed}.pin-key-back{color:var(--text2);background:0 0;border-color:#0000;font-size:20px}.pin-key-back:active{background:var(--bg)}.pin-bio-btn{border:1px solid var(--border);color:var(--blue);cursor:pointer;background:0 0;border-radius:14px;align-items:center;gap:8px;margin-top:28px;padding:10px 20px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.pin-bio-btn:active{background:var(--bg)}.layout{flex-direction:column;min-height:100vh;display:flex}.layout-main{padding-top:52px;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px) + 16px);flex:1;overflow-y:auto}.top-bar{background:var(--card);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:52px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=dark] .top-bar{background:linear-gradient(oklch(20% .006 45) 0%,oklch(18% .005 45) 100%);border-bottom-color:oklch(25% .006 45)}.top-bar-logo{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);align-items:center;gap:8px;font-size:17px;font-weight:400;display:inline-flex}.top-bar-right{align-items:center;gap:4px;display:flex}.privacy-btn{cursor:pointer;color:var(--text2);border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:background .18s,color .18s;display:flex}.privacy-btn:hover{background:color-mix(in oklch, var(--text2) 10%, var(--bg));color:var(--text)}.profile-wrap{position:relative}.profile-dropdown{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);z-index:200;min-width:210px;animation:.15s fadeIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 8px 32px oklch(0% 0 0/.18),0 2px 8px oklch(0% 0 0/.1)}[data-theme=dark] .profile-dropdown{box-shadow:0 8px 32px oklch(0% 0 0/.5),0 2px 8px oklch(0% 0 0/.4)}.profile-email{color:var(--text2);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;padding:13px 16px;font-size:12px;font-weight:500;overflow:hidden}.profile-divider{background:var(--border);height:1px}.profile-currency{padding:10px 16px}.profile-currency-label{color:var(--text2);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:600;display:block}.profile-currency-options{gap:6px;display:flex}.currency-btn{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text2);cursor:pointer;letter-spacing:.02em;background:0 0;flex:1;padding:6px 0;font-size:11px;font-weight:700;transition:all .18s}.currency-btn:hover{background:var(--bg);color:var(--text)}.currency-btn.active{background:color-mix(in oklch, var(--green) 14%, var(--card));border-color:var(--green);color:var(--green)}.profile-theme-toggle{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;transition:background .18s;display:flex}.profile-theme-toggle:hover{background:color-mix(in oklch, var(--text2) 8%, var(--bg))}.profile-theme-icon{color:var(--text2);align-items:center;display:flex}.profile-signout{text-align:left;width:100%;color:var(--red);cursor:pointer;background:0 0;border:none;padding:12px 16px;font-size:13px;font-weight:600;transition:background .18s}.profile-signout:hover{background:color-mix(in oklch, var(--red) 10%, var(--bg))}.bottom-nav{background:var(--card);border-top:1px solid var(--border);z-index:100;padding-bottom:env(safe-area-inset-bottom,0px);display:flex;position:fixed;bottom:0;left:0;right:0}[data-theme=dark] .bottom-nav{background:linear-gradient(oklch(17% .005 45) 0%,oklch(19% .006 45) 100%);border-top-color:oklch(24% .006 45)}.nav-item{color:var(--text2);min-height:var(--nav-h);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:12px 0 10px;text-decoration:none;transition:color .18s;display:flex}.nav-item:hover,.nav-item.active{color:var(--text)}[data-theme=dark] .nav-item.active{color:oklch(92% .003 45)}.nav-icon{justify-content:center;align-items:center;line-height:1;display:flex}.nav-label{letter-spacing:.04em;font-size:10px;font-weight:600}.offline-banner{color:#fff;text-align:center;letter-spacing:.01em;background:#f97316;justify-content:center;align-items:center;gap:8px;padding:7px 16px;font-size:12px;font-weight:600;display:flex}[data-theme=dark] .offline-banner{background:#9a3412}.pin-modal-dots{justify-content:center;gap:16px;margin:20px 0 8px;display:flex}.pin-dot{border:2px solid var(--border);background:0 0;border-radius:50%;width:14px;height:14px;transition:background .15s,border-color .15s}.pin-dot.filled{background:var(--blue);border-color:var(--blue)}.ob-backdrop{-webkit-backdrop-filter:blur(4px);z-index:9000;padding-bottom:env(safe-area-inset-bottom,0px);background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.ob-sheet{background:var(--card);border-radius:24px 24px 0 0;flex-direction:column;width:100%;max-width:480px;max-height:92vh;display:flex;overflow:hidden}.ob-progress-track{background:var(--border);height:3px}.ob-progress-fill{background:var(--blue);height:100%;transition:width .4s}.ob-body{flex:1;padding:32px 24px 16px;overflow-y:auto}.ob-emoji{background:color-mix(in srgb, var(--blue) 12%, transparent);width:64px;height:64px;color:var(--blue);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 16px;line-height:1;display:flex}.ob-title{color:var(--text);margin:0 0 8px;font-size:22px;font-weight:700;line-height:1.25}.ob-subtitle{color:var(--text2);margin:0 0 28px;font-size:15px;line-height:1.5}.ob-field,.ob-fields{flex-direction:column;gap:12px;display:flex}.ob-input-wrap{background:var(--bg);border:1.5px solid var(--border);border-radius:12px;align-items:center;transition:border-color .15s;display:flex;overflow:hidden}.ob-input-wrap:focus-within{border-color:var(--blue)}.ob-prefix{color:var(--text2);white-space:nowrap;border-right:1.5px solid var(--border);padding:0 12px;font-size:14px;font-weight:600}.ob-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;min-width:0;padding:14px;font-size:16px}.ob-input::placeholder{color:var(--text2);opacity:.6}.ob-input-full{border:1.5px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;outline:none;flex:1;padding:14px;font-size:16px;transition:border-color .15s}.ob-input-full:focus{border-color:var(--blue)}.ob-row{gap:10px;display:flex}.ob-half{flex:1}.ob-chips{flex-wrap:wrap;gap:8px;display:flex}.ob-chip{border:1.5px solid var(--border);background:var(--bg);color:var(--text2);cursor:pointer;border-radius:20px;padding:7px 14px;font-size:13px;font-weight:500;transition:border-color .15s,background .15s,color .15s}.ob-chip.active{border-color:var(--blue);color:var(--blue);background:#3b82f61f}.ob-footer{flex-direction:column;gap:8px;padding:16px 24px 28px;display:flex}.ob-btn-primary{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:14px;width:100%;padding:15px;font-size:16px;font-weight:600;transition:opacity .15s,transform .1s}.ob-btn-primary:active{transform:scale(.98)}.ob-btn-primary:disabled{opacity:.6;cursor:not-allowed}.ob-btn-skip{width:100%;color:var(--text2);cursor:pointer;background:0 0;border:none;border-radius:14px;padding:12px;font-size:14px;font-weight:500;transition:color .15s}.ob-btn-skip:hover{color:var(--text)}