:root{--brand:rgb(255,200,10);--black:#000;--muted:#666;}
.ebp-root{font-family:Inter,Arial,Helvetica,sans-serif;max-width:1200px;margin:22px auto;padding:0 16px;}
.ebp-header{background:#fff;border-bottom:4px solid var(--brand);padding:12px 16px;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,0.04);}
.ebp-header-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.ebp-title{font-size:20px;font-weight:800;color:var(--black);}
.ebp-sub{font-size:13px;color:var(--muted);}
.ebp-content{display:flex;gap:20px;flex-wrap:wrap;margin-top:18px;}
.ebp-left{flex:0 0 400px;}
.ebp-right{flex:1;min-width:300px;}
.card{background:#fff;border:1px solid #eee;padding:14px;border-radius:12px;box-shadow:0 8px 30px rgba(13,13,13,0.03);margin-bottom:16px;}
.card h3{margin:0 0 10px 0;font-size:16px;}
.ebp-input{width:100%;padding:10px;border-radius:8px;border:1px solid #ddd;margin-top:6px;}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px;}
.actions{margin-top:12px;display:flex;gap:10px;flex-wrap:wrap;}
.btn-primary{background:var(--brand);color:#000;border:none;padding:10px 16px;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,0.06);}
.btn-outline{background:#fff;border:2px solid var(--brand);color:#000;padding:9px 14px;border-radius:10px;cursor:pointer;font-weight:700;}
.btn-primary:hover,.btn-outline:hover{transform:translateY(-1px);transition:all .12s ease;}
.invoice-preview .invoice-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;}
.invoice-preview .invoice-left{font-size:16px;}
.invoice-table{width:100%;border-collapse:collapse;margin-top:8px;border-radius:6px;overflow:hidden;}
.invoice-table th{padding:10px;text-align:left;background:#fafafa;border-bottom:1px solid #eee;color:var(--muted);}
.invoice-table td{padding:10px;border-bottom:1px solid #f4f4f4;}
.invoice-totals{margin-top:12px;}
.tot-row{display:flex;justify-content:space-between;padding:6px 0;}
.grand{font-weight:800;background:linear-gradient(90deg, rgba(255,200,10,0.15), transparent);padding:8px;border-radius:6px;}
.per-att{margin-top:8px;font-weight:700;}
@media(max-width:900px){.ebp-content{flex-direction:column;padding-bottom:8px;}.ebp-left{flex:1;}}