
:root{--bp-bg:#f4f7fb;--bp-card:#fff;--bp-text:#111827;--bp-muted:#667085;--bp-border:#e6ebf2;--bp-primary:#3157ff;--bp-primary2:#5b36ff}
body{background:var(--bp-bg)}.bps-app,.bps-admin,.bps-checkout,.bps-link-page{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--bp-text)}
.bps-app{max-width:1500px;margin:30px auto;background:var(--bp-bg);display:grid;grid-template-columns:260px 1fr;min-height:78vh;border:1px solid var(--bp-border);border-radius:24px;overflow:hidden;box-shadow:0 20px 60px rgba(16,24,40,.08)}
.bps-side{background:#fff;border-right:1px solid var(--bp-border);padding:26px 16px;display:flex;flex-direction:column;gap:5px}.bps-logo{font-size:25px;font-weight:900;padding:8px 12px 22px;color:#111827}.bps-side a{padding:13px 14px;border-radius:12px;text-decoration:none;color:#475467;font-weight:650}.bps-side a.active,.bps-side a:hover{background:#eef3ff;color:#2444e8}
.bps-content{padding:30px;min-width:0}.bps-page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.bps-page-title h1,.bps-admin h1{font-size:30px;margin:0}.bps-page-title p{color:var(--bp-muted);margin:6px 0 0}
.bps-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:18px 0}.bps-card{background:#fff;border:1px solid var(--bp-border);border-radius:19px;padding:20px;box-shadow:0 10px 30px rgba(16,24,40,.05);margin-bottom:18px;overflow:auto}.bps-card>span{display:block;color:var(--bp-muted);font-weight:750}.bps-card>strong{display:block;font-size:27px;margin-top:8px}.bps-grid-2{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.5fr);gap:18px}
.bps-table{width:100%;border-collapse:collapse;min-width:760px}.bps-table th,.bps-table td{padding:13px 11px;border-bottom:1px solid var(--bp-border);text-align:left}.bps-table th{font-size:12px;color:#667085;text-transform:uppercase;letter-spacing:.4px}.bps-badge{display:inline-block;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850}.bps-ok{background:#dcfae6;color:#067647}.bps-warn{background:#fef0c7;color:#b54708}.bps-bad{background:#fee4e2;color:#b42318}.bps-neutral{background:#f2f4f7;color:#344054}
.bps-card label,.bps-checkout label,.bps-link-card label{display:block;font-weight:750;margin:13px 0}.bps-card input,.bps-card select,.bps-checkout input,.bps-link-card input,.bps-link-card select{width:100%;padding:12px 13px;border:1px solid #d0d5dd;border-radius:11px;box-sizing:border-box;margin-top:6px;background:#fff}
.bps-primary{border:0;background:linear-gradient(135deg,var(--bp-primary),var(--bp-primary2));color:#fff;border-radius:12px;padding:13px 18px;font-weight:850;cursor:pointer}.bps-center-card{max-width:520px;margin:70px auto;background:#fff;border:1px solid var(--bp-border);border-radius:20px;padding:28px;text-align:center}
.bps-checkout{max-width:1050px;margin:45px auto;display:grid;grid-template-columns:1.4fr .7fr;gap:20px;padding:0 18px}.bps-checkout-main,.bps-order-card,.bps-link-card{background:#fff;border:1px solid var(--bp-border);border-radius:22px;padding:26px;box-shadow:0 18px 50px rgba(16,24,40,.08)}.bps-checkout-head span{color:#3157ff;font-weight:850;font-size:13px}.bps-checkout-head h1{font-size:28px;margin:8px 0}.bps-paybox{background:linear-gradient(135deg,#f7f9ff,#eef3ff);border:1px solid #dfe7ff;border-radius:18px;padding:20px;margin:20px 0}.bps-paybox span,.bps-paybox small{display:block;color:#667085}.bps-paybox strong{display:block;font-size:32px;margin:6px 0}.bps-payto{font-size:20px;font-weight:850;margin-top:12px}.bps-order-card small{display:block;color:#667085;margin-top:18px;word-break:break-all}.bps-success,.bps-warning{padding:14px;border-radius:12px;margin:14px 0}.bps-success{background:#ecfdf3;border:1px solid #abefc6}.bps-warning{background:#fffaeb;border:1px solid #fedf89}
.bps-link-page{max-width:620px;margin:45px auto;padding:0 18px}
@media(max-width:900px){.bps-app{grid-template-columns:1fr;margin:0;border-radius:0}.bps-side{flex-direction:row;overflow:auto;border-right:0;border-bottom:1px solid var(--bp-border)}.bps-logo{min-width:max-content;padding:12px}.bps-side a{min-width:max-content}.bps-content{padding:18px}.bps-grid-2,.bps-checkout{grid-template-columns:1fr}.bps-checkout{margin:20px auto}}
