.sc-payments{position:relative;width:1100px;height:720px;font-family:var(--font-product)}.sc-payments .bar .search{width:340px;white-space:nowrap;overflow:hidden}.sc-payments .bar .meta{margin-left:auto;gap:10px}.tour-scene.sc-payments .tbl{border-radius:14px;background:var(--m-card)}.tour-scene.sc-payments .tbl th{font-size:9.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--m-faint)}.sc-payments .tbl td{padding:7px 12px;vertical-align:top}.sc-payments .tbl td>b{display:block;font-weight:600;white-space:nowrap}.sc-payments .tbl td .sub{white-space:nowrap}.sc-payments td.no{font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.sc-payments td.amt{font-weight:700;white-space:nowrap}.sc-payments td.amt.muted{font-weight:600}.sc-payments .op{display:flex;align-items:center;gap:10px}.sc-payments .op i{flex:none;width:30px;height:30px;border-radius:8px;display:grid;place-items:center;background:var(--m-muted);color:var(--m-muted-fg)}.sc-payments .op i svg{width:15px;height:15px}.sc-payments .op i.active{background:color-mix(in oklch,var(--m-active) 15%,transparent);color:var(--m-active)}.sc-payments .op i.success{background:color-mix(in oklch,var(--m-success) 15%,transparent);color:var(--m-success)}.sc-payments .op i.info{background:color-mix(in oklch,var(--m-info) 15%,transparent);color:var(--m-info)}.sc-payments .op i.pending{background:color-mix(in oklch,var(--m-warning) 15%,transparent);color:var(--m-warning)}.sc-payments .op i.danger{background:color-mix(in oklch,var(--m-danger) 15%,transparent);color:var(--m-danger)}.sc-payments .op>span b{display:block;font-weight:600;white-space:nowrap}.sc-payments .tbl td .op .sub{display:inline-flex;align-items:center;gap:4px}.sc-payments .op .sub svg{width:12px;height:12px;color:var(--m-faint)}.sc-payments tr.new{display:none}.sc-payments tr.new.in{display:table-row}.sc-payments tr.new.in td{animation:tour-rise .35s ease-out both}.sc-payments tr.new.flash td{background:color-mix(in oklch,var(--m-success) 12%,transparent)}.sc-payments tr.hover td{background:var(--m-muted)}.sc-payments .fld.rel{position:relative}.sc-payments .fld.rel .menu{top:100%;left:0;right:0}.sc-payments .fld label s{text-decoration:none;color:var(--m-danger)}.sc-payments .menu .msearch{display:flex;align-items:center;gap:8px;height:32px;padding:0 8px;margin-bottom:4px;border-bottom:1px solid var(--m-border);font-size:12.5px;color:var(--m-faint)}.sc-payments .menu .msearch svg{width:13px;height:13px}.sc-payments .menu .bopt{height:auto;padding:5px 8px;gap:8px}.sc-payments .menu .bopt>span{flex:1;min-width:0}.sc-payments .menu .bopt b{display:block;font-weight:600;font-variant-numeric:tabular-nums}.sc-payments .menu .bopt .sub{display:block;font-size:11px;color:var(--m-muted-fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sc-payments .menu .bopt em{font-style:normal;font-size:11.5px;color:var(--m-muted-fg);white-space:nowrap}.sc-payments .chip{display:none;align-self:flex-start;align-items:center;height:22px;padding:0 8px;border:1px solid var(--m-border);border-radius:6px;font-size:11px;color:var(--m-muted-fg)}.sc-payments .chip.on,.sc-payments .dlg .chip{display:inline-flex}.sc-payments .sheet .sb{gap:12px}.sc-payments .dlg .held{display:block;font-size:12px;line-height:1.4;color:var(--m-muted-fg)}.sc-payments .ways{display:flex;flex-direction:column;gap:8px}.sc-payments .wg{display:flex;flex-direction:column;gap:4px}.sc-payments .wh{display:flex;align-items:baseline;gap:6px;font-size:11px;line-height:14px}.sc-payments .wh b{font-weight:700}.sc-payments .wh span{color:var(--m-muted-fg)}.sc-payments .way{display:flex;align-items:center;gap:8px;height:30px;padding:0 10px;border:1px solid var(--m-border);border-radius:7px;background:var(--m-card);font-size:12.5px;transition:border-color .2s,background .2s,box-shadow .2s}.sc-payments .way svg{width:14px;height:14px;color:var(--m-muted-fg);flex:none}.sc-payments .way.hover{background:var(--m-muted)}.sc-payments .way.pick{border-color:var(--m-brand);box-shadow:0 0 0 3px color-mix(in oklch,var(--m-brand) 25%,transparent)}.sc-payments .inp.ta{min-height:44px}.sc-payments .inp .val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-payments .inp.ta .val{white-space:normal}.sc-payments .detail{position:absolute;inset:48px 0 0;z-index:10;padding:14px 20px;background:var(--m-bg);display:flex;flex-direction:column;gap:12px;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s}.sc-payments .detail.on{opacity:1;visibility:visible;transition:opacity .3s}.sc-payments .dh{display:flex;align-items:center;gap:10px;width:820px;margin:0 auto;flex:none}.sc-payments .dh h1{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em}.sc-payments .dh .sp{flex:1}.sc-payments .btn.danger{border-color:color-mix(in oklch,var(--m-danger) 40%,transparent);color:var(--m-danger)}.sc-payments .btn.gone{display:none}.sc-payments .btn.destr{background:var(--m-danger);border-color:var(--m-danger);color:#fff}.sc-payments .btn.sm{height:26px;padding:0 8px;font-size:11.5px}.sc-payments .card{width:820px;margin:0 auto;flex:none;border:1px solid var(--m-border);border-radius:10px;background:var(--m-card);overflow:hidden}.sc-payments .chd{padding:12px 18px 10px;border-bottom:1px solid var(--m-border)}.sc-payments .kicker{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted-fg)}.sc-payments .kicker em{font-style:normal;color:var(--m-fg)}.sc-payments .chd h2{margin:2px 0 0;font-size:15px;font-weight:700;letter-spacing:-.01em}.sc-payments .chd p{margin:2px 0 0;font-size:12px;color:var(--m-muted-fg)}.sc-payments .kpi{display:flex;align-items:baseline;justify-content:space-between;padding:7px 18px;border-bottom:1px solid var(--m-border)}.sc-payments .kpi span{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--m-muted-fg)}.sc-payments .kpi b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.sc-payments .kpi b.muted{color:var(--m-muted-fg)}.sc-payments .kpi b.warn{color:var(--m-warning)}.sc-payments .extra:not(.on){display:none}.sc-payments .extra.on{display:flex;animation:tour-rise .35s ease-out both}.sc-payments .callout{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;border-bottom:1px solid var(--m-border)}.sc-payments .callout .big{display:flex;align-items:center;gap:6px;margin-top:3px;font-size:15px;font-weight:600}.sc-payments .callout .big svg{width:15px;height:15px;color:var(--m-muted-fg)}.sc-payments .callout .big svg.chev{width:13px;height:13px}.sc-payments .metal{padding:6px 18px 8px}.sc-payments .mrow{display:grid;grid-template-columns:18px 110px 1fr;align-items:center;gap:8px;min-height:28px;font-size:12.5px}.sc-payments .mrow>svg{width:14px;height:14px;color:var(--m-muted-fg)}.sc-payments .mrow>span:first-of-type{color:var(--m-muted-fg)}.sc-payments .mrow u{justify-self:start;text-decoration:none;border-bottom:1px dashed color-mix(in oklch,var(--m-fg) 40%,transparent)}.sc-payments .mrow small{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:11.5px;color:var(--m-muted-fg)}.sc-payments .mrow small svg{width:11px;height:11px}.sc-payments .tl{padding:8px 18px 10px;display:flex;flex-direction:column;gap:6px}.sc-payments .ev{display:grid;grid-template-columns:12px 150px 1fr;align-items:center;gap:10px;font-size:12.5px}.sc-payments .ev i{width:8px;height:8px;border-radius:50%;background:var(--m-faint)}.sc-payments .ev i.success{background:var(--m-success)}.sc-payments .ev i.pending{background:var(--m-warning)}.sc-payments .ev b{font-weight:600}.sc-payments .ev span{color:var(--m-muted-fg);font-variant-numeric:tabular-nums}.sc-payments .ev.extra.on{display:grid}.sc-payments .dlg{position:absolute;z-index:30;top:50%;left:50%;width:460px;transform:translate(-50%,-46%);background:var(--m-pop);border:1px solid var(--m-border);border-radius:12px;box-shadow:var(--m-shadow-pop);opacity:0;visibility:hidden;transition:opacity .25s,transform .25s,visibility 0s .25s}.sc-payments .dlg.on{opacity:1;visibility:visible;transform:translate(-50%,-50%);transition:opacity .25s,transform .25s}.sc-payments .dlh{padding:16px 20px 12px;border-bottom:1px solid var(--m-border)}.sc-payments .dlh h2{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em}.sc-payments .dlh p{margin:4px 0 0;font-size:12.5px;color:var(--m-muted-fg)}.sc-payments .dlb{padding:14px 20px;display:flex;flex-direction:column;gap:12px}.sc-payments .dlf{padding:12px 20px;border-top:1px solid var(--m-border);display:flex;justify-content:flex-end;gap:8px}
