:root{--page:#171717;--ink:#12100f;--ink-soft:#6b665f;--surface:#f6f5f1;--card:#fff;--line:#ecebe6;--yellow:#ffbb3a;--yellow-deep:#f0a000;--yellow-tint:#fff3d6;--error:#c62828;--ink-raised:#2a2623;--ink-wash:#12100f14;--ink-wash-strong:#12100f29;--font-sans:"Inter", sans-serif;--font-display:"ADLaM Display", var(--font-sans);--radius-card:18px;--radius-key:16px;--shadow-card:0 1px 2px #12100f0f, 0 4px 16px #12100f0f;--shadow-key:0 1px 0 #12100f14, 0 2px 6px #12100f14;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}html,body{height:100%;margin:0}body{background:var(--page);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}@layer reset{:where(#app,#app *){box-sizing:border-box;color:inherit;font-family:var(--font-sans);font-size:inherit;background:0 0;border:none;outline:none;flex-direction:column;flex-grow:0;flex-shrink:0;margin:0;padding:0;font-weight:500;list-style:none;display:flex;position:relative}:where(#app svg,#app path,#app img){display:block}}#app [hidden]{display:none}#app{background:var(--page);justify-content:center;align-items:center;height:100dvh}button{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.is-pressed{transform:scale(var(--press-scale,.95))}button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}html[data-screen=calculator],html[data-screen=calculator] body,html[data-screen=calculator] #app{background:var(--yellow)}.calculator{background:var(--surface);width:100vw;max-width:420px;height:100%;overflow:hidden}@media (width>=520px) and (height>=700px){.calculator{border-radius:32px;height:min(100% - 48px,880px);box-shadow:0 0 0 1px #ffffff0f,0 30px 80px #00000080}html[data-screen=calculator],html[data-screen=calculator] body,html[data-screen=calculator] #app{background:var(--page)}}.top-bar{padding:10px 12px 12px;padding-top:max(10px, env(safe-area-inset-top));background:var(--yellow);gap:10px}.top-bar__row{flex-direction:row;align-items:center;width:100%}.top-bar__start,.top-bar__end{flex:1;align-items:flex-start}.top-bar__end{align-items:flex-end}.top-bar__title{color:var(--ink);letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.top-bar__action{--press-scale:.95;background:var(--ink-wash);height:34px;transition:transform .16s var(--ease-out), background-color .16s ease;border-radius:999px;flex-direction:row;align-items:center;gap:6px;padding:0 12px 0 10px;font-size:.875rem;font-weight:600}.top-bar__action.is-pressed{background:var(--ink-wash-strong)}.top-bar__action[aria-pressed=true]{background:var(--ink);color:var(--yellow)}.tabs{background:var(--ink-wash);border-radius:14px;flex-direction:row;width:100%;padding:4px}.tabs__indicator{background:var(--card);width:calc(33.3333% - 2.66667px);transition:transform .26s var(--ease-out), opacity .16s ease;border-radius:10px;position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 3px #12100f26}.tabs__indicator--hidden{opacity:0}.tab{--press-scale:.96;color:#12100f9e;height:36px;transition:color .16s ease, transform .16s var(--ease-out);border-radius:10px;flex:1;justify-content:center;align-items:center;font-weight:700}.tab[aria-pressed=true]{color:var(--ink)}.content{overscroll-behavior:contain;flex:1;width:100%;min-height:0;padding:14px 12px 10px;overflow-y:auto}.fields{gap:12px;width:100%;min-height:100%}.field-list{border-radius:var(--radius-card);background:var(--card);box-shadow:var(--shadow-card);overflow:hidden}.field{--press-scale:1;cursor:pointer;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;height:clamp(44px,7dvh,58px);padding:0 16px;transition:background-color .18s}.field:last-child{border-bottom:none}.field:before{content:"";background:var(--yellow-deep);opacity:0;width:4px;transition:transform .22s var(--ease-out), opacity .18s ease;border-radius:0 4px 4px 0;position:absolute;top:12px;bottom:12px;left:0;transform:scaleY(.3)}.field.is-pressed{background:var(--surface)}.field--active,.field--active.is-pressed{background:var(--yellow-tint)}.field--active:before{opacity:1;transform:scaleY(1)}.field__label{width:96px;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.field__value{font-variant-numeric:tabular-nums;flex-direction:row;flex:1;align-items:center;gap:2px;height:32px;font-size:1.375rem;font-weight:600}.field__caret{background:var(--ink);border-radius:1px;width:2px;height:26px;animation:1s step-end infinite caret-blink}@keyframes caret-blink{50%{opacity:0}}.result{border-radius:var(--radius-card);background:var(--ink);color:var(--yellow);box-shadow:var(--shadow-card);gap:4px;padding:clamp(10px,1.8dvh,16px) 18px}.result__label{color:#fff9;letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:700}.result__value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;transform-origin:0;font-size:clamp(1.625rem,4.2dvh,2.125rem);font-weight:700}.tools{flex-direction:row;flex:1;justify-content:flex-end;align-items:flex-end;gap:8px;width:100%}.vat-options{flex-direction:row;flex:1;gap:8px}.vat-option{--press-scale:.94;animation:chip-in .26s var(--ease-out) backwards;background:var(--card);height:44px;box-shadow:inset 0 0 0 1.5px var(--line);font-variant-numeric:tabular-nums;transition:transform .14s var(--ease-out), background-color .16s ease, box-shadow .16s ease;border-radius:12px;flex:1;justify-content:center;align-items:center;font-weight:700}.vat-option--selected{background:var(--yellow);box-shadow:inset 0 0 0 1.5px var(--yellow-deep)}.vat-option:nth-child(2){animation-delay:30ms}.vat-option:nth-child(3){animation-delay:60ms}.vat-option:nth-child(4){animation-delay:90ms}@keyframes chip-in{0%{opacity:0;transform:translateY(8px)scale(.96)}}.backspace{--press-scale:.94;background:var(--card);width:56px;height:44px;box-shadow:inset 0 0 0 1.5px var(--line);transition:transform .14s var(--ease-out);border-radius:12px;justify-content:center;align-items:center;overflow:hidden}.backspace__fill{background:var(--yellow);clip-path:inset(0 100% 0 0);transition:clip-path .2s var(--ease-out);position:absolute;inset:0}.backspace.is-pressed .backspace__fill{clip-path:inset(0);transition:clip-path var(--hold-duration) linear}.profiles{overscroll-behavior:contain;border-radius:var(--radius-card);background:var(--card);width:100%;max-height:100%;box-shadow:var(--shadow-card);animation:panel-in .22s var(--ease-out);padding:4px 0;overflow-y:auto}@keyframes panel-in{0%{opacity:0;transform:translateY(6px)}}.profiles__row{border-bottom:1px solid var(--line);flex-direction:row;justify-content:space-between;align-items:center;min-height:40px;padding:0 16px}.profiles__row:last-child{border-bottom:none}.profiles__name{font-size:.875rem;font-weight:600}.profiles__margin{font-variant-numeric:tabular-nums;font-size:.875rem;font-weight:700}.keypad{padding:clamp(8px,1.6dvh,14px) 12px;padding-bottom:max(clamp(8px, 1.6dvh, 14px), env(safe-area-inset-bottom));background:var(--yellow);grid-template-rows:repeat(4,clamp(40px,7.2dvh,56px));grid-template-columns:repeat(3,1fr);gap:clamp(5px,1dvh,8px);display:grid}.keypad__key{--press-scale:.94;border-radius:var(--radius-key);box-shadow:var(--shadow-key);color:var(--ink);font-variant-numeric:tabular-nums;transition:transform .2s var(--ease-out), background-color .2s ease, box-shadow .2s ease;background:#ffffff8c;justify-content:center;align-items:center;font-size:1.625rem;font-weight:600}.keypad__key.is-pressed{background:#ffffffe6;transition-duration:80ms;box-shadow:0 0 #12100f00}.keypad__key--enter{background:var(--ink);color:var(--yellow);font-size:1.125rem;font-weight:700}.keypad__key--enter.is-pressed{background:var(--ink-raised)}@media (hover:hover) and (pointer:fine){.keypad__key:hover{background:#ffffffb3}.keypad__key--enter:hover{background:var(--ink-raised)}}.login{background:var(--page);justify-content:center;align-items:center;width:100%;height:100%;padding:16px}.login__box{background:var(--card);border-radius:24px;gap:12px;width:100%;max-width:340px;padding:28px 24px 24px;box-shadow:0 30px 80px #00000073}.login__box--error{animation:shake .36s var(--ease-in-out)}@keyframes shake{20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.login__logo{border-radius:12px;width:48px;height:48px}.login__title{font-family:var(--font-display);margin-top:4px;font-size:1.5rem;font-weight:400}.login__subtitle{color:var(--ink-soft);margin-bottom:8px;font-size:.9375rem}.login__input{background:var(--surface);width:100%;height:48px;box-shadow:inset 0 0 0 1.5px var(--line);border-radius:12px;padding:0 14px;font-size:16px;transition:box-shadow .16s,background-color .16s}.login__input:focus-visible{background:var(--card);box-shadow:inset 0 0 0 1.5px var(--ink), 0 0 0 4px #ffbb3a73}.login__button{background:var(--ink);width:100%;height:48px;color:var(--yellow);transition:transform .16s var(--ease-out), opacity .16s ease;border-radius:12px;justify-content:center;align-items:center;font-weight:700}.login__button:active{transform:scale(.97)}.login__button:disabled{opacity:.6;cursor:progress}.login__message{color:var(--error);font-size:.875rem;line-height:1.4}@media (height<=640px){.top-bar{padding:6px 12px 8px;padding-top:max(6px, env(safe-area-inset-top));gap:6px}.top-bar__action{height:30px}.tab{height:32px}.content{padding:8px 12px 6px}.fields{gap:8px}.field{height:40px}.result{flex-direction:row;justify-content:space-between;align-items:center}}@media (orientation:landscape) and (height<=520px){.calculator{max-width:860px;padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);background:var(--surface);grid-template-rows:auto 1fr;grid-template-columns:1fr 1fr;display:grid}.top-bar{grid-column:1/-1}.keypad{padding-bottom:max(8px, env(safe-area-inset-bottom));grid-template-rows:repeat(4,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{animation-duration:1ms!important;animation-iteration-count:1!important}.is-pressed,.login__button:active{transform:none}.tabs__indicator{transition:opacity .16s}}