body.ux-v109-payment .v109-page{display:flex;flex-direction:column;gap:16px;padding-bottom:88px}
body.ux-v109-payment .v109-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:22px;border:1px solid rgba(96,165,250,.24);border-radius:20px;background:linear-gradient(135deg,rgba(29,36,74,.98),rgba(11,32,50,.98));box-shadow:0 16px 38px rgba(2,6,23,.18)}
body.ux-v109-payment .v109-eyebrow{display:inline-flex;padding:6px 10px;border:1px solid rgba(103,232,249,.26);border-radius:999px;background:rgba(8,145,178,.11);color:#9eeaf8;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
body.ux-v109-payment .v109-hero h2{margin:10px 0 5px;color:#f7f9ff;font-size:25px;line-height:1.08}
body.ux-v109-payment .v109-hero p{max-width:820px;margin:0;color:#a6b3ca;font-size:10px;line-height:1.55}
body.ux-v109-payment .v109-coverage{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:9px 12px;border:1px solid rgba(16,185,129,.24);border-radius:12px;background:rgba(16,185,129,.09);color:#9af0cf;font-size:9px;font-weight:850}
body.ux-v109-payment .v109-filter-panel{padding:16px;border:1px solid rgba(96,165,250,.18);border-radius:18px;background:linear-gradient(180deg,#111b30,#0c1628)}
body.ux-v109-payment .v109-filter-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
body.ux-v109-payment .v109-filter-head strong{display:block;color:#f3f6ff;font-size:14px}
body.ux-v109-payment .v109-filter-head span{display:block;margin-top:4px;color:#8e9db8;font-size:9px;line-height:1.45}
body.ux-v109-payment .v109-filters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
body.ux-v109-payment .v109-field label{display:block;margin-bottom:6px;color:#8796b1;font-size:8px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
body.ux-v109-payment .v109-field select{width:100%;min-height:42px;border:1px solid rgba(148,163,184,.18);border-radius:10px;background:#111c31;color:#edf3ff;padding:0 10px;font:inherit;font-size:10px}
body.ux-v109-payment .v109-btn{min-height:38px;padding:8px 12px;border:1px solid rgba(96,165,250,.22);border-radius:10px;background:rgba(37,99,235,.09);color:#dceaff;font:inherit;font-size:9px;font-weight:850;cursor:pointer}
body.ux-v109-payment .v109-btn:hover{border-color:rgba(96,165,250,.48);background:rgba(37,99,235,.16)}
body.ux-v109-payment .v109-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
body.ux-v109-payment .v109-kpi{min-width:0;min-height:126px;padding:15px 16px;border:1px solid rgba(96,165,250,.16);border-radius:16px;background:linear-gradient(180deg,#141f35,#10192c);position:relative;overflow:hidden}
body.ux-v109-payment .v109-kpi:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--tone,#3b82f6),#8b5cf6)}
body.ux-v109-payment .v109-kpi small{display:block;color:#8f9db7;font-size:8px;font-weight:900;letter-spacing:.055em;text-transform:uppercase}
body.ux-v109-payment .v109-kpi strong{display:block;margin-top:10px;color:#f5f7ff;font-size:clamp(21px,1.65vw,29px);line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.ux-v109-payment .v109-kpi span{display:block;margin-top:8px;color:#9dabc4;font-size:9px;line-height:1.45}
body.ux-v109-payment .v109-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
body.ux-v109-payment .v109-card{min-width:0;padding:18px;border:1px solid rgba(96,165,250,.16);border-radius:18px;background:linear-gradient(180deg,#121d32,#0e182b)}
body.ux-v109-payment .v109-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}
body.ux-v109-payment .v109-card-head strong{display:block;color:#f3f6ff;font-size:14px}
body.ux-v109-payment .v109-card-head span{display:block;margin-top:4px;color:#8b9ab5;font-size:9px;line-height:1.45}
body.ux-v109-payment .v109-bars{display:flex;flex-direction:column;gap:11px}
body.ux-v109-payment .v109-bar-row{display:grid;grid-template-columns:minmax(125px,180px) minmax(120px,1fr) 80px;align-items:center;gap:10px}
body.ux-v109-payment .v109-bar-row b{color:#dfe7f7;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ux-v109-payment .v109-track{height:12px;border-radius:999px;background:#1d293d;overflow:hidden}
body.ux-v109-payment .v109-track i{display:block;height:100%;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,var(--c,#8b5cf6),#22d3ee)}
body.ux-v109-payment .v109-bar-value{text-align:right;color:#eef4ff;font-size:10px;font-weight:850;font-variant-numeric:tabular-nums}
body.ux-v109-payment .v109-status-row{display:grid;grid-template-columns:minmax(125px,180px) minmax(160px,1fr) 72px;align-items:center;gap:10px;margin-bottom:11px}
body.ux-v109-payment .v109-status-row b{color:#dfe7f7;font-size:10px}
body.ux-v109-payment .v109-stack{display:flex;height:14px;border-radius:999px;overflow:hidden;background:#1d293d}
body.ux-v109-payment .v109-stack i{height:100%;min-width:0}
body.ux-v109-payment .v109-paid{background:#10b981}.v109-pending{background:#f59e0b}.v109-cancelled{background:#ef476f}.v109-unknown{background:#64748b}
body.ux-v109-payment .v109-legend{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px;color:#8fa0bb;font-size:8px}
body.ux-v109-payment .v109-legend span:before{content:"";display:inline-block;width:8px;height:8px;margin-right:5px;border-radius:3px;background:var(--c);vertical-align:-1px}
body.ux-v109-payment .v109-month-row{display:grid;grid-template-columns:70px minmax(160px,1fr) 68px;align-items:center;gap:10px;margin-bottom:10px}
body.ux-v109-payment .v109-month-row b{color:#cbd7ea;font-size:9px}
body.ux-v109-payment .v109-month-stack{display:flex;height:14px;border-radius:999px;overflow:hidden;background:#1d293d}
body.ux-v109-payment .v109-month-stack i{height:100%;min-width:1px}
body.ux-v109-payment .v109-table-wrap{overflow:auto;max-height:500px;border:1px solid rgba(148,163,184,.13);border-radius:13px;background:#0d1628;scrollbar-gutter:stable}
body.ux-v109-payment .v109-table{width:100%;border-collapse:collapse;min-width:1040px;font-variant-numeric:tabular-nums}
body.ux-v109-payment .v109-table th{position:sticky;top:0;z-index:2;padding:11px 12px;background:#131d32;color:#95a5bf;font-size:8px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;text-align:left;border-bottom:1px solid rgba(148,163,184,.14)}
body.ux-v109-payment .v109-table td{padding:11px 12px;color:#dbe4f3;font-size:9px;border-bottom:1px solid rgba(148,163,184,.09)}
body.ux-v109-payment .v109-table tr:hover td{background:rgba(37,99,235,.04)}
body.ux-v109-payment .v109-table .num{text-align:right;white-space:nowrap}.v109-good{color:#5ee7bc!important}.v109-warn{color:#f7c873!important}
body.ux-v109-payment .v109-method-pill{display:inline-flex;padding:5px 8px;border:1px solid rgba(139,92,246,.25);border-radius:999px;background:rgba(124,58,237,.09);color:#ddd6fe;font-size:8px;font-weight:850;white-space:nowrap}
body.ux-v109-payment .v109-empty{padding:34px;text-align:center;color:#8392ad;font-size:10px}
body.ux-v109-payment .v109-audit-card{margin-top:14px;padding:16px;border:1px solid rgba(103,232,249,.18);border-radius:16px;background:linear-gradient(180deg,#111c31,#0d1729)}
body.ux-v109-payment .v109-audit-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
body.ux-v109-payment .v109-audit-item{padding:12px;border:1px solid rgba(148,163,184,.12);border-radius:12px;background:#101a2d}
body.ux-v109-payment .v109-audit-item small{display:block;color:#8494af;font-size:8px;font-weight:900;text-transform:uppercase}.v109-audit-item strong{display:block;margin-top:6px;color:#f2f6ff;font-size:18px}
@media(max-width:1250px){body.ux-v109-payment .v109-filters{grid-template-columns:repeat(3,minmax(0,1fr))}body.ux-v109-payment .v109-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body.ux-v109-payment .v109-grid-2{grid-template-columns:1fr}body.ux-v109-payment .v109-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}body.ux-v109-payment .v109-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){body.ux-v109-payment .v109-kpis,body.ux-v109-payment .v109-filters,body.ux-v109-payment .v109-audit-grid{grid-template-columns:1fr}body.ux-v109-payment .v109-hero{flex-direction:column}}