.ubn-cod-portal{max-width:1100px;margin:0 auto}
.ubn-cod-tabs,.ubn-cod-subtabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.ubn-cod-tab,.ubn-cod-subtab{padding:10px 12px;border:1px solid #ddd;border-radius:10px;text-decoration:none}
.ubn-cod-tab.active,.ubn-cod-subtab.active{background:#111;color:#fff;border-color:#111}
.ubn-cod-table{width:100%;border-collapse:collapse;margin:10px 0;background:#fff}
.ubn-cod-table th,.ubn-cod-table td{border:1px solid #eee;padding:8px;vertical-align:top}
.ubn-cod-table.small th,.ubn-cod-table.small td{padding:6px;font-size:13px}
.ubn-cod-balance{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:10px 0}
.ubn-cod-balance .box{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px}
.ubn-cod-balance .label{opacity:.7;font-size:13px}
.ubn-cod-balance .val{font-size:22px;font-weight:700}
.ubn-cod-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.ubn-cod-two .panel{background:#fff;border:1px solid #eee;border-radius:14px;padding:14px}
@media(max-width:900px){.ubn-cod-two{grid-template-columns:1fr}}
.ubn-cod-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:10px}
.ubn-cod-btn{padding:10px 14px;border-radius:10px;border:0;background:#111;color:#fff;cursor:pointer}
.ubn-cod-notice{padding:10px 12px;border-radius:10px;margin:10px 0}
.ubn-cod-notice.success{background:#e7f7ec;border:1px solid #bfe7cb}
.ubn-cod-notice.error{background:#fde8e8;border:1px solid #f5bcbc}