:root{--billing:#635bff;--billing2:#5147e5;--billing-soft:#f0efff;--cyan:#08a6a6;--rose:#e54f6d}
.billing-shell .sidebar{background:linear-gradient(180deg,#0b1120,#11192b)}
.billing-shell .brand-mark{background:linear-gradient(135deg,#635bff,#0ab8b0)}
.billing-shell nav{padding-bottom:14px}.billing-shell nav button{padding:9px 12px}
.billing-shell nav button.active{background:linear-gradient(90deg,#635bff,#4f46d9);box-shadow:0 7px 20px rgba(99,91,255,.25)}
.billing-shell .view-heading span{color:var(--billing)}.billing-shell .primary{background:var(--billing)}.billing-shell .primary:hover{background:var(--billing2)}
.billing-hero{background:linear-gradient(120deg,#352a86,#087d7a)}.billing-hero:after{border-color:rgba(255,255,255,.08)}
.customer-card{display:flex;align-items:center;gap:10px;margin:14px;padding:12px;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:rgba(255,255,255,.04)}
.customer-card>span{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;background:#282451;color:#c9c5ff;font-weight:800}.customer-card small,.customer-card b,.customer-card em{display:block}.customer-card small{font-size:8px;color:#7f8ba5}.customer-card b{margin:3px 0;color:#fff;font-size:11px}.customer-card em{font-size:9px;color:#90a0b7;font-style:normal}
.money{font-variant-numeric:tabular-nums}.billing-shell .metric.violet>i{background:var(--billing-soft);color:var(--billing)}
.billing-shell .data-table th{padding:13px 16px;font-size:10px;font-weight:800;letter-spacing:.45px}.billing-shell .data-table td{padding:15px 16px;font-size:12px;font-weight:500;line-height:1.45}.billing-shell .data-table td b{font-size:12.5px;font-weight:750}.billing-shell .data-table td small{margin-top:4px;font-size:10px;line-height:1.4}
.billing-shell .table-tools{padding:12px 16px;gap:10px}.billing-shell .table-tools input,.billing-shell .table-tools select{font-size:11.5px;font-weight:550}.billing-shell .field>span{margin-bottom:8px;font-size:10.5px;font-weight:800}.billing-shell .field input,.billing-shell .field select,.billing-shell .field textarea{padding:12px 13px;border-width:1.5px;font-size:12px;font-weight:550;line-height:1.35}
.billing-shell .primary,.billing-shell .secondary,.billing-shell .danger{padding:10px 15px;font-size:11px;font-weight:800}.billing-shell .row-actions{gap:7px}.billing-shell .row-actions button{width:34px;height:34px;font-size:14px}.billing-shell .badge{padding:5px 8px;font-size:9px;font-weight:850}.billing-shell .modal{width:min(760px,95vw)}.billing-shell .modal>header{padding:20px 23px}.billing-shell .modal>header small{font-size:9.5px}.billing-shell .modal>header h2{font-size:20px}.billing-shell .modal-content{padding:23px}
.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.summary-strip article{padding:16px;border:1px solid var(--line);border-radius:11px;background:#fff}.summary-strip small,.summary-strip b,.summary-strip em{display:block}.summary-strip small{font-size:9px;color:var(--muted);font-weight:800}.summary-strip b{margin:6px 0 4px;font-size:21px}.summary-strip em{font-size:9px;color:#8290a2;font-style:normal}
.service-cards,.catalog-grid,.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.service-card,.catalog-card,.integration-card{padding:17px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow)}.service-card header,.catalog-card header,.integration-card header{display:flex;justify-content:space-between;align-items:flex-start}.service-card h3,.catalog-card h3,.integration-card h3{margin:10px 0 5px;font-size:15px}.service-card p,.catalog-card p,.integration-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.service-card footer,.catalog-card footer,.integration-card footer{display:flex;align-items:center;justify-content:space-between;margin-top:17px}.catalog-card strong{font-size:22px;color:#2b3850}.catalog-card strong small{font-size:10px;color:var(--muted)}
.billing-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:16px}.billing-tabs button{padding:9px 12px;border:1px solid var(--line);border-radius:8px;background:#fff;color:#52667b;font:750 10px Inter;cursor:pointer}.billing-tabs button.active{border-color:#c9c4ff;background:var(--billing-soft);color:var(--billing)}
.timeline{padding:15px 18px}.timeline article{position:relative;display:grid;grid-template-columns:26px 1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid var(--line)}.timeline article>i{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--billing-soft);color:var(--billing)}.timeline b,.timeline small{display:block}.timeline small{margin-top:4px;color:var(--muted);font-size:9px}.timeline time{font-size:9px;color:#8290a2}
.amount-positive{color:var(--green)}.amount-negative{color:var(--rose)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.status-dot.off{background:#a6b0be}.status-dot.warn{background:var(--amber)}
.service-card .logo,.catalog-card .logo,.integration-card .logo{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:var(--billing-soft);color:var(--billing);font-size:18px}.service-card dl,.integration-card dl{display:grid;gap:8px;margin:15px 0 0}.service-card dl div,.integration-card dl div{display:flex;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px solid #edf0f4}.service-card dt,.integration-card dt{color:var(--muted);font-size:9px}.service-card dd,.integration-card dd{margin:0;font-size:10px;font-weight:700;text-align:right}
.scope-note{display:flex;gap:11px;align-items:center;margin-bottom:16px;padding:13px 15px;border:1px solid #d8d4ff;border-radius:10px;background:#f7f6ff;color:#4d4985}.scope-note i{font-size:19px}.scope-note b,.scope-note small{display:block}.scope-note small{margin-top:3px;font-size:9px}
.receipt{padding:24px}.receipt-head{display:flex;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid var(--line)}.receipt-head h2{margin:4px 0}.receipt-lines{margin:18px 0}.receipt-line{display:grid;grid-template-columns:1fr 100px 110px;padding:12px 0;border-bottom:1px solid var(--line);font-size:11px}.receipt-total{display:flex;justify-content:flex-end;font-size:20px;font-weight:800}.receipt-total span{color:var(--billing);margin-left:10px}
.admin-only{display:none}.billing-admin-shell .admin-only{display:initial}.billing-admin-shell .client-only{display:none}
@media(max-width:1180px){.service-cards,.catalog-grid,.integration-grid{grid-template-columns:repeat(2,1fr)}.summary-strip{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.service-cards,.catalog-grid,.integration-grid,.summary-strip{grid-template-columns:1fr}.receipt-line{grid-template-columns:1fr}.billing-shell nav button{padding:10px 12px}}