@import url("https://fonts.googleapis.com/css2?family=Bitter:wght@500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700;800&display=swap");:root{--papier:#f1e9da;--kaart:#fbf7ef;--wit:#ffffff;--zeeblauw:#19637f;--navy:#143a4e;--inkt:#221e1a;--rand:#e7decf;--divider:#efe7d6;--zand:#e8d9bd;--groen:#2f7d5b;--groen-tekst:#1f5e40;--groen-bg:#e1f0e7;--amber:#c77a21;--amber-tekst:#9a5a11;--amber-bg:#fbebd6;--rood:#b23b2e;--rood-tekst:#8e2d22;--gedempt:#6b6359;--gedempt-2:#7a7269;--gedempt-3:#9a8e7c;--gedempt-4:#c8bca4;--disabled:#d8cebc;--picker:#e3eef2;--r-sm:12px;--r-md:14px;--r-lg:18px;--r-card:16px;--r-sheet:26px;--r-full:999px;--sh-card:0 6px 16px rgba(34,30,26,0.05);--sh-elev:0 8px 20px rgba(34,30,26,0.06);--sh-blue:0 10px 24px rgba(25,99,127,0.34);--sh-navy:0 8px 18px rgba(20,58,78,0.26);--sh-sheet:0 -18px 40px rgba(0,0,0,0.18);--font-display:"Bitter",Georgia,"Times New Roman",serif;--font-ui:"Hanken Grotesk",system-ui,-apple-system,sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}body,html{height:100%}body{margin:0;background:var(--papier);color:var(--inkt);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior:none;position:fixed;inset:0;width:100%;overflow:hidden}button,input,select,textarea{font-family:inherit}input,select,textarea{font-size:16px}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-family:var(--font-display)}.eyebrow{font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--gedempt);font-family:var(--font-ui);display:inline-flex;align-items:center;gap:6px}:focus-visible{outline:2px solid var(--zeeblauw);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}.app-root{height:100%;display:flex;flex-direction:column;position:relative;background:var(--papier);max-width:480px;margin:0 auto;overflow:hidden;box-shadow:0 0 0 1px rgba(34,30,26,.04)}.scroll{flex:1 1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:calc(20px + var(--safe-top)) 16px 110px;display:flex;flex-direction:column;gap:12px;-webkit-overflow-scrolling:touch}.scroll::-webkit-scrollbar{width:0}.scroll>*{flex-shrink:0}.auth-scroll{padding:0 0 40px;gap:0}.scroll.nofab{padding-bottom:28px}.overlay-anim{animation:slidein .24s cubic-bezier(.2,.8,.2,1)}@keyframes slidein{0%{transform:translateX(14px);opacity:0}to{transform:translateX(0);opacity:1}}.tabbar{position:absolute;left:0;right:0;bottom:0;z-index:20;height:calc(70px + var(--safe-bottom));padding:6px 8px calc(10px + var(--safe-bottom));display:flex;align-items:stretch;background:var(--kaart);border-top:1px solid var(--rand)}.tab{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--gedempt-3);font-size:10px;font-weight:600;white-space:nowrap;cursor:pointer;background:none;border:none;padding:4px 0;font-family:var(--font-ui)}.tab.on,.tab.on svg{color:var(--zeeblauw)}.fab{position:absolute;right:18px;bottom:calc(96px + var(--safe-bottom));z-index:25;height:56px;border-radius:var(--r-lg);background:var(--zeeblauw);color:var(--wit);border:none;display:inline-flex;align-items:center;gap:8px;padding:0 22px 0 18px;font-family:var(--font-ui);font-weight:700;font-size:16px;cursor:pointer;box-shadow:var(--sh-blue)}.fab .fab-plus{font-size:22px;line-height:1;margin-top:-2px}.fab:active{filter:brightness(.95)}.head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:2px}.head-eyebrow{font-size:13px;font-weight:600;color:var(--gedempt)}.head-title{font-family:var(--font-display);font-size:30px;font-weight:800;line-height:1;letter-spacing:-.01em;margin-top:6px;color:var(--inkt)}.head-sub{font-size:13.5px;color:var(--gedempt);margin-top:4px;font-weight:500;line-height:1.4}.iconbtn{width:42px;height:42px;border-radius:13px;background:var(--wit);border:1px solid var(--rand);display:grid;place-items:center;cursor:pointer;flex-shrink:0;color:var(--gedempt)}.iconbtn:active{background:var(--kaart)}.backrow{display:flex;justify-content:space-between;gap:10px;margin-bottom:14px}.backbtn,.backrow{align-items:center}.backbtn{display:inline-flex;gap:4px;background:none;border:none;cursor:pointer;color:var(--zeeblauw);font-family:var(--font-ui);font-weight:600;font-size:15px;padding:4px 2px}.backchev{font-size:22px;line-height:1;margin-top:-2px}.card{background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-lg);padding:15px 16px;box-shadow:var(--sh-card)}.card.flat{box-shadow:none}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:10px}.card-title{font-family:var(--font-display);font-weight:700;font-size:16px}.card-hint{font-size:12.5px;color:var(--gedempt-3);font-weight:500}.card-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--zeeblauw);font-weight:600;background:none;border:none;cursor:pointer}.section-label{font-size:13px;font-weight:700;color:var(--gedempt);margin:8px 2px 2px}.list{flex-direction:column;gap:12px}.btn,.list{display:flex}.btn{align-items:center;justify-content:center;gap:8px;width:100%;background:var(--zeeblauw);color:var(--wit);border:none;border-radius:var(--r-md);padding:16px;font-family:var(--font-ui);font-weight:700;font-size:16px;cursor:pointer;min-height:56px;box-shadow:var(--sh-blue)}.btn:active{filter:brightness(.95)}.btn:disabled{background:var(--disabled);color:var(--wit);box-shadow:none;cursor:default}.btn.sec{background:var(--wit);color:var(--inkt);border:1px solid var(--rand);box-shadow:none}.btn.sec:active{background:var(--kaart)}.btn.danger{background:var(--wit);color:var(--rood);border:1px solid var(--rand);box-shadow:none}.btn.navy{background:var(--navy);box-shadow:var(--sh-navy)}.btn.green{background:var(--groen);box-shadow:0 8px 18px rgba(47,125,91,.3)}.btn.sm{min-height:48px;padding:13px;font-size:15px}.ghostbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px;background:var(--kaart);border:1px dashed var(--gedempt-4);border-radius:var(--r-md);color:var(--gedempt);font-family:var(--font-ui);font-weight:600;font-size:14px;cursor:pointer}.ghostbtn:active{background:var(--rand)}.fld{display:flex;flex-direction:column;gap:7px}.fld-label{font-size:13px;font-weight:700;color:var(--gedempt)}.fld-hint{font-weight:500;color:var(--gedempt-3)}.input{width:100%;padding:14px;font-family:var(--font-ui);font-size:16px;color:var(--inkt);background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-md);outline:none}.input.filled,.input:focus{border-color:var(--zeeblauw)}.input::placeholder{color:var(--gedempt-3)}.input.num{font-family:var(--font-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.note-input{width:100%;background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r-md);padding:13px 14px;color:var(--inkt);font-family:var(--font-ui);font-size:16px;resize:none;outline:none;line-height:1.5}.note-input:focus{border-color:var(--zeeblauw)}.note-input::placeholder{color:var(--gedempt-3)}.money{font-family:var(--font-display);font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--zeeblauw)}.money.big{font-size:27px;letter-spacing:-.01em}.money.muted{color:var(--gedempt-3)}.money.amber{color:var(--amber)}.avatar{border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-family:var(--font-display);font-weight:800;line-height:1;background:var(--picker);color:var(--zeeblauw)}.avatar.tint-amber,.avatar.tint-open{background:var(--amber-bg);color:var(--amber-tekst)}.avatar.tint-paid{background:var(--groen-bg);color:var(--groen-tekst)}.avatar.tint-done,.avatar.tint-picked{background:var(--picker);color:var(--zeeblauw)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:var(--r-full);padding:4px 10px;font-size:12px;font-weight:700;white-space:nowrap;font-family:var(--font-ui)}.badge-dot{font-size:9px;line-height:1}.badge.open{background:var(--amber-bg);color:var(--amber-tekst)}.badge.open .badge-dot{color:var(--amber)}.badge.paid{background:var(--groen-bg);color:var(--groen-tekst)}.badge.paid .badge-dot{color:var(--groen)}.badge.picked{background:var(--zeeblauw);color:var(--wit)}.badge.daytag{background:var(--divider);color:var(--gedempt-2)}.statrow{display:flex;gap:9px}.stat{flex:1 1;background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-card);padding:11px 13px}.stat.fill{background:var(--zeeblauw);border-color:var(--zeeblauw);color:var(--wit)}.stat.wide{flex:1.35 1}.stat-num{font-family:var(--font-display);font-weight:800;font-size:22px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--inkt);line-height:1.1}.stat.fill .stat-num{color:var(--wit)}.stat-num.amber{color:var(--amber)}.stat-label{font-size:12px;color:var(--gedempt-3);margin-top:3px;font-weight:500}.stat.fill .stat-label{color:rgba(255,255,255,.82)}.snelcta{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;height:52px;border-radius:var(--r-md);background:var(--navy);color:var(--wit);border:none;padding:0 15px;cursor:pointer;box-shadow:var(--sh-navy)}.snelcta-l{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15.5px;white-space:nowrap}.snelcta-r{font-size:12px;color:rgba(255,255,255,.82);text-align:right}.ordercard{background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-lg);padding:15px 16px;box-shadow:var(--sh-card);width:100%;text-align:left;cursor:pointer;display:block}.ordercard.done,.ordercard:active{background:var(--kaart)}.ordercard.done{opacity:.72}.oc-row1{display:flex;align-items:center;gap:12px}.oc-id{flex:1 1;min-width:0}.oc-name{font-family:var(--font-display);font-weight:700;font-size:17.5px;color:var(--inkt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ordercard.done .oc-name{text-decoration:line-through;-webkit-text-decoration-color:var(--zeeblauw);text-decoration-color:var(--zeeblauw);text-decoration-thickness:2px;color:var(--gedempt-2)}.oc-sub{font-size:12.5px;color:var(--gedempt-3);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-row2{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px}.oc-items{font-size:13px;color:var(--gedempt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 1;min-width:0}.oc-total{font-family:var(--font-display);font-weight:800;font-size:19px;color:var(--zeeblauw);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.ordercard.done .oc-total{color:var(--gedempt-3)}.custcard{display:flex;align-items:center;gap:12px;background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-card);padding:13px 14px;box-shadow:var(--sh-card);width:100%;text-align:left;cursor:pointer}.custcard:active{background:var(--kaart)}.cust-id{flex:1 1;min-width:0}.cust-name{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--inkt)}.cust-sub{font-size:12.5px;color:var(--gedempt-3);margin-top:2px}.cust-right{text-align:right;flex-shrink:0}.cust-amt{font-family:var(--font-display);font-weight:800;font-size:16px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cust-amt.out{color:var(--amber)}.cust-amt.spent,.cust-amtlabel{color:var(--gedempt-3)}.cust-amtlabel{font-size:11px;margin-top:2px}.searchbar{display:flex;align-items:center;gap:10px;background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-md);padding:12px 14px}.searchbar.tall{min-height:48px}.searchbar svg{color:var(--gedempt-3);flex-shrink:0}.searchinput{flex:1 1;background:none;border:none;outline:none;color:var(--inkt);font-family:var(--font-ui);font-size:16px}.searchinput::placeholder{color:var(--gedempt-3)}.seg{display:flex;background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r-full);padding:3px;gap:3px}.seg button{flex:1 1;background:none;border:none;border-radius:var(--r-full);padding:9px 8px;color:var(--gedempt);font-family:var(--font-ui);font-weight:600;font-size:13px;cursor:pointer}.seg button.on{background:var(--zeeblauw);color:var(--wit)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-sm);min-height:42px;padding:9px 14px;color:var(--inkt);font-family:var(--font-ui);font-weight:600;font-size:14px;cursor:pointer}.chip:active{background:var(--kaart)}.chip.on{background:var(--zeeblauw);color:var(--wit);border-color:var(--zeeblauw)}.ss-check{width:24px;height:24px;border-radius:7px;border:1px solid var(--rand);background:var(--wit);display:grid;place-items:center;flex-shrink:0}.ss-check.on{background:var(--zeeblauw);border-color:var(--zeeblauw)}.qstep{display:inline-flex;align-items:center;gap:4px}.qstep button{width:34px;height:34px;border-radius:10px;background:var(--kaart);border:1px solid var(--rand);display:grid;place-items:center;cursor:pointer;color:var(--inkt);flex-shrink:0}.qstep button:active{background:var(--rand)}.qstep-in{width:48px;height:34px;text-align:center;border:1px solid var(--zeeblauw);border-radius:10px;background:var(--wit);color:var(--inkt);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.qstep-u{font-size:12px;color:var(--gedempt-2);min-width:28px}.linecard{background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-lg);padding:6px 14px;box-shadow:var(--sh-card)}.linerow{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid var(--divider)}.linerow:last-child{border-bottom:none}.line-x{width:26px;height:26px;border-radius:8px;background:var(--kaart);border:none;color:var(--rood);display:grid;place-items:center;cursor:pointer;flex-shrink:0}.line-id{flex:1 1;min-width:0}.line-name{font-size:15px;font-weight:600;color:var(--inkt)}.line-amt{font-size:12.5px;color:var(--gedempt);margin-top:2px;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-ui);text-align:left}.line-amt .num{font-family:var(--font-display)}.line-amt.override{color:var(--amber);font-weight:700}.line-total{white-space:nowrap}.line-qtylabel,.line-total{font-family:var(--font-display);font-weight:700;font-size:15px;color:var(--zeeblauw);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.line-qtylabel{min-width:54px}.line-foot{display:flex;align-items:center;justify-content:space-between;padding:13px 0 6px;margin-top:2px;border-top:1px solid var(--divider)}.adddash,.line-foot .lbl{font-size:14px;font-weight:600;color:var(--gedempt)}.adddash{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px;background:none;border:1px dashed var(--gedempt-4);border-radius:var(--r-md);font-family:var(--font-ui);cursor:pointer;margin-top:2px}.adddash:active,.metarow{background:var(--kaart)}.metarow{display:flex;align-items:center;gap:8px;border-radius:var(--r-md);padding:11px 13px;font-size:13px;color:var(--gedempt)}.metarow .num{color:var(--inkt);font-weight:700;margin-left:auto}.lockbanner{display:flex;align-items:center;gap:9px;background:var(--divider);border-radius:var(--r-md);padding:11px 13px;font-size:13px;font-weight:600;color:var(--gedempt-2)}.lockbanner svg{color:var(--gedempt-2);flex-shrink:0}.notechip{display:flex;align-items:center;gap:8px;border:1px dashed var(--rand);border-radius:var(--r-md);padding:10px 12px;font-size:13px;color:var(--gedempt);background:var(--kaart)}.toggles{display:flex;gap:11px}.otoggle{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:7px;height:52px;border-radius:var(--r-md);border:1px solid var(--rand);background:var(--wit);color:var(--inkt);font-family:var(--font-ui);font-weight:700;font-size:15.5px;cursor:pointer}.otoggle:active{background:var(--kaart)}.otoggle.on.paid{background:var(--groen);border-color:var(--groen);color:var(--wit)}.otoggle.on.picked{background:var(--zeeblauw);border-color:var(--zeeblauw);color:var(--wit)}.ahcard{background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-card);padding:14px 15px;box-shadow:var(--sh-card)}.ahcard-top{display:flex;align-items:center;gap:12px}.ahcard-id{flex:1 1;min-width:0}.ahcard-name{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--inkt)}.ahcard-sub{font-size:12.5px;color:var(--gedempt-3);margin-top:2px}.ahcard-total{font-family:var(--font-display);font-weight:800;font-size:18px;color:var(--zeeblauw);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ahtoggles{display:flex;gap:9px;margin-top:12px}.ahtoggle{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:48px;border-radius:13px;border:1px solid var(--rand);background:var(--wit);color:var(--inkt);font-family:var(--font-ui);font-weight:700;font-size:14.5px;cursor:pointer}.ahtoggle.on.paid{background:var(--groen);border-color:var(--groen);color:var(--wit)}.ahtoggle.on.picked{background:var(--zeeblauw);border-color:var(--zeeblauw);color:var(--wit)}.ahdone{display:flex;align-items:center;gap:11px;background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r-card);padding:12px 14px;opacity:.7;width:100%;text-align:left;cursor:pointer}.ahdone-check{width:26px;height:26px;border-radius:50%;background:var(--zeeblauw);color:var(--wit);display:grid;place-items:center;flex-shrink:0;font-size:13px}.ahdone-id{flex:1 1;min-width:0}.ahdone-name{font-size:15px;font-weight:600;color:var(--gedempt-2)}.ahdone-total{font-family:var(--font-display);font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--gedempt-3)}.prodgroup{background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-lg);box-shadow:var(--sh-card);overflow:hidden}.prodrow{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:none;padding:13px 16px;border-bottom:1px solid var(--divider);cursor:pointer}.prodrow:last-child{border-bottom:none}.prodrow:active{background:var(--kaart)}.prod-name{flex:1 1;min-width:0;font-size:15px;font-weight:600;color:var(--inkt);display:flex;align-items:center;gap:7px}.prod-price{font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--zeeblauw);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.prod-unit{font-size:12px;color:var(--gedempt-3);margin-left:3px}.trend{font-size:12px;line-height:1}.trend.up{color:var(--rood)}.trend.down{color:var(--groen)}.pick-list{display:flex;flex-direction:column;gap:8px}.pickrow{display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-md);cursor:pointer;text-align:left}.pickrow:active{background:var(--kaart)}.pickrow.add,.pickrow.on{border-color:var(--zeeblauw)}.pickrow.add{background:var(--picker)}.pick-id{flex:1 1;min-width:0}.pick-name{font-size:15px;font-weight:600;color:var(--inkt)}.pick-meta{font-size:12.5px;color:var(--gedempt-3);margin-top:2px}.pick-add{display:inline-flex;align-items:center;gap:5px;background:var(--picker);color:var(--zeeblauw);border:none;border-radius:var(--r-full);padding:8px 13px;font-weight:700;font-size:13px;cursor:pointer;flex-shrink:0}.stickybar{position:-webkit-sticky;position:sticky;bottom:0;margin:0 -16px -28px;padding:12px 16px calc(16px + var(--safe-bottom));background:linear-gradient(0deg,var(--papier) 70%,rgba(241,233,218,0));display:flex;align-items:center;gap:14px}.stickybar-total{flex-shrink:0}.stickybar-total .lbl{font-size:12px;color:var(--gedempt-3)}.stickybar-total .amt{font-family:var(--font-display);font-weight:800;font-size:22px;color:var(--zeeblauw);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stickybar .btn{flex:1 1}.selector{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;padding:12px 14px;background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-md);cursor:pointer;text-align:left}.selector.filled{border-color:var(--zeeblauw)}.selector-txt{flex:1 1;font-size:16px;color:var(--gedempt-3);font-weight:500}.selector.filled .selector-txt{color:var(--inkt);font-weight:700}.selector svg{color:var(--gedempt-3)}.setrow{display:flex;align-items:center;gap:12px;width:100%;padding:15px 16px;background:var(--wit);border:1px solid var(--rand);border-radius:var(--r-md);box-shadow:var(--sh-card);cursor:pointer;text-align:left}.setrow:active{background:var(--kaart)}.setrow-ic{color:var(--zeeblauw);display:grid;place-items:center}.setrow-l{flex:1 1;font-size:15px;font-weight:600;color:var(--inkt)}.app-foot,.setrow svg.chev{color:var(--gedempt-3)}.app-foot{text-align:center;font-size:12px;padding:18px 0 4px}.skeleton{display:block;background:linear-gradient(90deg,var(--kaart) 25%,var(--rand) 50%,var(--kaart) 75%);background-size:200% 100%;animation:shimmer 1.3s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:40px 24px}.es-ic{width:54px;height:54px;border-radius:50%;background:var(--kaart);border:1px solid var(--rand);display:grid;place-items:center}.es-title{font-family:var(--font-display);font-weight:700;font-size:17px;color:var(--inkt)}.es-sub{font-size:13.5px;color:var(--gedempt-3);max-width:260px;line-height:1.45}.toast{position:absolute;bottom:calc(92px + var(--safe-bottom));left:50%;transform:translateX(-50%);background:var(--inkt);color:var(--wit);border-radius:var(--r-full);padding:12px 18px;font-weight:600;font-size:14px;z-index:70;display:flex;align-items:center;gap:12px;box-shadow:0 10px 30px rgba(34,30,26,.3);white-space:nowrap;max-width:calc(100% - 32px);animation:toastin .25s cubic-bezier(.22,1,.36,1)}@keyframes toastin{0%{transform:translate(-50%,14px);opacity:0}to{transform:translate(-50%);opacity:1}}.toast-action{background:none;border:none;color:#ffd9a8;font-weight:700;text-decoration:underline;cursor:pointer;font-family:var(--font-ui);font-size:13px}.sheet-scrim{position:absolute;inset:0;background:rgba(34,30,26,.42);z-index:40;animation:fade .18s}@keyframes fade{0%{opacity:0}to{opacity:1}}.sheet{position:absolute;left:0;right:0;bottom:0;z-index:41;background:var(--papier);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:6px 16px calc(18px + var(--safe-bottom));max-height:86%;display:flex;flex-direction:column;box-shadow:var(--sh-sheet);animation:sheetup .26s cubic-bezier(.2,.8,.2,1)}@keyframes sheetup{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet.tall{height:86%}.sheet-grabzone{display:flex;justify-content:center;padding:6px 0 8px;cursor:-webkit-grab;cursor:grab;flex-shrink:0}.sheet-grabzone:active{cursor:-webkit-grabbing;cursor:grabbing}.sheet-grab{width:40px;height:4px;border-radius:99px;background:var(--gedempt-4)}.sheet-head{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-shrink:0}.sheet-title{flex:1 1;font-family:var(--font-display);font-size:19px;font-weight:800;letter-spacing:-.01em}.sheet-x{width:32px;height:32px;border-radius:var(--r-full);background:var(--wit);border:1px solid var(--rand);display:grid;place-items:center;color:var(--gedempt);cursor:pointer;flex-shrink:0}.sheet-done{background:none;border:none;color:var(--zeeblauw);font-weight:700;font-size:15px;cursor:pointer;font-family:var(--font-ui)}.sheet-body{overflow-y:auto;overflow-x:hidden;flex:1 1;min-height:0;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;gap:12px;padding:4px 0}.sheet-body::-webkit-scrollbar{width:0}.sheet-sub{font-size:13px;color:var(--gedempt);margin:0 0 6px;line-height:1.4}.sheet-footer{flex-shrink:0;padding-top:12px;margin-top:4px;border-top:1px solid var(--rand);gap:11px}.modal-backdrop,.sheet-footer{display:flex;align-items:center}.modal-backdrop{position:absolute;inset:0;background:rgba(34,30,26,.5);z-index:80;justify-content:center;padding:24px;animation:fade .18s}.modal{background:var(--papier);border-radius:var(--r-lg);width:100%;max-width:380px;box-shadow:0 20px 50px rgba(0,0,0,.3)}.t-h3{font-family:var(--font-display);font-size:19px;font-weight:800}.t-sm{font-size:13.5px;color:var(--gedempt);line-height:1.5}.tikkie{padding:22px 20px calc(20px + var(--safe-bottom));display:flex;flex-direction:column;gap:14px;align-items:stretch}.tikkie-head{display:flex;align-items:center;gap:10px}.tikkie-badge{width:34px;height:34px;border-radius:9px;background:var(--zeeblauw);color:var(--wit);display:grid;place-items:center;font-size:18px}.tikkie-amt,.tikkie-badge{font-family:var(--font-display);font-weight:800}.tikkie-amt{font-size:42px;color:var(--zeeblauw);text-align:center;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.tikkie-link{display:flex;align-items:center;gap:10px;background:var(--kaart);border:1px solid var(--rand);border-radius:var(--r-md);padding:12px 14px}.tikkie-link .url{flex:1 1;min-width:0;font-size:13px;color:var(--gedempt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tikkie-copy{background:none;border:none;color:var(--zeeblauw);font-weight:700;font-size:13px;cursor:pointer;flex-shrink:0}.offline-bar{background:var(--rood);color:#fff;text-align:center;font-size:12px;font-weight:600;padding:6px;flex-shrink:0}.offline-bar.syncing{background:var(--zeeblauw)}.update-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(86px + var(--safe-bottom));z-index:75;display:flex;align-items:center;gap:12px;background:var(--inkt);color:var(--wit);border-radius:var(--r-full);padding:10px 12px 10px 18px;font-size:13px;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.3);max-width:calc(100% - 32px)}.update-banner button{background:var(--wit);color:var(--inkt);border:none;border-radius:var(--r-full);padding:8px 14px;font-weight:700;font-size:13px;cursor:pointer}.ptr{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--gedempt-3);font-size:12px;overflow:hidden}.ptr-spin{display:grid;place-items:center}.ptr-spin.on{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.auth-hero{padding:calc(64px + var(--safe-top)) 24px 24px}.auth-wordmark{font-family:var(--font-display);font-size:44px;font-weight:800;letter-spacing:-.01em;margin-top:12px;color:var(--inkt)}.auth-form{padding:0 24px 40px;display:flex;flex-direction:column;gap:16px}.auth-alt{background:none;border:none;color:var(--zeeblauw);font-family:var(--font-ui);font-size:14px;font-weight:600;cursor:pointer;text-align:center}.auth-err{color:var(--rood-tekst);background:#f6e3df;padding:11px 13px}.auth-err,.auth-ok{display:flex;align-items:center;gap:8px;font-size:14px;border-radius:var(--r-md)}.auth-ok{color:var(--groen-tekst);background:var(--groen-bg);padding:12px 14px;line-height:1.4}.swipewrap{position:relative}.swipebg{position:absolute;inset:0;display:flex;align-items:center;justify-content:flex-end;padding-right:18px;color:var(--wit);font-weight:700;font-size:13px;background:var(--rood);border-radius:var(--r-card)}.swiperow{position:relative}