/* Atualização visual — Pix & ADM — não altera a lógica PHP nem o banco. */
:root{--u-pink:#b91b62;--u-blush:#fff2f7;--u-border:#f0e2e9;--u-text:#28232b;--u-muted:#77717c}
.ui-icon{display:inline-block;vertical-align:-.19em;flex-shrink:0}
.brand,.nav-profile{display:inline-flex;align-items:center;gap:8px}
.nav,.admin-top{backdrop-filter:blur(10px)}
.panel{border:1px solid var(--u-border);box-shadow:0 12px 36px rgba(84,22,49,.055)}
.panel h2{letter-spacing:-.55px}.symbol{background:linear-gradient(140deg,#ffe3ef,#f4f8ff);color:var(--u-pink);border:1px solid #f6cbdc;display:grid;place-items:center}
.symbol .ui-icon{color:var(--u-pink)}
.offer-panel{background:linear-gradient(135deg,#fff,#fff5fa 62%,#f3faff);position:relative;overflow:hidden}
.offer-panel:after{content:"";position:absolute;right:-30px;top:-70px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#ffd7e8 0,transparent 70%);pointer-events:none}
.offer-panel>*{position:relative;z-index:1}
.offer-panel .button{margin-top:15px;display:flex;align-items:center;justify-content:center;gap:9px;text-decoration:none}
.offer-note{color:var(--u-muted);font-size:12px;margin:10px 0 0;line-height:1.6}
.quick-card{display:flex;gap:13px;align-items:flex-start}.quick-card .symbol{width:47px;height:47px;border-radius:15px}
.quick-card>div:last-child{min-width:0;flex:1}
.admin-top{background:linear-gradient(120deg,#fff,#fff7fb);border:1px solid #f3e7ed;border-radius:22px;padding:18px 20px;box-shadow:0 10px 30px #a31b590b}
.admin-top h1{display:flex;align-items:center;gap:10px}
.admin-top h1 .ui-icon{color:var(--u-pink)}
.admin-pill{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#9f2256;background:#fff}
.stat-box{position:relative;min-height:100px;overflow:hidden;background:linear-gradient(140deg,#fff,#fffbfd)}
.stat-box .stat-icon{color:#cc4180;position:absolute;right:14px;top:13px;opacity:.6}
.stat-box strong{font-variant-numeric:tabular-nums}.admin-logout{display:inline-flex;align-items:center;gap:6px}
.search-form .button{display:inline-flex;align-items:center;justify-content:center;gap:7px}
.main .content>.panel{scroll-margin-top:25px}
.ui-pay-banner{background:linear-gradient(145deg,#fff1f7,#fff,#f5faff);border:1px solid #f3dfe8;border-radius:26px;padding:36px 24px 56px;text-align:center;position:relative;overflow:hidden}
.ui-pay-banner:before{content:"";position:absolute;left:-90px;top:-130px;width:250px;height:250px;border-radius:50%;background:radial-gradient(circle,#f4bfda78,transparent 68%);animation:uibob 9s ease-in-out infinite}
.ui-pay-banner:after{content:"";position:absolute;right:-110px;bottom:-160px;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#d2f1ff9c,transparent 68%);animation:uibob 12s ease-in-out infinite reverse}
.ui-pay-banner>*{position:relative;z-index:1}
.ui-pay-wrap{width:min(100%,800px);margin:0 auto;padding:30px 17px 60px}
.ui-pay-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px}.ui-pay-brand{display:flex;gap:9px;align-items:center;font-weight:850;color:#34212f;text-decoration:none;font-size:16px}.ui-pay-brand-mark{width:37px;height:37px;border-radius:13px;background:#221923;color:white;display:grid;place-items:center;box-shadow:3px 3px 0 #ffbad6}
.ui-pay-back{display:inline-flex;align-items:center;gap:7px;color:#7d6b7b;text-decoration:none;font-size:13px;font-weight:650}
.ui-pay-badge{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid #f1d8e5;color:#a32560;border-radius:100px;padding:8px 13px;font-size:12px;font-weight:750;box-shadow:0 6px 25px #d68eaa26}
.ui-pay-banner h1{font-size:clamp(29px,6vw,42px);letter-spacing:-1.4px;line-height:1.15;margin:14px 0 12px;color:#201d28}
.ui-pay-sub{color:#6d6773;font-size:13px;line-height:1.65;max-width:520px;margin:auto}
.ui-pay-card{position:relative;background:#fff;border:1px solid #f2dce5;border-radius:22px;margin:-29px 16px 0;padding:27px;box-shadow:0 19px 70px #8e194f17;animation:cardRise .6s ease-out both}
.ui-pay-card h2{font-size:21px;letter-spacing:-.6px;margin:4px 0 7px;color:#29232d}
.ui-pay-card p{margin:8px 0}
.ui-pay-section-title{font-size:11px;color:#a92464;text-transform:uppercase;letter-spacing:1.3px;font-weight:800;margin-bottom:9px;display:flex;align-items:center;gap:7px}
.ui-pay-summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 0;border-bottom:1px solid #f1e7ec;margin-bottom:21px}
.ui-pay-summary .amount{font-size:clamp(28px,5vw,42px);font-weight:850;color:#b71a5d;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}
.ui-pay-muted{color:#716b77;font-size:13px;line-height:1.65}
.ui-pay-form label:not(.ui-terms){font-size:13px;font-weight:720;display:flex;align-items:center;gap:7px;margin:15px 0 8px;color:#3e3542}
.ui-pay-field{width:100%;padding:14px 15px;background:#fffafd;border:1px solid #e9d9e1;border-radius:13px;color:#2a242e;outline:none;font:inherit;transition:border-color .2s,box-shadow .2s}
.ui-pay-field:focus{border-color:#d12f77;box-shadow:0 0 0 4px #fce4ef}
.ui-terms{display:flex;gap:11px;align-items:flex-start;font-size:12px;line-height:1.62;color:#625b68;margin:19px 0 6px}
.ui-terms input{margin-top:3px;accent-color:#b9165c;flex:none}
.ui-pay-button{border:none;background:linear-gradient(100deg,#b41d60,#e34688);color:#fff;border-radius:14px;width:100%;padding:15px 20px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:inherit;font-weight:800;cursor:pointer;box-shadow:0 12px 25px #b6215a2d;transition:transform .18s,box-shadow .18s}
.ui-pay-button:hover{transform:translateY(-2px);box-shadow:0 16px 28px #b6215a39}.ui-pay-button:active{transform:translateY(1px)}
.ui-pay-button.secondary{background:#fff2f8;color:#aa1c56;border:1px solid #eac6d6;box-shadow:none}
.ui-pay-code{width:100%;min-height:115px;background:#fffbfd;color:#38313a;border:1px dashed #e3bccc;border-radius:13px;padding:14px;font:12px/1.5 monospace;resize:vertical;overflow-wrap:anywhere}
.ui-pay-status{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:770;color:#6c4b13;background:#fff8e5;border:1px solid #f8e9b3;border-radius:13px;padding:13px 14px;margin:14px 0}
.ui-pay-status.success{background:#ebfaef;border-color:#d1efdb;color:#1c7b48}
.ui-pay-hint{background:#f9f7fb;border-radius:12px;padding:14px 15px;color:#77717e;font-size:12px;line-height:1.6;display:flex;gap:9px;align-items:flex-start;margin-top:17px}
.ui-pay-alert{border:1px solid #f5d1dc;background:#fff3f7;color:#9c2a50;border-radius:13px;padding:13px 14px;margin-bottom:17px;font-size:13px}
.ui-pay-alert.success{border-color:#d0eeda;background:#effaf3;color:#1a7041}
.ui-pay-footer{text-align:center;padding:25px 8px;font-size:12px;color:#938793;line-height:1.65}
.ui-pay-footer a{color:#9d1b58}
.ui-pay-wait{animation:ui-pulse 1.6s ease-in-out infinite}
@keyframes uibob{0%,100%{transform:translate(0,0)}50%{transform:translate(20px,-12px)}}
@keyframes ui-pulse{50%{opacity:.4}}
@media(max-width:650px){.admin-top{padding:17px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-actions{width:100%;flex-wrap:wrap}.ui-pay-card{margin:-24px 0 0;padding:20px 18px}.ui-pay-banner{padding:30px 16px 49px}.ui-pay-summary{align-items:flex-start;flex-direction:column;gap:4px}.ui-pay-wrap{padding-top:20px}}
@media(prefers-reduced-motion:reduce){.ui-pay-banner:before,.ui-pay-banner:after,.ui-pay-card,.ui-pay-wait{animation:none!important}.ui-pay-button{transition:none!important}}