:root,[data-theme=light]{--page:#faf9f6;--surface:#fff;--well:#f3f0ea;--well-stripe:#ece8e0;--well-cool:#eef1f6;--scrim:#0b102080;--line:#ede9e1;--line-input:#e8e4dc;--line-strong:#c7c2b8;--navy:#22304f;--navy-hover:#1a2540;--navy-stripe:#2c3e60;--navy-stripe-2:#33476b;--ink:var(--navy);--ink-soft:#4a5568;--ink-muted:#8b94a6;--ink-warm:#7a7263;--on-navy:#fff;--orange:#f26a1b;--orange-hover:#d95a10;--orange-ink:#c2560f;--orange-tint:#fff1e3;--teal:#26b8b0;--teal-hover:#1e9a93;--teal-ink:#1b7a74;--teal-tint:#e7f5f4;--danger:#d14343;--danger-tint:#fbe9e9;--danger-line:#e7b7b7;--wa:#25d366;--wa-hover:#1fb858;--water:#35c4dc;--water-light:#d9fbff;--water-deep:#1ba0c0;--sun:#ffc82e;--rarity-illustration:#8b5cf6;--shadow-lift:0 8px 24px #22304f1a;--shadow-modal:0 12px 40px #141c3040;--shadow-drawer:-12px 0 40px #141c3033}:root{--space-6:6px;--space-8:8px;--space-10:10px;--space-12:12px;--space-14:14px;--space-18:18px;--space-20:20px;--space-28:28px;--space-40:40px;--radius-8:8px;--radius-10:10px;--radius-12:12px;--radius-14:14px;--radius-16:16px;--radius-pill:999px;--font-sans:Outfit, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}.title-xl{font-family:var(--font-sans);letter-spacing:-.01em;font-size:30px;font-weight:800;line-height:36px}.title-lg{font-family:var(--font-sans);font-size:22px;font-weight:800;line-height:28px}.title-md{font-family:var(--font-sans);font-size:17px;font-weight:800;line-height:24px}.price{font-family:var(--font-sans);font-size:19px;font-weight:800;line-height:26px}.card-title{font-family:var(--font-sans);font-size:15.5px;font-weight:600;line-height:20px}.body{font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:22.5px}.label{font-family:var(--font-sans);font-size:14px;font-weight:600;line-height:21px}.ui{font-family:var(--font-sans);font-size:13.5px;font-weight:600;line-height:20.25px}.caption{font-family:var(--font-sans);font-size:12px;font-weight:400;line-height:18px}.badge{font-family:var(--font-sans);font-size:11px;font-weight:600;line-height:16px}.overline{font-family:var(--font-sans);letter-spacing:1px;text-transform:uppercase;font-size:12px;font-weight:800;line-height:16px}.num{font-family:var(--font-mono);font-size:13.5px;font-weight:500;line-height:20px}.code{font-family:var(--font-mono);font-size:12px;font-weight:500;line-height:18px}:root{--pd-fast:.15s;--pd-base:.2s;--pd-slow:.32s;--pd-splash:cubic-bezier(.2, .7, .3, 1)}body{background:var(--page);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}.pd-row{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.pd-stack{gap:var(--space-14);flex-direction:column;display:flex}.pd-icon{flex-shrink:0;display:block}:where(.pd-btn,.pd-pill,.pd-input,.pd-select,.pd-nav__item,.pd-row-action):focus-visible{outline:2px solid var(--navy);outline-offset:2px}.pd-btn{justify-content:center;align-items:center;gap:var(--space-8);border-radius:var(--radius-10);cursor:pointer;padding:var(--space-12) var(--space-18);transition:background var(--pd-base), color var(--pd-base), border-color var(--pd-base), transform var(--pd-fast), box-shadow var(--pd-base);border:1px solid #0000;font-family:inherit;font-size:15px;font-weight:700;line-height:22.5px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.pd-btn:active:not(:disabled){transform:scale(.98)}.pd-btn:disabled{cursor:default;opacity:.7}.pd-btn--sm{padding:9px var(--space-14);font-size:13.5px;font-weight:600;line-height:20.25px}.pd-btn--block{width:100%}.pd-btn--primary{background:var(--navy);color:var(--on-navy)}.pd-btn--primary:hover:not(:disabled){background:var(--navy-hover)}.pd-btn--outline{background:var(--surface);border-color:var(--navy);color:var(--navy)}.pd-btn--outline:hover:not(:disabled){background:var(--navy);color:var(--on-navy)}.pd-btn--orange{background:var(--orange);color:var(--navy)}.pd-btn--orange:hover:not(:disabled){background:var(--orange-hover)}.pd-btn--teal{background:var(--teal);color:var(--navy)}.pd-btn--teal:hover:not(:disabled){background:var(--teal-hover)}.pd-btn--wa{background:var(--wa);color:var(--navy)}.pd-btn--wa:hover:not(:disabled){background:var(--wa-hover)}.pd-btn--ghost{color:var(--on-navy);background:#ffffff1f;border-color:#ffffff40}.pd-btn--ghost:hover:not(:disabled){background:#fff3}.pd-btn--danger{border:1.5px solid var(--danger-line);color:var(--danger);background:0 0}.pd-btn--danger:hover:not(:disabled){background:var(--danger-tint)}.pd-ripple{opacity:.22;pointer-events:none;animation:pd-ripple .6s var(--pd-splash) forwards;background:currentColor;border-radius:50%;position:absolute;transform:scale(0)}@keyframes pd-ripple{to{opacity:0;transform:scale(2.6)}}.pd-drop-spinner{background:radial-gradient(circle at 35% 30%, var(--water-light), var(--water) 60%, var(--water-deep));border-radius:50% 50% 60% 60%;width:11px;height:14px;animation:.9s ease-in-out infinite pd-drop;display:inline-block}@keyframes pd-drop{0%,to{transform:translateY(-2px)scale(1)}50%{transform:translateY(2px)scale(1.08,.92)}}.pd-pill{background:var(--surface);border:1px solid var(--line-input);border-radius:var(--radius-pill);color:var(--navy);cursor:pointer;padding:var(--space-8) var(--space-18);transition:background var(--pd-base), color var(--pd-base), border-color var(--pd-base), transform var(--pd-fast);font-family:inherit;font-size:14px;font-weight:500;line-height:21px}.pd-pill:hover{border-color:var(--navy)}.pd-pill:active{transform:scale(.96)}.pd-pill[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:var(--on-navy);font-weight:600}.pd-field{color:var(--navy);gap:var(--space-6);flex-direction:column;font-size:14px;font-weight:600;display:flex}.pd-input,.pd-select{background:var(--surface);border:1px solid var(--line-input);border-radius:var(--radius-10);box-sizing:border-box;color:var(--navy);padding:10px var(--space-14);transition:border-color var(--pd-base), box-shadow var(--pd-base);width:100%;font-family:inherit;font-size:15px;font-weight:400;line-height:22.5px}.pd-input::placeholder{color:var(--ink-muted)}.pd-input:hover,.pd-select:hover{border-color:var(--line-strong)}.pd-input:focus,.pd-select:focus{border-color:var(--navy);box-shadow:0 0 0 3px var(--well-cool);outline:none}.pd-select{cursor:pointer;padding:9px var(--space-12);width:auto;font-size:14px;line-height:normal}.pd-field .pd-select{padding:11px var(--space-12);width:100%;font-size:15px}.pd-field--error .pd-input{border-color:var(--danger);animation:.32s pd-shake}.pd-field__error{color:var(--danger);font-size:13.5px;font-weight:600}.pd-field__hint{color:var(--ink-soft);font-size:12px;font-weight:400}@keyframes pd-shake{20%{transform:translate(-5px)}45%{transform:translate(4px)}70%{transform:translate(-2px)}90%{transform:translate(1px)}}.pd-search{background:var(--surface);border:1px solid var(--line-input);border-radius:var(--radius-12);color:var(--ink-muted);align-items:center;gap:var(--space-10);padding:10px var(--space-14);transition:border-color var(--pd-base), box-shadow var(--pd-base);display:flex}.pd-search:focus-within{border-color:var(--navy);box-shadow:0 0 0 3px var(--well-cool)}.pd-search input{color:var(--navy);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:0;font-family:inherit;font-size:15px;line-height:22.5px}.pd-search input::placeholder{color:var(--ink-muted)}.pd-badge{border-radius:var(--radius-pill);padding:2px var(--space-8);white-space:nowrap;align-items:center;gap:5px;font-size:11px;font-weight:600;line-height:16px;display:inline-flex}.pd-badge--language,.pd-badge--incoming{background:var(--well-cool);color:var(--navy)}.pd-badge--available{background:var(--teal-tint);color:var(--teal-ink)}.pd-badge--low{background:var(--orange-tint);color:var(--orange-ink);font-weight:700}.pd-badge--neutral{background:var(--well);color:var(--ink-warm)}.pd-badge--danger{background:var(--danger-tint);color:var(--danger);font-weight:700}.pd-badge--soldout{background:var(--navy);color:var(--on-navy);font-weight:700}.pd-badge__dot{background:var(--water-deep);border-radius:50%;width:7px;height:7px;position:relative}.pd-badge__dot:after{animation:pd-ping 1.6s var(--pd-splash) infinite;background:var(--water-deep);content:"";border-radius:50%;position:absolute;inset:0}@keyframes pd-ping{to{opacity:0;transform:scale(2.6)}}.pd-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-16);transition:box-shadow var(--pd-base), transform var(--pd-base);flex-direction:column;display:flex;overflow:hidden}.pd-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.pd-card__photo{background:var(--well);justify-content:center;align-items:center;height:170px;display:flex;position:relative}.pd-card__photo--empty{background:repeating-linear-gradient(45deg, var(--well), var(--well) 10px, var(--well-stripe) 10px, var(--well-stripe) 20px)}.pd-card__photo img{object-fit:contain;max-width:100%;height:100%}.pd-card__placeholder{color:var(--ink-warm);font-family:var(--font-mono);font-size:12px}.pd-card__veil{background:var(--scrim);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.pd-card__veil span{background:var(--navy);border-radius:var(--radius-pill);color:var(--on-navy);letter-spacing:1px;padding:var(--space-6) 16px;text-transform:uppercase;border:2px solid #ffffffe6;font-size:12px;font-weight:800}.pd-card__body{gap:var(--space-8);flex-direction:column;flex:1;padding:14px 16px 16px;display:flex}.pd-card__meta{align-items:center;gap:var(--space-6);flex-wrap:wrap;min-height:20px;display:flex}.pd-card__code{color:var(--ink-soft);font-size:12px}.pd-card__title{color:var(--ink);margin:0;font-size:15.5px;font-weight:600;line-height:20px}.pd-card__price{color:var(--ink);margin-top:auto;font-size:19px;font-weight:800;line-height:26px}.pd-card__actions{gap:var(--space-8);display:flex}.pd-card__actions .pd-btn:first-child{flex:1}.pd-nav{background:var(--navy);border-radius:var(--radius-16);box-sizing:border-box;color:var(--on-navy);gap:var(--space-20);min-height:100%;padding:var(--space-20) var(--space-14);flex-direction:column;width:232px;display:flex}.pd-nav__brand{padding:0 var(--space-6);align-items:center;display:flex}.pd-nav__brand img{width:auto;height:48px;display:block}.pd-nav__brand strong{font-size:17px;font-weight:800}.pd-nav__list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;position:relative}.pd-nav__marker{background:var(--navy-stripe);border-radius:var(--radius-10);height:44px;transition:transform var(--pd-slow) var(--pd-splash);position:absolute;top:0;left:0;right:0}.pd-nav__marker:before{background:var(--water);border-radius:var(--radius-pill);content:"";width:3px;height:20px;position:absolute;top:12px;left:0}.pd-nav__item{border-radius:var(--radius-10);box-sizing:border-box;color:#ffffffd9;cursor:pointer;align-items:center;gap:var(--space-10);height:44px;padding:0 var(--space-12);text-align:left;transition:color var(--pd-base);background:0 0;border:0;width:100%;font-family:inherit;font-size:14px;font-weight:600;text-decoration:none;display:flex;position:relative}.pd-nav__item:hover,.pd-nav__item[aria-current=page]{color:var(--on-navy)}.pd-nav__item:focus-visible{outline-color:var(--on-navy);outline-offset:-2px}.pd-nav__count{background:var(--water);border-radius:var(--radius-pill);color:var(--navy);margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700;line-height:16px}.pd-nav__foot{align-items:center;gap:var(--space-10);padding:0 var(--space-6);margin-top:auto;display:flex}.pd-nav__avatar{background:var(--sun);color:var(--navy);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:13px;font-weight:800;display:flex}.pd-nav__who{flex-direction:column;flex:1;min-width:0;display:flex}.pd-nav__who strong{font-size:13.5px;font-weight:600}.pd-nav__who span{color:#ffffffd9;font-size:12px}.pd-stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-16);gap:var(--space-6);padding:var(--space-20);flex-direction:column;display:flex}.pd-stat__label{color:var(--ink-soft);font-size:13.5px;font-weight:600}.pd-stat__value{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-size:30px;font-weight:800;line-height:36px}.pd-stat__hint{color:var(--ink-soft);align-items:center;gap:var(--space-6);font-size:12px;line-height:18px;display:flex}.pd-meter{gap:var(--space-6);flex-direction:column;display:flex}.pd-meter__head{align-items:baseline;gap:var(--space-8);justify-content:space-between;font-size:13.5px;font-weight:600;display:flex}.pd-meter__value{color:var(--ink-soft);font-family:var(--font-mono);font-size:12px;font-weight:500}.pd-meter__track{background:var(--well);border-radius:var(--radius-pill);height:8px;overflow:hidden}.pd-meter__fill{animation:pd-grow .7s var(--pd-splash) both;background:var(--teal);border-radius:var(--radius-pill);transform-origin:0;height:100%;transition:width var(--pd-slow) var(--pd-splash), background var(--pd-base)}.pd-meter--low .pd-meter__fill{background:var(--orange)}.pd-meter--empty .pd-meter__fill{background:var(--danger)}@keyframes pd-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.pd-table-wrap{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-16);overflow-x:auto}.pd-table{border-collapse:collapse;min-width:100%;font-size:13.5px}.pd-table th{color:var(--ink-soft);padding:var(--space-12) var(--space-18);text-align:left;white-space:nowrap;font-size:12px;font-weight:600}.pd-table td{border-top:1px solid var(--line);color:var(--ink);padding:var(--space-12) var(--space-18);font-weight:500}.pd-table tbody tr{transition:background var(--pd-fast)}.pd-table tbody tr:hover{background:var(--page)}.pd-table .is-right{text-align:right}.pd-table .is-num{font-family:var(--font-mono);white-space:nowrap;font-weight:500}.pd-table tr.is-new td{animation:1.6s ease-out pd-flash}@keyframes pd-flash{0%{background:var(--teal-tint)}to{background:0 0}}.pd-steps{gap:0;margin:0;padding:0;list-style:none;display:flex}.pd-step{color:var(--ink-soft);flex:1;min-width:0;font-size:12px;font-weight:600;position:relative}.pd-step__node{background:var(--surface);border:2px solid var(--line-strong);box-sizing:border-box;color:var(--navy);height:24px;margin-bottom:var(--space-6);transition:background var(--pd-slow), border-color var(--pd-slow);z-index:1;border-radius:50%;justify-content:center;align-items:center;width:24px;display:flex;position:relative}.pd-step:not(:last-child):after{background:var(--line-strong);content:"";height:2px;position:absolute;top:11px;left:24px;right:0}.pd-step--done{color:var(--ink)}.pd-step--done .pd-step__node{background:var(--teal);border-color:var(--teal)}.pd-step--done:not(:last-child):after{background:var(--teal)}.pd-step--current{color:var(--ink)}.pd-step--current .pd-step__node{background:var(--water);border-color:var(--water-deep)}.pd-step--current .pd-step__node:after{animation:pd-ping 1.6s var(--pd-splash) infinite;border:2px solid var(--water-deep);content:"";border-radius:50%;position:absolute;inset:-2px}.pd-trail{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.pd-trail__stop{gap:0 var(--space-14);padding-bottom:var(--space-20);grid-template-columns:40px 1fr auto;display:grid;position:relative}.pd-trail__stop:last-child{padding-bottom:0}.pd-trail__link{background:var(--line-strong);border-radius:var(--radius-pill);width:2px;position:absolute;top:40px;bottom:0;left:19px;overflow:hidden}.pd-trail__link:after{background:var(--water-deep);border-radius:var(--radius-pill);content:"";height:14px;animation:1.8s linear infinite pd-flow;position:absolute;top:-14px;left:0;right:0}@keyframes pd-flow{to{top:100%}}.pd-trail__node{background:var(--well);color:var(--navy);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pd-trail__stop[data-kind=purchase] .pd-trail__node{background:var(--orange-tint);color:var(--orange-ink)}.pd-trail__stop[data-kind=transit] .pd-trail__node{background:var(--well-cool)}.pd-trail__stop[data-kind=stock] .pd-trail__node{background:var(--teal-tint);color:var(--teal-ink)}.pd-trail__stop[data-kind=channel] .pd-trail__node{background:var(--navy);color:var(--on-navy)}.pd-trail__body{flex-direction:column;gap:2px;min-width:0;padding-top:2px;display:flex}.pd-trail__title{color:var(--ink);font-size:14px;font-weight:600;line-height:21px}.pd-trail__meta{color:var(--ink-soft);font-size:12px;line-height:18px}.pd-trail__qty{color:var(--ink);font-family:var(--font-mono);white-space:nowrap;padding-top:2px;font-size:13.5px;font-weight:500}.pd-place{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-16);gap:var(--space-14);padding:var(--space-20);transition:box-shadow var(--pd-base), transform var(--pd-base);flex-direction:column;display:flex}.pd-place--link{cursor:pointer}.pd-place--link:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}.pd-place__head{align-items:flex-start;gap:var(--space-12);display:flex}.pd-place__icon{background:var(--well);border-radius:var(--radius-12);color:var(--navy);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pd-place__names{flex-direction:column;flex:1;min-width:0;display:flex}.pd-place__names strong{color:var(--ink);font-size:15.5px;font-weight:600;line-height:20px}.pd-place__names span{color:var(--ink-soft);font-size:12px;line-height:18px}.pd-place__foot{align-items:center;gap:var(--space-8);flex-wrap:wrap;justify-content:space-between;margin-top:auto;display:flex}.pd-place__figures{align-items:baseline;gap:var(--space-6);display:flex}.pd-place__figures strong{color:var(--ink);font-size:22px;font-weight:800;line-height:28px}.pd-place__figures span{color:var(--ink-soft);font-size:13.5px;font-weight:500}.pd-toast{animation:pd-toast-in var(--pd-slow) var(--pd-splash) both;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-12);box-shadow:var(--shadow-modal);align-items:flex-start;gap:var(--space-12);max-width:380px;padding:var(--space-14);display:flex}@keyframes pd-toast-in{0%{opacity:0;transform:translateY(14px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.pd-toast__icon{animation:pd-pop .42s var(--pd-splash) both;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;animation-delay:80ms;display:flex}.pd-toast--success .pd-toast__icon{background:var(--teal);color:var(--navy)}.pd-toast--danger .pd-toast__icon{background:var(--danger-tint);color:var(--danger)}.pd-toast--info .pd-toast__icon{background:var(--well-cool);color:var(--navy)}@keyframes pd-pop{0%{opacity:0;transform:scale(.4)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.pd-toast__text{flex-direction:column;gap:2px;min-width:0;display:flex}.pd-toast__text strong{color:var(--ink);font-size:14px;font-weight:600;line-height:20px}.pd-toast__text span{color:var(--ink-soft);font-size:13.5px;line-height:20px}.pd-drawer{pointer-events:none;visibility:hidden;transition:visibility var(--pd-slow);z-index:40;position:fixed;inset:0}.pd-drawer[data-open=true]{pointer-events:auto;visibility:visible}.pd-drawer__scrim{background:var(--scrim);opacity:0;transition:opacity var(--pd-slow);position:absolute;inset:0}.pd-drawer[data-open=true] .pd-drawer__scrim{opacity:1}.pd-drawer__panel{background:var(--surface);box-shadow:var(--shadow-drawer);box-sizing:border-box;max-width:100%;transition:transform var(--pd-slow) var(--pd-splash);flex-direction:column;width:480px;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.pd-drawer[data-open=true] .pd-drawer__panel{transform:translate(0)}.pd-drawer__head{border-bottom:1px solid var(--line);align-items:flex-start;gap:var(--space-12);padding:var(--space-20);justify-content:space-between;display:flex}.pd-drawer__titles{flex-direction:column;gap:2px;min-width:0;display:flex}.pd-drawer__titles strong{color:var(--ink);font-size:17px;font-weight:800;line-height:24px}.pd-drawer__titles span{color:var(--ink-soft);font-size:13.5px;line-height:20px}.pd-drawer__close{background:var(--well);color:var(--navy);cursor:pointer;height:36px;transition:background var(--pd-base), transform var(--pd-fast);border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;display:flex}.pd-drawer__close:hover{background:var(--well-stripe)}.pd-drawer__close:active{transform:scale(.92)}.pd-drawer__close:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.pd-drawer__body{gap:var(--space-20);min-height:0;padding:var(--space-20);flex-direction:column;flex:1;display:flex;overflow-y:auto}.pd-drawer__foot{border-top:1px solid var(--line);gap:var(--space-8);padding:var(--space-14) var(--space-20);justify-content:flex-end;display:flex}.pd-table tr.is-link{cursor:pointer}.pd-table tr.is-link:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}.pd-page{animation:pd-page-in var(--pd-slow) var(--pd-splash) both}@keyframes pd-page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pd-product{align-items:center;gap:var(--space-12);min-width:0;display:flex}.pd-product__thumb{background:var(--well);border-radius:var(--radius-8);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.pd-product__thumb img{object-fit:contain;width:100%;height:100%}.pd-product__text{flex-direction:column;min-width:0;display:flex}.pd-product__name{color:var(--ink);font-size:13.5px;font-weight:600;line-height:19px}.pd-product__meta{color:var(--ink-soft);font-size:12px;font-weight:400;line-height:16px}@media (width<=760px){.pd-nav{width:100%;min-height:0}}@media (prefers-reduced-motion:reduce){.pd-ripple,.pd-badge__dot:after,.pd-step--current .pd-step__node:after,.pd-trail__link:after{display:none}.pd-btn,.pd-pill,.pd-card,.pd-place,.pd-nav__marker,.pd-meter__fill,.pd-toast,.pd-toast__icon,.pd-field--error .pd-input,.pd-drop-spinner,.pd-table tr.is-new td,.pd-drawer,.pd-drawer__scrim,.pd-drawer__panel,.pd-drawer__close,.pd-page{transition:none;animation:none}}.muted{color:var(--ink-soft);font-weight:400}.app-loading{justify-content:center;align-items:center;min-height:60dvh;display:flex}.app-shell{background:var(--page);box-sizing:border-box;gap:var(--space-14);min-height:100dvh;padding:var(--space-14);flex-wrap:wrap;display:flex}.app-shell .pd-nav{flex:232px;max-width:232px}.app-main{flex:999 560px;min-width:0}.app-page{box-sizing:border-box;gap:var(--space-20);max-width:1160px;padding:var(--space-20) var(--space-20) var(--space-40);flex-direction:column;display:flex}.app-page--roomy{gap:var(--space-28)}.section{gap:var(--space-14);flex-direction:column;display:flex}.section h2,.drawer-group h3,.preview h3{margin:0}.stat-grid,.place-grid{gap:var(--space-18);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.two-panels{align-items:flex-start;gap:var(--space-18);flex-wrap:wrap;display:flex}.two-panels>.panel{flex:380px;min-width:0}.two-panels--wide-first>.panel:first-child{flex:999 460px}.between{align-items:center;gap:var(--space-12);justify-content:space-between;display:flex}.between--wrap{flex-wrap:wrap}.between--total{border-top:1px solid var(--line);padding-top:var(--space-14);align-items:baseline}.nowrap{white-space:nowrap}.plain-link{color:inherit;min-width:0;text-decoration:none}.plain-link:hover .pd-product__name{text-decoration:underline}.incoming-row{border-radius:var(--radius-10);color:inherit;gap:var(--space-12);padding:var(--space-8);margin:calc(var(--space-8) * -1);transition:background var(--pd-fast);flex-direction:column;text-decoration:none;display:flex}.incoming-row+.incoming-row{margin-top:var(--space-8)}.incoming-row:hover{background:var(--page)}.incoming-row:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.filters{align-items:center;gap:var(--space-8) var(--space-14);flex-wrap:wrap;display:flex}.filters__pills{gap:var(--space-8);flex-wrap:wrap;display:flex}.filters__search{flex:260px;min-width:0}.field-grid{gap:var(--space-14);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.form-columns{align-items:flex-start;gap:var(--space-18);flex-wrap:wrap;display:flex}.form-columns__main{gap:var(--space-18);flex-direction:column;flex:999 520px;min-width:0;display:flex}.form-columns__side{flex:280px;min-width:0}.form-columns h2,.form-columns p{margin:0}.purchase-item{border-bottom:1px solid var(--line);align-items:flex-end;gap:var(--space-12);padding-bottom:var(--space-14);flex-wrap:wrap;display:flex}.purchase-item__product{flex:999 180px;min-width:0}.purchase-item__number{flex:96px;min-width:0}.purchase-item__subtotal{gap:var(--space-6);flex-direction:column;flex:104px;padding-bottom:11px;display:flex}.notice{border-radius:var(--radius-10);padding:var(--space-10) var(--space-12);margin:0;font-size:13.5px;line-height:20px}.notice--danger{background:var(--danger-tint);color:var(--ink)}.facts{gap:var(--space-12) var(--space-18);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.facts div{flex-direction:column;display:flex}.facts dt{color:var(--ink-soft);font-size:12px;line-height:18px}.facts dd{margin:0;font-size:13.5px;font-weight:600;line-height:20px}.drawer-group{gap:var(--space-12);flex-direction:column;display:flex}.item-line{align-items:center;gap:var(--space-12);justify-content:space-between;display:flex}.item-line__input{flex:0 0 96px}.stepper{align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.stepper__value{text-align:center;min-width:48px}.lot-picker{gap:var(--space-8);border:0;flex-direction:column;margin:0;padding:0;display:flex}.lot-picker legend{margin-bottom:var(--space-6);padding:0}.lot-picker__option{border:1px solid var(--line-input);border-radius:var(--radius-10);cursor:pointer;align-items:center;gap:var(--space-10);padding:var(--space-10) var(--space-12);transition:border-color var(--pd-base);display:flex}.lot-picker__option:has(input:checked){border-color:var(--navy)}.lot-picker__option input{accent-color:var(--navy)}.preview{background:var(--page);border-radius:var(--radius-12);gap:var(--space-12);padding:var(--space-14);flex-direction:column;display:flex}.panel.trace-head{flex-flow:wrap;justify-content:space-between;align-items:center}.trace-head__product{gap:var(--space-14);flex-direction:column;flex:999 320px;min-width:0;display:flex}.trace-head__figures{gap:var(--space-14);flex:260px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.fact{flex-direction:column;gap:2px;display:flex}.pd-drawer__foot .pd-btn{white-space:nowrap}.page-head{align-items:flex-end;gap:var(--space-14);flex-wrap:wrap;justify-content:space-between;display:flex}.page-head__titles{flex-direction:column;gap:2px;display:flex}.page-head h1,.panel h2{margin:0}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-16);box-sizing:border-box;gap:var(--space-14);padding:var(--space-20);flex-direction:column;display:flex}.panel--narrow{max-width:460px}.empty-state{align-items:center;gap:var(--space-12);padding:var(--space-40) var(--space-20);text-align:center;flex-direction:column;display:flex}.empty-state h1,.empty-state h2,.empty-state p{margin:0}.person{flex-direction:column;min-width:0;display:flex}.person__name{font-size:13.5px;font-weight:600;line-height:19px}.person__email{color:var(--ink-soft);font-size:12px;font-weight:400;line-height:16px}.drawer-form{gap:var(--space-14);flex-direction:column;display:flex}.drawer-section{border-top:1px solid var(--line);gap:var(--space-8);padding-top:var(--space-14);flex-direction:column;display:flex}.toast-stack{bottom:max(20px, env(safe-area-inset-bottom,0px));box-sizing:border-box;align-items:center;gap:var(--space-8);padding-inline:var(--space-14);pointer-events:none;z-index:60;flex-direction:column;display:flex;position:fixed;left:0;right:0}@media (width<=760px){.app-shell .pd-nav{align-items:center;gap:var(--space-10);max-width:none;padding:var(--space-12);flex-flow:wrap;flex-basis:100%;justify-content:space-between}.app-shell .pd-nav__brand img{height:36px}.app-shell .pd-nav__list{scrollbar-width:none;flex-direction:row;flex-basis:100%;order:3;overflow-x:auto}.app-shell .pd-nav__marker{display:none}.app-shell .pd-nav__item{white-space:nowrap;width:auto}.app-shell .pd-nav__item[aria-current=page]{background:var(--navy-stripe)}.app-shell .pd-nav__foot{margin-top:0}.app-shell .pd-nav__who{display:none}.app-page{padding-inline:var(--space-6)}}.stat-grid--three{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.account-cards{gap:var(--space-14);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin:0;padding:0;list-style:none;display:grid}.account-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-16);box-sizing:border-box;color:var(--ink);gap:var(--space-6);height:100%;padding:var(--space-14) var(--space-18);text-align:left;transition:border-color var(--pd-base), box-shadow var(--pd-base), transform var(--pd-base);flex-direction:column;width:100%;font-family:inherit;display:flex}button.account-card{cursor:pointer}button.account-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}button.account-card:focus-visible{outline:2px solid var(--navy);outline-offset:2px}.account-card[aria-pressed=true]{border-color:var(--navy);box-shadow:inset 0 0 0 1px var(--navy)}.account-card--total{background:var(--navy);border-color:var(--navy);color:var(--on-navy)}.account-card--total .account-card__name{color:var(--on-navy)}.account-card--total[aria-pressed=true]{box-shadow:0 0 0 3px var(--water)}.account-card__name{color:var(--ink-soft);font-size:13.5px;font-weight:600}.account-card__value{font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:20px;font-weight:800;line-height:28px}.account-card__value.is-negative{color:var(--danger)}.account-card--total .account-card__value.is-negative{color:var(--on-navy)}.account-card__hint{color:var(--danger);font-size:12px;font-weight:600}.account-card--total .account-card__hint{color:var(--sun)}.month-bar{align-items:center;gap:var(--space-12);display:flex}.month-bar__label{text-align:center;min-width:180px;margin:0}.chart-box{width:100%;min-width:0}.cashflow{margin:0}.cashflow__legend{gap:var(--space-14);margin-bottom:var(--space-8);flex-wrap:wrap;display:flex}.cashflow__key{color:var(--ink-soft);align-items:center;gap:var(--space-6);font-size:12px;font-weight:600;display:inline-flex}.cashflow__swatch{height:10px;margin-right:var(--space-6);border-radius:3px;width:10px;display:inline-block}.cashflow__key .cashflow__swatch{margin-right:0}.cashflow__swatch--in,.cashflow__bar--in{background:var(--teal);fill:var(--teal)}.cashflow__swatch--out,.cashflow__bar--out{background:var(--orange);fill:var(--orange)}.cashflow__plot{position:relative}.cashflow__plot svg{display:block;overflow:visible}.cashflow__grid{stroke:var(--line);stroke-width:1px}.cashflow__zero{stroke:var(--line-strong);stroke-width:1px}.cashflow__tick{fill:var(--ink-soft);font-family:var(--font-mono);font-size:11px}.cashflow__bar{animation:cashflow-grow .6s var(--pd-splash) both;transform-box:fill-box;transform-origin:bottom}.cashflow__bar--out{transform-origin:top}@keyframes cashflow-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.cashflow__hit{cursor:default;fill:#0000}.cashflow__hit.is-active{fill:var(--well-cool);opacity:.6}.cashflow__tooltip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-10);box-shadow:var(--shadow-modal);padding:var(--space-8) var(--space-10);pointer-events:none;white-space:nowrap;flex-direction:column;gap:2px;font-size:12px;display:flex;position:absolute;top:0;transform:translate(-50%)}.cashflow__tooltip span{color:var(--ink-soft);align-items:center;gap:var(--space-6);display:flex}.cashflow__tooltip b{color:var(--ink);padding-left:var(--space-10);margin-left:auto}.cashflow__empty{margin:var(--space-28) 0;text-align:center}.category-list{gap:var(--space-12);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.category-list li{gap:var(--space-6);flex-direction:column;display:flex}.category-list__track{background:var(--well);border-radius:var(--radius-pill);height:6px;display:block;overflow:hidden}.category-list__fill{animation:pd-grow .7s var(--pd-splash) both;border-radius:var(--radius-pill);transform-origin:0;height:100%;display:block}.category-list__fill--in{background:var(--teal)}.category-list__fill--out{background:var(--orange)}.is-voided{color:var(--ink-soft);text-decoration:line-through}@media (prefers-reduced-motion:reduce){.cashflow__bar,.category-list__fill,.account-card{transition:none;animation:none}}.login{background:var(--page);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:32px 16px 104px;display:flex;position:relative;overflow:hidden}.login__card{background:var(--surface);border-radius:var(--radius-16);box-shadow:var(--shadow-lift);box-sizing:border-box;max-width:380px;padding:var(--space-28);z-index:1;width:100%;position:relative}.login__form,.login__welcome{gap:var(--space-14);flex-direction:column;display:flex}.login__welcome{text-align:center;align-items:center}.login__titles{flex-direction:column;gap:4px;display:flex}.login__titles h1,.login__titles p{margin:0}.login__titles p{color:var(--ink-soft);font-weight:400}.login__form .pd-toast{background:var(--well-cool);box-shadow:none;border-color:#0000;max-width:none}.login__water{pointer-events:none;height:128px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.login__wave{width:200%;height:100%;animation:18s linear infinite login-wave;position:absolute;bottom:0;left:0}.login__wave path{fill:var(--water);opacity:.22}.login__wave--front{height:72%;animation-duration:11s}.login__wave--front path{opacity:.38}@keyframes login-wave{to{transform:translate(-50%)}}.login__stage{z-index:2;width:300px;height:120px;margin-bottom:-6px;position:relative}.login__rise{animation:login-rise .9s var(--pd-splash) both;position:absolute;inset:0}.login__bob{width:100%;height:100%;animation:5s ease-in-out .9s infinite login-bob}.login__logo{filter:drop-shadow(0 6px 10px #0a506433);width:100%;height:100%;display:block}@keyframes login-rise{0%{opacity:0;transform:translateY(64px)scale(.9)}55%{opacity:1}to{opacity:1;transform:none}}@keyframes login-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(.8deg)}}.login__ring{animation:login-ring 1.1s var(--pd-splash) both;border:3px solid var(--water);box-sizing:border-box;opacity:0;border-radius:50%;width:380px;height:44px;margin-left:-190px;position:absolute;bottom:-6px;left:50%}.login__ring--2{animation-delay:.22s}.login__ring--3{animation-delay:.44s}@keyframes login-ring{0%{opacity:.85;transform:scale(.18)}to{opacity:0;transform:scale(1)}}.login__drop{background:radial-gradient(circle at 35% 30%, var(--water-light), var(--water) 60%, var(--water-deep));opacity:0;border-radius:50% 50% 55% 55%;width:10px;height:13px;animation:1.2s ease-out both login-drop;position:absolute;bottom:6px;left:50%}.login__drop--1{--dx:-150px;--dy:-96px;animation-delay:60ms}.login__drop--2{--dx:-84px;--dy:-132px;animation-delay:.12s}.login__drop--3{--dx:-36px;--dy:-112px;animation-delay:30ms}.login__drop--4{--dx:42px;--dy:-142px;animation-delay:90ms}.login__drop--5{--dx:98px;--dy:-104px;animation-delay:.15s}.login__drop--6{--dx:158px;--dy:-84px;animation-delay:40ms}@keyframes login-drop{0%{opacity:0;transform:translate(0)}14%{opacity:1}55%{opacity:1;transform:translate(calc(var(--dx) * .65), var(--dy))}to{opacity:0;transform:translate(var(--dx), calc(var(--dy) * .18))}}.login__duck{object-fit:contain;transform-origin:50% 90%;width:96px;height:107px;animation:1.4s ease-in-out infinite login-happy,.18s ease-out login-pop;display:block}@keyframes login-happy{0%,to{transform:rotate(-4deg)scale(1)}25%{transform:translateY(-6%)rotate(2deg)scale(1.04,.97)}50%{transform:rotate(4deg)scale(.98,1.03)}75%{transform:translateY(-4%)rotate(-2deg)scale(1.03,.98)}}@keyframes login-pop{0%{opacity:0;scale:.4}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.login__wave,.login__rise,.login__bob,.login__duck{animation:none}.login__ring,.login__drop{display:none}}