:root{color-scheme:light;--bg:#f5f7f9;--surface:#fff;--surface-2:#f9fafb;--ink:#18252e;--muted:#626f7c;--line:#e3e8ec;--accent:#137c70;--accent-hover:#0f665c;--tint:#eaf6f2;--positive:#147453;--warning:#96601d;--warning-bg:#fff6e8;--danger:#b13e4a;--danger-bg:#fff0f1;--shadow:0 3px 12px #122a3910;--radius:12px;--sidebar:244px}
:root[data-theme=dark]{color-scheme:dark;--bg:#10171e;--surface:#17212b;--surface-2:#1b2732;--ink:#e7eef3;--muted:#a0b0bd;--line:#2a3743;--accent:#63d4bd;--accent-hover:#8be0cf;--tint:#163e37;--positive:#8ce0b9;--warning:#ebc180;--warning-bg:#382e1f;--danger:#f3a6b0;--danger-bg:#3b252d;--shadow:0 3px 12px #0002}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Public Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-1.05px;line-height:1.22;font-weight:680}h2{font-size:19px;letter-spacing:-.3px;font-weight:650}h3{font-size:17px;font-weight:650}p{color:var(--muted)}small,.small{font-size:14px}.muted{color:var(--muted)}.mono{font-variant-numeric:tabular-nums;font-feature-settings:'tnum';letter-spacing:.1px}.eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:12px;font-weight:750;color:var(--muted)}.icon{width:20px;height:20px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-lg{width:30px;height:30px}.skip{position:fixed;top:-70px;background:var(--surface);padding:12px;z-index:100}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.logo{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none!important}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:var(--accent);color:var(--surface);border-radius:10px}.brand-mark svg{width:23px;height:23px}.wordmark{font-size:21px;letter-spacing:-.8px;font-weight:750;line-height:1.2}.brand-sub{font-size:11px;letter-spacing:1.1px;color:var(--muted);margin-top:4px}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--surface);border-right:1px solid var(--line);padding:28px 18px 20px;display:flex;flex-direction:column;z-index:30}.sidebar .logo{padding:0 10px 28px}.workspace-card{display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);padding:12px;border-radius:9px;margin-bottom:28px}.workspace-avatar,.avatar{width:34px;height:34px;display:grid;place-items:center;background:var(--tint);color:var(--accent);border:1px solid var(--line);border-radius:9px;font-size:14px;font-weight:700;flex-shrink:0}.workspace-card strong{display:block;font-size:14px}.workspace-card span{display:block;font-size:12px;color:var(--muted)}.nav-section{padding:0 12px 8px;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--muted);font-weight:700}.nav-section.spaced{margin-top:25px}.nav-link{display:flex;align-items:center;gap:12px;min-height:45px;padding:10px 12px;border-radius:7px;color:var(--muted);font-size:14px;font-weight:550;margin-bottom:3px;text-decoration:none!important}.nav-link:hover{background:var(--surface-2);color:var(--ink)}.nav-link.active{background:var(--tint);color:var(--accent);font-weight:650}.sidebar-bottom{margin-top:auto;padding-top:25px}.sidebar-foot{font-size:11px;color:var(--muted);padding:18px 12px 0}.app-main{margin-left:var(--sidebar)}.topbar{height:76px;background:var(--surface);border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:18px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--muted)}.breadcrumb strong{color:var(--ink);font-weight:550}.top-actions{display:flex;align-items:center;gap:14px}.top-actions .avatar{border-radius:50%}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:8px}.icon-button:hover{background:var(--surface-2);color:var(--ink)}.theme-sun{display:none}[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}.content{max-width:1580px;padding:36px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-heading p{margin-top:8px;font-size:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;border-radius:8px;padding:11px 17px;min-height:44px;font-size:14px;font-weight:650;text-decoration:none!important;white-space:nowrap}.button:hover{background:var(--accent-hover);border-color:var(--accent-hover)}[data-theme=dark] .button:not(.secondary):not(.danger){color:#102c26}.button.secondary{background:var(--surface);color:var(--ink);border-color:var(--line)}.button.secondary:hover{background:var(--surface-2)}.button.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.button.wide{width:100%;font-size:16px;padding:14px 18px}.button.small{min-height:36px;padding:7px 12px;font-size:13px}.text-link{font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:7px}.row{display:flex;align-items:center;gap:12px}.spread{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:20px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:22px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.panel-pad{padding:24px}.panel-header{padding:21px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:16px}.panel-header p{margin-top:4px;font-size:14px}.panel-footer{padding:15px 24px;border-top:1px solid var(--line);background:var(--surface-2)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:26px}.metric{padding:22px 24px}.metric-label{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--muted);gap:8px}.metric-icon{color:var(--muted)}.metric-value{font-size:30px;font-weight:670;letter-spacing:-1px;margin:14px 0 7px;line-height:1.2}.metric-value.money{font-size:26px}.metric-note{font-size:12px;color:var(--muted)}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(270px,1fr);gap:24px}.onboarding{margin-bottom:26px}.onboard-title{padding:22px 24px 0}.onboard-title p{margin-top:5px;font-size:14px}.setup-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:20px 24px 24px;gap:22px}.setup-item{display:flex;gap:12px}.step-number{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:13px;flex-shrink:0}.step-number.done{background:var(--tint);border-color:transparent;color:var(--accent)}.setup-item strong{display:block;font-size:14px}.setup-item p{font-size:13px;margin-top:3px}.setup-item a{font-size:13px;display:inline-block;margin-top:8px;font-weight:600}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;white-space:nowrap}th{color:var(--muted);text-align:left;font-weight:550;font-size:12px;background:var(--surface-2);padding:13px 24px;border-bottom:1px solid var(--line)}td{padding:17px 24px;border-bottom:1px solid var(--line)}tr:last-child td{border-bottom:0}td .sub{display:block;color:var(--muted);font-size:12px;margin-top:2px}.amount{text-align:right;font-variant-numeric:tabular-nums}.tag{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:4px 8px;font-size:12px;line-height:1.5;background:var(--surface-2);border:1px solid var(--line);color:var(--muted);white-space:nowrap}.tag:before{content:'';height:5px;width:5px;background:currentColor;border-radius:50%}.tag.green{background:var(--tint);color:var(--positive);border-color:transparent}.tag.amber{background:var(--warning-bg);color:var(--warning);border-color:transparent}.tag.red{background:var(--danger-bg);color:var(--danger);border-color:transparent}.empty{text-align:center;padding:55px 28px}.empty .empty-mark{width:52px;height:52px;display:grid;place-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;color:var(--muted);margin:0 auto 16px}.empty h3{margin-bottom:6px}.empty p{font-size:14px;max-width:360px;margin:auto}.empty .button{margin-top:20px}.summary-line{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line);font-size:14px}.summary-line:last-child{border-bottom:0}.summary-line span{color:var(--muted)}.summary-line strong{font-weight:600;text-align:right}.alert{border:1px solid var(--line);background:var(--surface);padding:14px 18px;border-radius:9px;margin-bottom:22px;font-size:14px;display:flex;align-items:flex-start;gap:10px}.alert.success{color:var(--positive);background:var(--tint);border-color:transparent}.alert.warning{color:var(--warning);background:var(--warning-bg);border-color:transparent}.alert.error{color:var(--danger);background:var(--danger-bg);border-color:transparent}.alert ul{margin:0;padding-left:18px}.toolbar{padding:18px 24px;border-bottom:1px solid var(--line);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{max-width:300px}.toolbar label{margin:0}.field label{display:block;font-size:14px;font-weight:550;margin-bottom:7px}.field input,.field select,.field textarea,input.control,select.control{width:100%;border:1px solid var(--line);border-radius:7px;background:var(--surface);color:var(--ink);padding:10px 12px;min-height:44px;font-size:15px}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:2px solid var(--tint);outline-offset:1px}.field input::placeholder{color:var(--muted);opacity:.7}.field small{display:block;color:var(--muted);margin-top:6px;font-size:12px}.field textarea{resize:vertical;min-height:85px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid .span-2{grid-column:span 2}.form-section{padding:24px;border-bottom:1px solid var(--line)}.form-section h2{margin-bottom:6px}.form-section>p{font-size:14px;margin-bottom:22px}.form-actions{padding:20px 24px;display:flex;gap:12px;justify-content:flex-end}.check{display:flex!important;align-items:flex-start;gap:9px;font-size:14px;font-weight:450!important}.check input{width:17px;height:17px;min-height:0;margin:3px 0 0;accent-color:var(--accent);flex-shrink:0}.checks{display:flex;gap:20px;flex-wrap:wrap}.disclosure{border-top:1px solid var(--line)}.disclosure>summary{padding:20px 24px;cursor:pointer;font-size:15px;font-weight:600}.disclosure .form-grid{padding:0 24px 24px}.details-form summary{cursor:pointer;font-size:14px;color:var(--accent);font-weight:600;padding:10px 0}.compact-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:8px}.compact-form input{width:170px!important;min-height:36px!important;font-size:13px!important}.rule-card{margin-top:20px;padding:18px;background:var(--tint);border-radius:9px}.rule-card p{font-size:13px;color:var(--accent)}.inline-note{font-size:13px;color:var(--muted);margin-top:12px}.pagination{padding:20px 24px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.pagination .row{gap:8px}.nav-overlay,.mobile-menu{display:none}.private-text{white-space:pre-wrap;overflow-wrap:anywhere}.divider{height:1px;background:var(--line);margin:22px 0}.public-body{min-height:100vh;background:var(--bg)}.public-header{height:96px;max-width:1200px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between}.public-header .brand-sub{font-size:10px}.public-container{max-width:1000px;margin:20px auto 60px;padding:0 28px}.public-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;min-height:530px}.public-intro h1{font-size:44px;letter-spacing:-1.6px;line-height:1.15;margin:18px 0}.public-intro p{font-size:17px;max-width:370px;line-height:1.7}.intro-line{margin-top:36px;display:flex;gap:12px;align-items:center;color:var(--muted);font-size:14px}.intro-line .icon{color:var(--accent)}.pay-card{padding:30px}.pay-card h1,.pay-card h2{font-size:23px;letter-spacing:-.6px}.pay-card>p{font-size:14px;margin:8px 0 26px}.pay-form{display:grid;gap:20px}.pay-help{font-size:13px;color:var(--muted);text-align:center;margin-top:18px}.public-footer{max-width:1100px;margin:auto;padding:24px 32px;display:flex;justify-content:space-between;font-size:12px;color:var(--muted);border-top:1px solid var(--line)}.customer-container{max-width:740px;margin:32px auto 70px;padding:0 24px}.customer-heading{margin:24px 0}.customer-heading h1{font-size:28px}.customer-heading p{font-size:15px;margin-top:7px}.bill-hero{padding:30px}.bill-hero .bill-amount{font-size:40px;letter-spacing:-1.5px;line-height:1.2;margin:8px 0 20px;font-weight:650}.bill-hero .summary-line{font-size:15px}.bill-actions{margin-top:22px}.segmented{display:inline-flex;padding:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;gap:4px}.segmented button{border:0;background:transparent;padding:7px 14px;font-size:13px;color:var(--muted);border-radius:5px}.segmented button.selected{background:var(--surface);box-shadow:var(--shadow);color:var(--ink);font-weight:600}.state-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--tint);color:var(--accent);margin:0 auto 22px}.result{text-align:center;padding:40px 28px}.result h1{font-size:25px}.result p{font-size:15px;max-width:450px;margin:15px auto 25px}.receipt{max-width:760px;margin:45px auto;background:var(--surface);padding:45px;border:1px solid var(--line);border-radius:12px}.receipt h1{margin:35px 0 12px}.receipt .total{font-size:23px}.login-container{max-width:440px;margin:50px auto;padding:0 20px}.account-info{font-size:12px;color:var(--muted);text-align:right}.account-info strong{display:block;color:var(--ink);font-size:13px}
@media(min-width:1500px){.content{padding:40px 44px}.metric-value.money{font-size:29px}}
@media(max-width:1180px){:root{--sidebar:216px}.content{padding:28px 24px}.topbar{padding:0 24px}.metrics{gap:12px}.metric{padding:20px 16px}.metric-value.money{font-size:23px}.dashboard-columns{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.public-layout{gap:45px}}
@media(max-width:850px){:root{--sidebar:244px}.sidebar{transform:translateX(-100%);transition:transform .18s}.app-main{margin-left:0}.nav-open .sidebar{transform:translateX(0)}.nav-open .nav-overlay{display:block;position:fixed;inset:0;background:#0007;z-index:25}.mobile-menu{display:inline-flex}.topbar{height:68px;padding:0 18px}.breadcrumb{display:none}.metrics{grid-template-columns:1fr 1fr}.metric-value.money{font-size:27px}.content{padding:28px 20px}.setup-grid{grid-template-columns:1fr;gap:20px}.public-layout{grid-template-columns:1fr;gap:30px;min-height:0;max-width:480px;margin:auto}.public-intro{padding-top:10px}.public-intro h1{font-size:34px}.public-intro p{font-size:15px}.intro-line{display:none}.public-header{height:86px;padding:20px 24px}.public-container{margin-top:10px}.public-footer{font-size:11px}.public-intro .eyebrow{display:none}.account-info{display:none}}
@media(max-width:580px){h1{font-size:26px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:23px}.page-heading p{font-size:14px}.page-heading>.button{width:100%}.metrics{gap:12px}.metric{padding:17px 14px}.metric-label{font-size:12px}.metric-icon{display:none}.metric-value,.metric-value.money{font-size:23px}.metric-note{font-size:11px}.grid-2,.grid-3,.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.panel-pad,.form-section{padding:20px}.panel-header{padding:18px 20px}.toolbar{padding:16px 20px}.toolbar input,.toolbar select{max-width:none}.toolbar .button{width:100%}th,td{padding-left:20px;padding-right:20px}.top-actions{gap:6px}.top-actions>.text-link{font-size:12px}.top-actions>.text-link .icon{display:none}.bill-hero{padding:24px}.bill-hero .bill-amount{font-size:34px}.public-header .text-link{font-size:12px}.public-container{padding:0 20px}.pay-card{padding:24px}.public-intro h1{font-size:30px;margin:12px 0}.public-footer{display:block;text-align:center;padding:20px}.public-footer span{display:block;margin:4px 0}.customer-container{padding:0 18px;margin-top:20px}.customer-heading h1{font-size:25px}.receipt{margin:20px 12px;padding:24px}.checks{flex-direction:column}.content{padding:24px 16px}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.sidebar,.topbar,.public-header,.public-footer,.no-print,.button{display:none!important}body,.public-body{background:#fff!important;color:#111!important}.receipt{border:0;margin:0;max-width:none;border-radius:0;background:#fff;padding:15mm}.app-main{margin:0}:root{--ink:#111;--muted:#555;--line:#ddd;--surface:#fff;--accent:#137c70}.tag{color:#111;background:#fff}}

.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}

/* Direct QRIS */
.qris-warning{
    max-width:460px;
    margin:22px auto 18px;
    text-align:left;
}
.qris-frame{
    width:min(320px,100%);
    margin:20px auto;
    padding:18px;
    background:#fff;
    border:1px solid var(--line);
    border-radius:14px;
}
.qris-image{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1/1;
    object-fit:contain;
}
.qris-summary{
    max-width:460px;
    margin:24px auto 0;
    text-align:left;
}
.qris-summary .summary-line{
    font-size:15px;
}
.qris-total{
    font-size:16px!important;
}
.qris-total strong{
    font-size:18px;
}
.qris-status-note{
    margin:18px auto 0!important;
    font-size:13px!important;
    color:var(--muted);
}

/* Direct QRIS - compact single viewport */
.qris-result{
    padding:26px 28px 24px;
}

.qris-result .eyebrow{
    margin-bottom:4px;
}

.qris-result h1{
    font-size:23px;
    margin-top:4px!important;
}

.qris-result > p{
    margin:10px auto 14px;
    line-height:1.55;
}

.qris-result .qris-warning{
    max-width:460px;
    margin:14px auto 12px;
    padding:11px 15px;
}

.qris-result .qris-frame{
    width:min(240px,72vw);
    margin:12px auto 14px;
    padding:10px;
    border-radius:12px;
}

.qris-result .qris-image{
    width:100%;
    aspect-ratio:1/1;
}

.qris-result .qris-summary{
    max-width:460px;
    margin:8px auto 0;
}

.qris-result .qris-summary .summary-line{
    padding:9px 0;
    font-size:14px;
}

.qris-result .qris-total strong{
    font-size:16px;
}

.qris-result .qris-status-note{
    margin:12px auto 0!important;
    font-size:12px!important;
}

.qris-result > div:last-child{
    margin-top:14px!important;
}

@media (min-width:581px){
    .customer-container{
        margin-top:18px;
        margin-bottom:34px;
    }
}

@media (max-width:580px){
    .qris-result{
        padding:22px 20px;
    }

    .qris-result .qris-frame{
        width:min(230px,76vw);
    }

    .qris-result .qris-warning{
        margin-top:12px;
    }
}

/* Direct Virtual Account UI */

.sr-only{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important
}

.payment-selector{
    margin-top:6px;
    padding-top:20px;
    border-top:1px solid var(--line)
}

.payment-selector-heading{
    margin-bottom:14px
}

.payment-selector-heading h3{
    margin-top:4px
}

.payment-method-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px
}

.payment-method-card{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    gap:16px;
    min-width:0;
    padding:17px;
    border:1px solid var(--line);
    border-radius:10px;
    background:var(--surface-2)
}

.payment-method-title strong{
    display:block;
    font-size:15px
}

.payment-method-title span{
    display:block;
    margin-top:3px;
    color:var(--muted);
    font-size:12px
}

.va-form{
    display:grid;
    gap:9px
}

.va-form .control{
    background:var(--surface)
}

.payment-unavailable{
    padding:12px;
    border:1px dashed var(--line);
    border-radius:8px;
    color:var(--muted);
    font-size:12px
}

.payment-fee-note{
    margin-top:14px
}

.active-payment-card{
    padding-top:20px;
    border-top:1px solid var(--line)
}

.active-payment-card strong{
    display:block;
    margin-top:4px;
    font-size:16px
}

.active-payment-card p{
    margin:5px 0 14px;
    font-size:13px
}

.va-result{
    padding:28px
}

.va-result > p{
    margin:10px auto 15px
}

.va-warning{
    max-width:480px;
    margin:14px auto;
    text-align:left
}

.va-number-card{
    max-width:480px;
    margin:16px auto 12px;
    padding:17px 18px;
    border:1px solid var(--line);
    border-radius:11px;
    background:var(--surface-2)
}

.va-number-card > span{
    display:block;
    color:var(--muted);
    font-size:12px
}

.va-number{
    display:block;
    margin:7px 0 13px;
    font-size:28px;
    line-height:1.25;
    letter-spacing:1.2px;
    overflow-wrap:anywhere
}

.direct-summary{
    max-width:480px;
    margin:8px auto 0;
    text-align:left
}

.direct-summary .summary-line{
    padding:9px 0;
    font-size:14px
}

.direct-total strong{
    font-size:16px
}

.direct-status-note{
    margin:12px auto 0!important;
    font-size:12px!important
}

@media(max-width:580px){
    .payment-method-grid{
        grid-template-columns:1fr
    }

    .payment-method-card{
        padding:15px
    }

    .va-result{
        padding:22px 20px
    }

    .va-number{
        font-size:23px
    }
}

/* KYOMINET_PARTIAL_PAYOUT_V1 */
.nav-badge{
    margin-left:auto;
    min-width:22px;
    height:22px;
    padding:0 7px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:var(--warning-bg);
    color:var(--warning);
    font-size:11px;
    font-weight:750
}

.nav-link.active .nav-badge{
    background:var(--surface);
    color:var(--accent)
}

.payout-preview{
    margin-top:16px;
    padding:0 14px;
    border:1px solid var(--line);
    border-radius:8px;
    background:var(--surface-2)
}

.payout-attention strong{
    display:block;
    margin-bottom:2px
}