/* BUILD323 - Electronic Payment PDF Report Center */
#app .electronicReportCenter323{border:1px solid #b8d8cb;background:linear-gradient(145deg,#08291f 0%,#0d4938 58%,#126b50 100%);color:#fff;box-shadow:0 16px 36px rgba(6,54,39,.18);overflow:hidden;position:relative}
#app .electronicReportCenter323:before{content:"";position:absolute;right:-90px;top:-120px;width:270px;height:270px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}
#app .electronicHead323{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;position:relative;z-index:1}
#app .electronicHead323 h2{margin:3px 0 6px;color:#fff;font-size:20px;letter-spacing:.2px}
#app .electronicHead323 p{margin:0;max-width:900px;color:#d6ebe2;font-size:12px;font-weight:650;line-height:1.5}
#app .electronicEyebrow323{display:inline-block;font-size:10px;font-weight:900;letter-spacing:1.1px;color:#ffdb74}
#app .electronicMonth323{min-width:225px;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:14px;background:rgba(255,255,255,.09);backdrop-filter:blur(4px)}
#app .electronicMonth323 label{display:block;color:#fff;font-size:10px;font-weight:900;letter-spacing:.4px}
#app .electronicMonth323 input{display:block;width:100%;margin-top:6px;min-height:40px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:#fff;color:#111;padding:7px 9px;font-weight:900}
#app .electronicMonth323 button{width:100%;margin-top:8px;min-height:38px;border:0;border-radius:9px;background:#ffcf5a;color:#241c04;font-weight:900}
#app .electronicMethodGrid323{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:16px 0 14px;position:relative;z-index:1}
#app .electronicMethod323{min-height:112px;padding:12px 10px;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.1);color:#fff;text-align:left;display:flex;flex-direction:column;justify-content:center;gap:5px;box-shadow:none;transition:transform .15s ease,background .15s ease}
#app .electronicMethod323:hover{transform:translateY(-2px);background:rgba(255,255,255,.16)}
#app .electronicMethod323.all323{background:linear-gradient(145deg,#ffcf5a,#e6aa22);color:#241c04;border-color:#ffe39a}
#app .electronicMethod323 span{font-size:9px;font-weight:900;letter-spacing:.7px;opacity:.85}
#app .electronicMethod323 b{font-size:14px;line-height:1.12}
#app .electronicMethod323 small{font-size:9px;line-height:1.35;opacity:.82}
#app #electronicPaymentPreview323{position:relative;z-index:1;background:#fff;color:#17241e;border-radius:16px;padding:14px;border:1px solid rgba(255,255,255,.36)}
#app .electronicLoading323{padding:24px;text-align:center;font-weight:900;color:#496158}
#app .electronicStatus323{display:flex;align-items:center;gap:8px;padding:5px 2px 12px;color:#2f4e40}
#app .electronicStatus323 b{font-size:11px}
#app .electronicStatus323 small{margin-left:auto;font-weight:900;color:#0d684b}
#app .liveDot323{width:9px;height:9px;border-radius:50%;background:#19a66a;box-shadow:0 0 0 4px rgba(25,166,106,.13)}
#app .electronicKpis323{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
#app .electronicKpis323>div{border:1px solid #dce8e1;border-radius:12px;padding:11px 12px;background:linear-gradient(180deg,#fff,#f5faf7)}
#app .electronicKpis323 span{display:block;font-size:9px;font-weight:900;color:#60736a;letter-spacing:.45px}
#app .electronicKpis323 b{display:block;margin:4px 0;font-size:17px;color:#0c5b42}
#app .electronicKpis323 small{color:#75857d;font-size:9px}
#app .electronicBreakdown323{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:10px 0}
#app .electronicBreakdown323>div{border-left:4px solid #0b7b59;background:#eef8f3;border-radius:10px;padding:9px}
#app .electronicBreakdown323 span{display:block;font-size:9px;font-weight:900;color:#4e665b}
#app .electronicBreakdown323 b{display:block;font-size:14px;color:#0b5f44;margin:3px 0}
#app .electronicBreakdown323 small{font-size:9px;color:#718078}
#app .electronicLatest323 h3{font-size:11px;color:#0c5b42;margin:11px 0 6px}
#app .electronicLatest323 table{font-size:11px}
#app .electronicLatest323 th{background:#0e5e45;color:#fff}
@media(max-width:1400px){#app .electronicMethodGrid323{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){#app .electronicHead323{flex-direction:column}#app .electronicMonth323{width:100%;min-width:0}#app .electronicKpis323{grid-template-columns:repeat(2,minmax(0,1fr))}#app .electronicBreakdown323{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){#app .electronicMethodGrid323,#app .electronicKpis323,#app .electronicBreakdown323{grid-template-columns:1fr}#app .electronicMethod323{min-height:auto}}