.pu-frame{--pu-paper:#f7f2ea;--pu-board:#ece3d4;--pu-ink:#2b211b;--pu-faded:#685a4e;--pu-mark:#7b1e2c;--pu-rule:#ded3c3;--pu-board-rule:#d5c8b4;--pu-field:#fffdf8;--pu-edge:#998774;--pu-card:#ffffff;--pu-action:#7b1e2c;--pu-action-fg:#ffffff;--pu-ok:#1d6f43;--pu-warn:#9a5200;--pu-soft:#efe8dc;container-type:inline-size;position:relative;width:100%;overflow:hidden;background:var(--pu-paper);color:var(--pu-ink)}.dark .pu-frame{--pu-paper:#0f1729;--pu-board:#1d2536;--pu-ink:#f8fafc;--pu-faded:#a3b0c2;--pu-mark:#9f9af4;--pu-rule:#2b3242;--pu-board-rule:#373f4e;--pu-field:#151d31;--pu-edge:#4a5468;--pu-card:#172033;--pu-action:#9f9af4;--pu-action-fg:#0f1729;--pu-ok:#5fd38d;--pu-warn:#f2b35e;--pu-soft:#1a2338}.pu-stage{position:absolute;top:0;left:0;width:var(--pu-w);height:var(--pu-h);transform-origin:0 0;scale:tan(atan2(100cqw,var(--pu-w)));display:flex;overflow:hidden;background:var(--pu-paper);font-family:var(--font-product),"Noto Sans","Noto Sans Devanagari",sans-serif;font-size:16px;line-height:1.25;letter-spacing:0;text-align:left;-webkit-font-smoothing:antialiased}.pu-stage *,.pu-stage :after,.pu-stage :before{box-sizing:border-box}.pu-stage--phone{flex-direction:column}@supports not (scale:tan(atan2(1px,1px))){.pu-frame{display:none}}.pu-svg{flex-shrink:0;display:block}.pu-b{font-weight:700}.pu-faded{color:var(--pu-faded)}.pu-mark{color:var(--pu-mark)}.pu-num{font-variant-numeric:tabular-nums}.pu-sb{width:248px;height:100%;flex-shrink:0;overflow:hidden;background:var(--pu-board)}.pu-sb,.pu-sb-shop{display:flex;flex-direction:column}.pu-sb-shop{margin:8px 12px 0;padding:12px 8px 10px 12px;gap:2px}.pu-sb-name{font-size:21px;line-height:26px;font-weight:700}.pu-sb-fy{font-size:14px;line-height:20px;font-weight:500;color:var(--pu-faded)}.pu-sb-label{padding:14px 24px 6px;font-size:13px;line-height:18px;font-weight:600;color:var(--pu-faded)}.pu-sb-row{display:flex;align-items:center;gap:8px;height:44px;margin-left:12px;padding:0 12px 0 46px;border-radius:10px 0 0 10px;font-size:16px;font-weight:500;flex-shrink:0}.pu-sb-row--tile{height:52px;gap:12px;padding-left:12px;font-size:17px;font-weight:600}.pu-sb-row[data-on]{background:var(--pu-paper);color:var(--pu-mark);font-weight:700}.pu-sb-pro{font-size:13px;font-weight:600;color:var(--pu-faded)}.pu-sb-shelves{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.pu-sb-foot{flex-shrink:0;border-top:1px solid var(--pu-board-rule);padding:8px 0 4px}.pu-sb-narrow{height:36px;margin-left:12px;padding:0 12px 0 46px;display:flex;align-items:center;font-size:13px;font-weight:600;color:var(--pu-faded)}.pu-main{position:relative;flex:1;min-width:0;display:flex;flex-direction:column}.pu-top{height:64px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 24px 0 28px;border-bottom:1px solid var(--pu-rule)}.pu-title{margin:0;flex-grow:1;font-size:22px;line-height:28px;font-weight:700}.pu-search{gap:10px;width:320px;padding:0 14px;background:var(--pu-field);color:var(--pu-faded)}.pu-btn-line,.pu-search{display:flex;align-items:center;height:44px;border:1px solid var(--pu-edge);border-radius:10px;font-size:15px}.pu-btn-line{gap:8px;padding:0 16px;font-weight:600}.pu-top-plain{padding:0 12px;font-weight:500}.pu-top-plain,.pu-user{height:44px;display:flex;align-items:center;font-size:15px}.pu-user{gap:6px}.pu-body{min-height:0;padding:24px 28px;gap:24px}.pu-body,.pu-col{flex:1;display:flex}.pu-col{min-width:0;flex-direction:column;gap:16px}.pu-card{background:var(--pu-card);border:1px solid var(--pu-rule);border-radius:12px}.pu-card-pad{padding:14px 16px}.pu-h2{margin:0;font-size:17px;line-height:22px;font-weight:700}.pu-small{font-size:13px;line-height:18px}.pu-hero-tile{flex:1;min-height:132px;flex-direction:column;justify-content:center;gap:2px;border-radius:16px;background:var(--pu-action);color:var(--pu-action-fg);box-shadow:0 2px 8px rgb(123 30 44/.25)}.pu-hero-tile,.pu-tile{display:flex;align-items:center}.pu-tile{justify-content:space-between;padding:12px 16px;font-size:14px;font-weight:600}.pu-tile--stack{flex-direction:column;align-items:stretch}.pu-tile-row{display:flex;justify-content:space-between}.pu-arrow{font-size:13px;font-weight:400;color:var(--pu-faded)}.pu-grid-2{display:grid;grid-template-columns:11fr 9fr;gap:16px}.pu-stat{flex:1;padding:14px 16px;display:flex;flex-direction:column;gap:2px}.pu-stat-k{font-size:13px;line-height:18px;font-weight:600;color:var(--pu-faded)}.pu-stat-v{font-size:26px;line-height:32px;font-weight:700}.pu-row{display:flex;align-items:center;gap:12px}.pu-between,.pu-list-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.pu-list-row{padding:11px 16px;border-top:1px solid var(--pu-rule);font-size:15px}.pu-list-row:first-child{border-top:0}.pu-chip{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:12px;background:var(--pu-soft);border:1px solid var(--pu-rule);font-size:13px;font-weight:600}.pu-chip--on{background:var(--pu-mark);border-color:var(--pu-mark);color:var(--pu-paper)}.pu-bar{display:flex;height:12px;overflow:hidden;border-radius:6px;background:var(--pu-soft)}.pu-bar>span{display:block;height:100%}.pu-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.pu-btn{justify-content:center;padding:0 18px;border-radius:10px;background:var(--pu-action);color:var(--pu-action-fg);font-size:17px;font-weight:700}.pu-btn,.pu-field{display:flex;align-items:center;height:48px}.pu-field{gap:10px;padding:0 14px;background:var(--pu-field);border:1px solid var(--pu-edge);border-radius:10px;font-size:16px;color:var(--pu-faded)}.pu-table{width:100%;border-collapse:collapse;font-size:15px}.pu-table th{padding:10px 12px;text-align:left;font-size:13px;line-height:18px;font-weight:600;color:var(--pu-faded);border-bottom:1px solid var(--pu-rule);white-space:nowrap}.pu-table td{padding:9px 12px;border-top:1px solid var(--pu-rule);vertical-align:top}.pu-table tr:first-child td{border-top:0}.pu-table .r{text-align:right}.pu-cell{display:flex;align-items:center;height:32px;padding:0 10px;background:var(--pu-field);border:1px solid var(--pu-rule);border-radius:8px}.pu-sub{font-size:13px;line-height:18px;color:var(--pu-faded)}.pu-chart{display:flex;align-items:flex-end;gap:14px;height:168px;padding:0 4px}.pu-chart-col{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}.pu-chart-bar{width:100%;border-radius:6px 6px 2px 2px;background:color-mix(in srgb,var(--pu-mark) 70%,var(--pu-paper))}.pu-chart-bar--hi{background:var(--pu-mark)}.pu-phone-top{height:72px;flex-shrink:0;display:flex;align-items:center;gap:8px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--pu-rule)}.pu-phone-top .pu-title{font-size:22px}.pu-phone-body{flex:1;min-height:0;padding:12px 16px;gap:12px;overflow:hidden}.pu-phone-body,.pu-phone-card{display:flex;flex-direction:column}.pu-phone-card{padding:10px 14px;gap:2px;background:var(--pu-field);border:1px solid var(--pu-rule);border-radius:10px}.pu-phone-bar{height:76px;display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--pu-field)}.pu-phone-bar,.pu-phone-nav{flex-shrink:0;border-top:1px solid var(--pu-rule)}.pu-phone-nav{height:64px;display:grid;grid-template-columns:repeat(5,1fr);background:var(--pu-paper)}.pu-phone-nav>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:13px;font-weight:600}.pu-phone-nav>span[data-on]{color:var(--pu-mark);font-weight:700}.pu-frame{--pu-cycle:9s}.pu-swap{display:inline-grid;justify-items:start}.pu-swap>*{grid-area:1/1;white-space:nowrap}.pu-swap>:nth-child(2){opacity:0}.pu-swap--end{justify-items:end}.pu-btn .pu-swap{justify-items:center}.pu-flash{position:relative}.pu-flash:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--pu-mark);opacity:0;pointer-events:none}.pu-hero-tile.pu-flash:after{background:var(--pu-action-fg)}.pu-sendbar{height:8px;margin-top:8px;overflow:clip;border-radius:4px;background:var(--pu-soft)}.pu-sendbar>span{display:block;height:100%;border-radius:4px;background:var(--pu-ok);transform-origin:left}.pu-toast{position:absolute;top:76px;right:28px;z-index:2;display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--pu-card);border:1px solid var(--pu-rule);border-radius:10px;box-shadow:0 10px 28px -14px rgb(0 0 0/.4);font-size:14px;line-height:18px;opacity:0}@media (prefers-reduced-motion:no-preference){@keyframes puRise{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes puSlide{0%{opacity:0;translate:-10px 0}to{opacity:1;translate:0 0}}@keyframes puFade{0%{opacity:0}to{opacity:1}}@keyframes puGrowX{0%{scale:0 1}to{scale:1 1}}@keyframes puGrowY{0%{scale:1 0}to{scale:1 1}}.pu-frame[data-entered] .pu-sb-row{animation:puSlide var(--motion-normal) var(--ease-smooth) backwards;animation-delay:calc(var(--pu-i, 0) * 28ms)}.pu-frame[data-entered] .pu-top{animation:puFade var(--motion-normal) var(--ease-smooth) backwards}.pu-frame[data-entered] :is(.pu-col,.pu-body,.pu-phone-body)>:not([class*=pu-arrive],.pu-toast){animation:puRise var(--motion-slow) var(--ease-smooth) backwards;animation-delay:calc(.12s + var(--pu-n, 0) * .06s)}:is(.pu-col,.pu-body,.pu-phone-body)>:nth-child(2){--pu-n:1}:is(.pu-col,.pu-body,.pu-phone-body)>:nth-child(3){--pu-n:2}:is(.pu-col,.pu-body,.pu-phone-body)>:nth-child(4){--pu-n:3}:is(.pu-col,.pu-body,.pu-phone-body)>:nth-child(5){--pu-n:4}:is(.pu-col,.pu-body,.pu-phone-body)>:nth-child(n+6){--pu-n:5}.pu-frame[data-entered] .pu-table tbody tr:not([class*=pu-arrive]){animation:puRise var(--motion-slow) var(--ease-smooth) backwards;animation-delay:calc(.22s + var(--pu-r, 0) * .05s)}.pu-table tbody tr:nth-child(2){--pu-r:1}.pu-table tbody tr:nth-child(3){--pu-r:2}.pu-table tbody tr:nth-child(4){--pu-r:3}.pu-table tbody tr:nth-child(5){--pu-r:4}.pu-table tbody tr:nth-child(n+6){--pu-r:5}.pu-frame[data-entered] .pu-chart-bar{transform-origin:bottom;animation:puGrowY var(--motion-slow) var(--ease-smooth) backwards;animation-delay:calc(.2s + var(--pu-b, 0) * .05s)}.pu-chart-col:nth-child(2){--pu-b:1}.pu-chart-col:nth-child(3){--pu-b:2}.pu-chart-col:nth-child(4){--pu-b:3}.pu-chart-col:nth-child(5){--pu-b:4}.pu-chart-col:nth-child(6){--pu-b:5}.pu-chart-col:nth-child(7){--pu-b:6}.pu-frame[data-entered] .pu-sendbar>span{animation:puGrowX 1.2s var(--ease-smooth) backwards}.pu-frame[data-entered] .pu-bar>span{transform-origin:left;animation:puGrowX var(--motion-slow) var(--ease-smooth) .3s backwards}@keyframes puIn1{0%,8%{opacity:0;translate:0 8px}13%,90%{opacity:1;translate:0 0}96%,to{opacity:0;translate:0 -4px}}@keyframes puIn2{0%,18%{opacity:0;translate:0 8px}23%,90%{opacity:1;translate:0 0}96%,to{opacity:0;translate:0 -4px}}@keyframes puAfter1{0%,14%{opacity:0;translate:0 7px}18%,90%{opacity:1;translate:0 0}96%,to{opacity:0;translate:0 7px}}@keyframes puBefore1{0%,14%{opacity:1;translate:0 0}18%,90%{opacity:0;translate:0 -7px}96%,to{opacity:1;translate:0 0}}@keyframes puAfter2{0%,24%{opacity:0;translate:0 7px}28%,90%{opacity:1;translate:0 0}96%,to{opacity:0;translate:0 7px}}@keyframes puBefore2{0%,24%{opacity:1;translate:0 0}28%,90%{opacity:0;translate:0 -7px}96%,to{opacity:1;translate:0 0}}@keyframes puFlash1{0%,8%{opacity:0}13%{opacity:.16}34%,to{opacity:0}}@keyframes puPress1{0%,3%{scale:1}6%{scale:.95}10%,to{scale:1}}@keyframes puFlashPress{0%,3%{opacity:0}6%{opacity:.22}12%,to{opacity:0}}@keyframes puPressPay{0%,60%{scale:1}63%{scale:.95}67%,to{scale:1}}@keyframes puFlipRest{0%,66%{opacity:1}70%,88%{opacity:0}94%,to{opacity:1}}@keyframes puFlipAlt{0%,66%{opacity:0}70%,88%{opacity:1}94%,to{opacity:0}}@keyframes puChipPop{0%,52%{scale:1}56%{scale:1.1}60%,to{scale:1}}@keyframes puToast{0%,8%{opacity:0;translate:12px 0}13%,76%{opacity:1;translate:0 0}84%,to{opacity:0;translate:12px 0}}.pu-frame[data-live] .pu-arrive-1{animation:puIn1 var(--pu-cycle) var(--ease-smooth) infinite backwards}.pu-frame[data-live] .pu-arrive-2{animation:puIn2 var(--pu-cycle) var(--ease-smooth) infinite backwards}.pu-frame[data-live] .pu-val-1>:first-child{animation:puAfter1 var(--pu-cycle) linear infinite backwards}.pu-frame[data-live] .pu-val-1>:nth-child(2){animation:puBefore1 var(--pu-cycle) linear infinite backwards}.pu-frame[data-live] .pu-val-2>:first-child{animation:puAfter2 var(--pu-cycle) linear infinite backwards}.pu-frame[data-live] .pu-val-2>:nth-child(2){animation:puBefore2 var(--pu-cycle) linear infinite backwards}.pu-frame[data-live] .pu-flash-1:after{animation:puFlash1 var(--pu-cycle) linear infinite backwards}.pu-frame[data-live] .pu-flash-press:after{animation:puFlashPress var(--pu-cycle) linear infinite backwards}.pu-frame[data-live] .pu-press-1{animation:puPress1 var(--pu-cycle) var(--ease-smooth) infinite backwards}.pu-frame[data-live] .pu-press-pay{animation:puPressPay var(--pu-cycle) var(--ease-smooth) infinite backwards}.pu-frame[data-live] .pu-flip>:first-child{animation:puFlipRest var(--pu-cycle) linear infinite backwards}.pu-frame[data-live] .pu-flip>:nth-child(2){animation:puFlipAlt var(--pu-cycle) linear infinite backwards}.pu-frame[data-live] .pu-chip-pop{animation:puChipPop var(--pu-cycle) var(--ease-smooth) infinite backwards}.pu-frame[data-live] .pu-toast{animation:puToast var(--pu-cycle) var(--ease-smooth) infinite backwards}}