:root{--black:#000;--white:#fff;--gray-950:#0a0a0b;--gray-900:#131315;--gray-850:#1a1b1e;--gray-800:#232427;--gray-700:#2f3136;--gray-600:#45484f;--gray-500:#6b6e76;--gray-400:#8b8e96;--gray-300:#b3b6bd;--gray-200:#d4d6da;--gray-100:#e8e9eb;--gray-50:#f5f5f6;--flame-600:#d24e26;--flame-500:#f16034;--flame-400:#ff7a4d;--flame-100:#ffe3d8;--company-a:#4d8af0;--company-b:#9d7bf5;--company-c:#17b8a0;--company-d:#f16034;--company-e:#e35d8f;--company-f:#d9a514;--positive-500:#2bd67b;--negative-500:#ff5c5c;--warning-500:#ffb547;--surface-page:var(--white);--surface-raised:var(--gray-50);--surface-card:var(--white);--surface-elevated:var(--gray-100);--surface-elevated-hover:var(--gray-200);--surface-elevated-pressed:var(--gray-300);--surface-overlay:#00000080;--surface-inverse:var(--black);--inverse-hover:var(--gray-800);--surface-glass:#ffffffc7;--surface-positive:#dff5e9;--surface-negative:#fde5e5;--surface-warning:#fcefd7;--surface-accent:#f160341f;--border-subtle:#00000017;--border-strong:#0000002e;--border-focus:var(--black);--text-primary:var(--black);--text-secondary:#0009;--text-tertiary:#00000061;--text-inverse:var(--white);--text-accent:var(--flame-600);--text-positive:#14914d;--text-negative:#e03e3e;--text-warning:#b87400;--accent:var(--flame-500);--accent-hover:var(--flame-400);--accent-pressed:var(--flame-600);--font-sans:"Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif;--font-mono:"Spline Sans Mono", "SFMono-Regular", Consolas, monospace;--text-h3:28px;--text-h4:22px;--text-body-lg:19px;--text-body:16px;--text-body-sm:14px;--text-caption:12.5px;--leading-heading:1.12;--leading-body:1.5;--tracking-heading:-.02em;--tracking-body:-.006em;--tracking-caps:.08em;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--control-sm:36px;--control-md:44px;--control-lg:52px;--nav-height:72px;--shadow-card:0 2px 12px #00000012;--shadow-overlay:0 24px 64px #00000080;--hairline:1px solid var(--border-subtle);--blur-nav:saturate(1.4) blur(20px);--ease-out:cubic-bezier(.16, 1, .3, 1);--duration-fast:.15s;--duration-base:.25s;--focus-ring:0 0 0 2px var(--surface-page), 0 0 0 4px var(--border-focus)}[data-theme=dark]{--surface-page:var(--gray-950);--surface-raised:var(--gray-900);--surface-card:var(--gray-900);--surface-elevated:var(--gray-800);--surface-elevated-hover:var(--gray-700);--surface-elevated-pressed:var(--gray-600);--surface-inverse:var(--white);--inverse-hover:var(--gray-100);--surface-glass:#0a0a0bc7;--surface-positive:#0c2b1b;--surface-negative:#331113;--surface-warning:#33270e;--surface-accent:#f1603429;--border-subtle:#ffffff1a;--border-strong:#ffffff38;--border-focus:var(--white);--text-primary:#fffffff0;--text-secondary:#ffffff9e;--text-tertiary:#fff6;--text-inverse:var(--black);--text-accent:var(--flame-400);--text-positive:#2bd67b;--text-negative:#ff5c5c;--text-warning:#ffb547;--shadow-card:0 2px 12px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-body);letter-spacing:var(--tracking-body);color:var(--text-primary);background:var(--gray-50);-webkit-font-smoothing:antialiased}[data-theme=dark] body{background:var(--black)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}input{font:inherit;color:inherit}a{color:var(--text-primary);text-decoration:none}a:hover{color:var(--text-secondary)}::selection{background:var(--flame-500);color:var(--white)}button:focus-visible,input:focus-visible,a:focus-visible{box-shadow:var(--focus-ring);outline:none}h1,h2,h3{line-height:var(--leading-heading);letter-spacing:var(--tracking-heading)}.mono,.amount{font-family:var(--font-mono);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "lnum" 1}.amount{text-align:right;white-space:nowrap;font-size:14.5px;font-weight:600}.app{background:var(--surface-page);max-width:430px;min-height:100dvh;transition:background var(--duration-base) var(--ease-out);flex-direction:column;margin:0 auto;display:flex;position:relative}@media (width>=500px){.app{box-shadow:0 0 0 1px var(--border-subtle), 0 12px 48px #0000001a}}.page{padding:var(--space-5) var(--space-5) calc(var(--nav-height) + var(--space-8));gap:var(--space-4);flex-direction:column;flex:1;display:flex}.page.no-nav{padding-bottom:var(--space-8)}.app-header{align-items:center;gap:var(--space-3);padding-top:var(--space-2);display:flex}.app-header h1{font-size:var(--text-h3);flex:1;font-weight:800}.brand{letter-spacing:-.02em;font-size:24px;font-weight:800}.brand:after{content:".";color:var(--accent)}.back-btn{width:var(--control-sm);height:var(--control-sm);border-radius:var(--radius-pill);margin-left:calc(-1 * var(--space-2));justify-content:center;align-items:center;font-size:20px;display:flex}.back-btn:active{background:var(--surface-elevated)}.card{background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-4)}.row{align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--hairline);text-align:left;width:100%;display:flex}.row:last-child{border-bottom:none}.row .grow{flex:1;min-width:0}.row .title{font-weight:700;font-size:var(--text-body)}.row .sub{font-size:var(--text-caption);color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:6px;display:flex}.co-bar{border-radius:2px;flex:none;align-self:stretch;width:3px;min-height:34px}.chev{color:var(--text-tertiary);font-size:22px;line-height:1}.co-dot{border-radius:50%;flex:none;width:10px;height:10px}.pill{border-radius:var(--radius-pill);white-space:nowrap;align-items:center;height:20px;padding:0 8px;font-size:11px;font-weight:600;display:inline-flex}.pill.ok{background:var(--surface-positive);color:var(--text-positive)}.pill.warn{background:var(--surface-warning);color:var(--text-warning)}.pill.bad{background:var(--surface-negative);color:var(--text-negative)}.pill.acc{background:var(--surface-accent);color:var(--text-accent)}.pill.neutral{background:var(--surface-elevated);color:var(--text-secondary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--control-md);padding:0 var(--space-5);border-radius:var(--radius-pill);font-weight:700;font-size:var(--text-body-sm);transition:background var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);width:100%;display:flex}.btn:active{transform:scale(.98)}.btn.primary{background:var(--surface-inverse);color:var(--text-inverse)}.btn.primary:active{background:var(--inverse-hover)}.btn.secondary{background:var(--surface-elevated);color:var(--text-primary)}.btn.secondary:active{background:var(--surface-elevated-pressed)}.btn.danger{color:var(--text-negative);border:1px solid var(--border-subtle);background:0 0}.btn.sm{min-height:var(--control-sm);padding:0 var(--space-4);width:auto;font-size:13px}.btn-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.btn-row .btn{flex:1;width:auto}.chips{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip{min-height:var(--control-sm);padding:0 var(--space-4);border-radius:var(--radius-pill);border:var(--hairline);background:var(--surface-card);color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.chip.on{background:var(--surface-inverse);color:var(--text-inverse);border-color:#0000}.search{align-items:center;gap:var(--space-2);min-height:var(--control-md);border:var(--hairline);border-radius:var(--radius-md);padding:0 var(--space-4);background:var(--surface-card);color:var(--text-tertiary);display:flex}.search input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;min-width:0}.search input::placeholder{color:var(--text-tertiary)}.banner{align-items:center;gap:var(--space-3);background:var(--surface-warning);color:var(--text-warning);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-body-sm);font-weight:600;display:flex}.banner .btn{width:auto;min-height:var(--control-sm);background:var(--surface-card);color:var(--text-primary);flex:none;margin-left:auto;font-size:13px}.bigstat{align-items:center;gap:var(--space-4);background:var(--surface-card);border:var(--hairline);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);text-align:left;width:100%;display:flex}.bigstat .n{letter-spacing:-.03em;font-size:56px;font-weight:800;line-height:1}.bigstat .t{flex:1}.bigstat .t b{font-size:var(--text-body-lg);display:block}.bigstat .t span{color:var(--text-tertiary);font-size:var(--text-body-sm)}.bigstat .chev{color:var(--text-tertiary);font-size:22px}.tabbar{width:100%;max-width:430px;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface-glass);-webkit-backdrop-filter:var(--blur-nav);border-top:var(--hairline);z-index:50;grid-template-columns:1fr 1fr auto 1fr 1fr;align-items:center;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tab-item{color:var(--text-tertiary);padding:var(--space-2) 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:44px;font-size:10px;font-weight:600;display:flex;position:relative}.tab-item.on,.tab-item.on:hover{color:var(--text-primary)}.tab-item:hover{color:var(--text-tertiary)}.tab-item .ico{line-height:1;display:flex;position:relative}.tab-item .badge{background:var(--accent);color:var(--white);font-size:9.5px;font-weight:700;font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;min-width:15px;height:15px;padding:0 3px;display:flex;position:absolute;top:-4px;right:-8px}.fab{background:var(--surface-inverse);width:52px;height:52px;color:var(--text-inverse);margin:0 var(--space-3);box-shadow:var(--shadow-overlay);border-radius:50%;justify-content:center;align-items:center;display:flex;transform:translateY(-14px)}.fab,.fab:hover{color:var(--text-inverse)}.fab:active{background:var(--inverse-hover)}.kv{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--hairline);font-size:var(--text-body-sm);display:flex}.kv:last-child{border-bottom:none}.kv .k{color:var(--text-secondary)}.kv .v{text-align:right;font-weight:600}.receipt{background:var(--surface-raised);border:var(--hairline);border-radius:var(--radius-md);padding:var(--space-5);font-family:var(--font-mono);color:var(--text-secondary);font-size:12px;line-height:1.8}.receipt .rt{text-align:center;color:var(--text-primary);font-weight:700}.receipt .rl{justify-content:space-between;display:flex}.receipt .sep{border-top:1px dashed var(--border-strong);margin:6px 0}.sec-label{font-size:var(--text-caption);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--text-tertiary);justify-content:space-between;align-items:baseline;font-weight:700;display:flex}.sec-label .amount{color:var(--text-secondary);font-size:var(--text-body-sm)}.camera{z-index:100;background:var(--gray-950);color:#ffffffe6;max-width:430px;padding:var(--space-5);gap:var(--space-4);flex-direction:column;margin:0 auto;display:flex;position:fixed;inset:0}.camera .cam-top{align-items:center;gap:var(--space-2);display:flex}.camera .cam-top .close{font-weight:600}.camera .cam-chip{border-radius:var(--radius-pill);background:#ffffff1f;padding:6px 12px;font-size:12.5px;font-weight:600}.viewfinder{border-radius:var(--radius-lg);background:var(--gray-900);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.viewfinder .corner{border:2.5px solid var(--flame-500);width:26px;height:26px;position:absolute}.viewfinder .c1{border-bottom:none;border-right:none;top:14px;left:14px}.viewfinder .c2{border-bottom:none;border-left:none;top:14px;right:14px}.viewfinder .c3{border-top:none;border-right:none;bottom:14px;left:14px}.viewfinder .c4{border-top:none;border-left:none;bottom:14px;right:14px}.viewfinder .receipt{background:var(--white);width:62%;color:var(--gray-600);transform:rotate(-2deg);box-shadow:0 12px 40px #00000080}.viewfinder .receipt .rt{color:var(--black)}.cam-hint{text-align:center;color:#ffffff8c;font-size:12.5px}.shutter{border:4px solid var(--white);background:0 0;border-radius:50%;flex:none;width:68px;height:68px;margin:0 auto;position:relative}.shutter:after{content:"";background:var(--white);transition:transform var(--duration-fast) var(--ease-out);border-radius:50%;position:absolute;inset:5px}.shutter:active:after{transform:scale(.85)}.match-status{align-items:center;gap:var(--space-2);font-size:var(--text-h4);font-weight:700;display:flex}.match-status .ic{border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.match-status.ok{color:var(--text-positive)}.match-status.ok .ic{background:var(--surface-positive)}.match-status.warn{color:var(--text-warning)}.match-status.warn .ic{background:var(--surface-warning)}.match-status.acc{color:var(--text-accent)}.match-status.acc .ic{background:var(--surface-accent)}.suggest-card{border:1.5px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);background:var(--surface-card);text-align:left;width:100%;display:flex}.suggest-card.sel{border-color:var(--text-primary);background:var(--surface-raised)}.toast{bottom:calc(var(--nav-height) + var(--space-5));background:var(--surface-inverse);color:var(--text-inverse);border-radius:var(--radius-pill);padding:var(--space-3) var(--space-5);font-size:var(--text-body-sm);box-shadow:var(--shadow-overlay);z-index:200;animation:toast-in var(--duration-base) var(--ease-out);text-align:center;max-width:90%;font-weight:600;position:fixed;left:50%;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.sheet-backdrop{background:var(--surface-overlay);z-index:150;position:fixed;inset:0}.sheet{background:var(--surface-card);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:430px;padding:var(--space-5) var(--space-5) calc(var(--space-8) + env(safe-area-inset-bottom));z-index:151;gap:var(--space-3);animation:sheet-in var(--duration-base) var(--ease-out);box-shadow:var(--shadow-overlay);flex-direction:column;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}@keyframes sheet-in{0%{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%)}}.sheet h3{font-size:var(--text-h4);font-weight:700}.ob-steps{gap:var(--space-2);display:flex}.ob-step{font-size:var(--text-caption);color:var(--text-tertiary);border-top:2.5px solid var(--border-subtle);padding-top:var(--space-2);flex:1;font-weight:600}.ob-step.done{border-top-color:var(--text-primary)}.ob-step.on{border-top-color:var(--text-primary);color:var(--text-primary);font-weight:700}.bank-ico{border-radius:var(--radius-sm);background:var(--surface-elevated);flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.card-chip{align-items:center;gap:var(--space-2);background:var(--surface-elevated);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);font-family:var(--font-mono);font-size:13px;font-weight:600;display:inline-flex}.color-picker{gap:var(--space-2);align-items:center;display:flex}.color-swatch{border:2px solid #0000;border-radius:50%;width:26px;height:26px}.color-swatch.sel{border-color:var(--text-primary)}.seg{border-radius:var(--radius-pill);background:var(--surface-card);border:1px solid var(--border-subtle);gap:4px;padding:4px;display:inline-flex}.seg-tab{border-radius:var(--radius-pill);height:36px;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;padding:0 18px;font-size:14px;font-weight:600}.seg-tab:hover{color:var(--text-primary)}.seg-tab.on,.seg-tab.on:hover{background:var(--surface-inverse);color:var(--text-inverse)}.hint{font-size:var(--text-caption);color:var(--text-tertiary)}.center{text-align:center}.spacer{flex:1}.empty{padding:var(--space-10) var(--space-5);text-align:center;color:var(--text-tertiary);gap:var(--space-3);flex-direction:column;align-items:center;display:flex}.empty b{color:var(--text-secondary);font-size:var(--text-body)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.receipt-photo{border:var(--hairline);border-radius:var(--radius-md);background:var(--surface-raised);cursor:zoom-in;width:100%;max-height:340px;padding:0;display:block;overflow:hidden}.receipt-photo img{object-fit:contain;width:100%;max-height:340px;display:block}.lightbox{z-index:200;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom);cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:var(--radius-sm);cursor:default;max-width:100%;max-height:100%}.lightbox-close{top:calc(env(safe-area-inset-top) + 12px);border-radius:var(--radius-pill);color:#fff;cursor:pointer;background:#ffffff29;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex;position:absolute;right:16px}.lightbox-close:active{background:#ffffff47}.receipt-pdf{border:var(--hairline);border-radius:var(--radius-md);background:var(--surface-raised);cursor:pointer;text-align:left;width:100%;padding:0;display:block}.receipt-pdf-tile{align-items:center;gap:12px;padding:14px 16px;display:flex}.receipt-pdf-tile svg{color:var(--text-accent);background:var(--surface-accent);border-radius:var(--radius-sm);box-sizing:content-box;flex:none;padding:8px}.receipt-pdf-txt{flex-direction:column;gap:2px;min-width:0;display:flex}.receipt-pdf-txt b{color:var(--text-primary);font-weight:600}.receipt-pdf-txt span{color:var(--text-secondary);font-size:var(--text-body-sm)}.pdf-viewer{z-index:200;background:#1c1c1e;flex-direction:column;display:flex;position:fixed;inset:0}.pdf-viewer-boot{color:#ffffffb3;font-size:var(--text-body-sm);cursor:pointer;justify-content:center;align-items:center}.pdf-viewer-bar{padding:calc(env(safe-area-inset-top) + 10px) 12px 10px 16px;color:#fff;border-bottom:1px solid #ffffff14;flex:none;align-items:center;gap:12px;display:flex}.pdf-viewer-title{min-width:0;font-size:var(--text-body-sm);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:600;overflow:hidden}.pdf-viewer-close{border-radius:var(--radius-pill);color:#fff;cursor:pointer;background:#ffffff24;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.pdf-viewer-close:active{background:#ffffff42}.pdf-viewer-open{color:#fff;font-size:var(--text-body-sm);border-radius:var(--radius-pill);background:#ffffff24;flex:none;padding:8px 12px;font-weight:600;text-decoration:none}.pdf-viewer-open:hover{color:#fff}.pdf-viewer-open:active{background:#ffffff42}.pdf-viewer-scroll{-webkit-overflow-scrolling:touch;min-height:0;padding:12px;padding-bottom:calc(env(safe-area-inset-bottom) + 12px);background:#3a3a3c;flex:1;overflow:auto}.pdf-pages{flex-direction:column;align-items:center;gap:12px;display:flex}.pdf-page{border-radius:var(--radius-xs);background:var(--white);width:100%;display:block;box-shadow:0 4px 16px #0006}.pdf-viewer-msg{color:#ffffffd1;text-align:center;font-size:var(--text-body-sm);padding:32px 16px}.pdf-viewer-msg a{color:#fff;text-decoration:underline}.cam-import{border-radius:var(--radius-pill);color:#fff;min-height:44px;font-size:var(--text-body-sm);cursor:pointer;background:#ffffff14;border:1px solid #ffffff47;justify-content:center;align-items:center;gap:8px;margin:14px auto 0;padding:12px 18px;font-weight:600;display:flex}.cam-import:active{background:#ffffff2e}.cam-import:disabled{opacity:.5}.text-input{width:100%;min-height:var(--control-md);padding:0 var(--space-4);border-radius:var(--radius-md);background:var(--surface-raised);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:var(--text-body);transition:border-color var(--duration-fast) var(--ease-out)}.text-input::placeholder{color:var(--text-tertiary)}.text-input:focus{border-color:var(--border-focus);outline:none}.field{gap:var(--space-2);flex-direction:column;display:flex}.field-label{font-size:var(--text-body-sm);color:var(--text-secondary);font-weight:700}.auth{min-height:100dvh;padding:var(--space-6);background:var(--surface-base);justify-content:center;align-items:center;display:flex}.auth-card{gap:var(--space-4);flex-direction:column;width:100%;max-width:380px;display:flex}.auth-brand{align-self:flex-start;font-size:34px}.auth-lead{color:var(--text-secondary);font-size:var(--text-body);line-height:var(--leading-body)}.auth-lead strong{color:var(--text-accent);font-weight:700}.auth-form{gap:var(--space-4);margin-top:var(--space-2);flex-direction:column;display:flex}.auth-error{color:var(--text-negative);font-size:var(--text-body-sm);background:var(--surface-negative);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-weight:600}.auth-switch{color:var(--text-accent);font-size:var(--text-body-sm);padding:var(--space-2);background:0 0;align-self:center;font-weight:700}.auth-legal{margin-top:var(--space-4)}.readonly-banner{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-accent);color:var(--text-accent);font-size:var(--text-body-sm);justify-content:center;font-weight:700;display:flex}