.billing-shell{max-width:1440px;margin:auto}.billing-shell .bl-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px}.billing-shell .bl-intro h1{margin:0 0 6px}.billing-shell .bl-intro p{margin:0;color:#667b90}.bl-tabs{display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid #d9e3ec;margin-bottom:24px;padding-bottom:9px}.bl-tabs button{border:0;background:transparent;border-radius:6px;color:#526c83}.bl-tabs button[aria-selected=true]{background:#102c4b;color:white}.bl-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:18px 0 26px}.bl-metric{border:1px solid #dce5ed;border-radius:12px;background:white;padding:20px}.bl-metric small{display:block;color:#60778d}.bl-metric strong{display:block;font-size:28px;color:#102c4b;margin:9px 0}.bl-panel{background:white;border:1px solid #dce5ed;border-radius:12px;padding:24px;margin-bottom:20px}.bl-panel h2{margin:0 0 18px;font-size:19px}.bl-panel h3{margin:22px 0 12px}.bl-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.bl-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}.bl-fields .field{margin:0;min-width:0}.bl-fields .wide{grid-column:1/-1}.bl-fields textarea{min-height:85px}.bl-check{display:flex;align-items:center;gap:9px;margin:10px 0 15px;line-height:1.5}.bl-check input{width:18px;height:18px;margin:0}.bl-hint{color:#60778d;font-size:12px;line-height:1.6}.bl-toolbar{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:20px}.bl-toolbar .field{margin:0;min-width:150px;flex:1}.bl-table table{width:100%;border-collapse:collapse}.bl-table th{background:#f2f5f8;color:#587087;text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.6px}.bl-table th,.bl-table td{padding:13px 12px;border-bottom:1px solid #e3eaf0;vertical-align:middle}.bl-table td.num,.bl-table th.num{text-align:right;white-space:nowrap}.bl-link{background:none;border:0;padding:0;color:#153f65;font-weight:650;text-decoration:underline;cursor:pointer}.bl-empty{padding:30px 0;color:#61758a}.bl-status{display:inline-block;font-size:11px;border-radius:20px;padding:5px 10px;background:#edf2f7;color:#35536b;white-space:nowrap}.bl-status.paid,.bl-status.accepted,.bl-status.delivered{background:#e5f3ed;color:#286e51}.bl-status.overdue,.bl-status.failed,.bl-status.bounced,.bl-status.disputed{background:#f9e9e6;color:#9d4237}.bl-status.part-paid,.bl-status.draft,.bl-status.unknown{background:#fff3d8;color:#8a651d}.bl-detail-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.bl-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.bl-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0}.bl-facts small{display:block;color:#688094;font-size:11px;margin-bottom:6px}.bl-total{margin:24px 0 10px auto;max-width:360px}.bl-total>div{display:flex;justify-content:space-between;padding:9px}.bl-total .grand{background:#102c4b;color:white;border-radius:7px;font-weight:bold;font-size:17px;padding:13px}.bl-dialog{width:min(1150px,94vw)!important;max-width:1150px!important;max-height:92vh;padding:0!important;border:0;border-radius:15px}.bl-dialog form{padding:28px}.bl-dialog .dialoghead{margin-bottom:20px}.bl-dialog .bl-section{margin:22px 0 13px;padding-bottom:8px;border-bottom:1px solid #e1e8ef;color:#102c4b}.bl-line{border:1px solid #dfe7ee;border-radius:8px;margin:12px 0;padding:16px;background:#fafcfd}.bl-line-top{display:grid;grid-template-columns:180px 1fr 32px;gap:13px;align-items:end}.bl-line-top .field{margin:0}.bl-line-fields{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:15px}.bl-line-fields .field{margin:0}.bl-line textarea{min-height:60px}.bl-line input[type=number]{width:100%}.bl-error{color:#9a3b32;background:#fff1ec;padding:12px;border-radius:6px;margin-top:14px}.bl-notice{padding:13px 16px;background:#f8f3e6;border:1px solid #e9ddbd;border-radius:8px;color:#775d2c;margin:16px 0;font-size:13px;line-height:1.6}.bl-foot{display:flex;gap:10px;justify-content:flex-end;margin-top:26px;border-top:1px solid #dfe7ee;padding-top:18px}.bl-activity{padding:12px 0;border-bottom:1px solid #e4eaf0}.bl-activity small{color:#698095}.bl-break{overflow-wrap:anywhere}@media(max-width:1000px){.bl-grid,.bl-facts{grid-template-columns:1fr 1fr}.bl-columns{grid-template-columns:1fr}.bl-line-fields{grid-template-columns:repeat(3,1fr)}}@media(max-width:600px){.bl-intro,.bl-detail-head{flex-direction:column}.bl-fields,.bl-line-top,.bl-line-fields{grid-template-columns:1fr}.bl-grid{gap:8px}.bl-metric{padding:13px}.bl-metric strong{font-size:21px}.bl-panel{padding:16px}.bl-dialog form{padding:18px}}