.top-links,.account-shortcuts,.billing-top-nav,.billing-tabs,.billing-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:14px 20px}.top-links{justify-content:flex-end}.account-shortcuts{margin-top:28px}.account-shortcuts>a{font-size:13px}.billing-top-nav{justify-content:space-between;font-size:13px;margin-bottom:24px}.billing-filter{max-width:410px;margin:0 0 28px}.billing-filter>label{margin-top:0}.billing-filter>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.billing-tabs{margin:24px 0}.billing-tabs>a{padding:11px 17px;border:1px solid var(--line);border-radius:28px;background:#fff;color:var(--ink);text-decoration:none;font-size:13px;font-weight:750;min-height:44px}.billing-tabs>a[aria-current=page]{background:var(--ink);color:var(--green);border-color:var(--ink)}.billing-history{display:grid;gap:22px}.billing-section-title{display:flex;justify-content:space-between;align-items:center;gap:16px}.billing-section-title h2{margin:0;font-size:23px}.billing-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.billing-row:last-child{border-bottom:0}.billing-row h3{font-size:17px;margin:0 0 8px}.billing-row>div{min-width:0;overflow-wrap:anywhere}.billing-row .hint{margin:8px 0}.billing-row>strong{font-size:22px;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.5px}.billing-row .secondary{font-size:12px;padding:12px 17px}.billing-empty h2{font-size:29px}.billing-empty p{max-width:680px;color:var(--muted);font-size:14px}.billing-empty .button{margin-top:12px}.billing-stats{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:26px;margin:28px 0;padding-bottom:28px;border-bottom:1px solid var(--line)}.billing-stats>div{display:grid;gap:9px;align-content:start;min-width:0}.billing-stats span{font-size:12px;color:var(--muted)}.billing-stats strong{font-size:32px;line-height:1.2;letter-spacing:-1px;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.billing-stats small{font-size:11px;color:var(--muted);line-height:1.6}.billing-chart-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.billing-chart{min-width:0}.billing-chart h2{font-size:22px;margin:0}.billing-chart .hint{min-height:40px;margin-bottom:12px}.billing-bars{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:22px}.billing-bar-column{display:grid;grid-template-rows:minmax(36px,auto) 110px 24px;gap:8px;justify-items:center;min-width:0;text-align:center}.billing-bar-column>strong{font-size:11px;align-self:end;line-height:1.4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;max-width:100%}.billing-bar-column>span{font-size:11px;color:var(--muted)}.billing-bar-area{height:110px;width:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line)}.billing-bar-area>span{display:block;width:32px;max-width:80%;background:var(--teal);border-radius:5px 5px 0 0}.billing-customer{border-bottom:1px solid var(--line);padding:20px 0;overflow-wrap:anywhere}.billing-customer:last-child{border-bottom:0}.billing-customer h3{margin:0;font-size:19px}.billing-customer p{font-size:14px;margin:8px 0}.billing-customer .hint{font-size:12px}.billing-pagination{justify-content:space-between;margin-top:26px;font-size:14px}.faq-search{margin-bottom:28px}.faq-search label{margin-top:0}.faq-categories{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:13px;margin:22px 0 30px}.faq-group{margin:26px 0;scroll-margin-top:20px}.faq-group h2{font-size:24px}.faq-question{border-top:1px solid var(--line);padding:9px 0}.faq-question summary{font-size:15px}.faq-question p{font-size:14px;margin:10px 0 20px;color:var(--muted);line-height:1.8}.faq-question a{font-size:14px}.faq-contact{margin-top:32px}.faq-contact h2{margin-top:0;font-size:23px}.faq-lead{font-size:15px;color:var(--muted);max-width:760px}.faq-results{font-size:12px;color:var(--muted);min-height:22px}.faq-group:has(.faq-question:not([hidden])){display:block}.faq-empty{padding:20px 0}
@media(max-width:850px){.billing-chart-grid{grid-template-columns:minmax(0,1fr)}.billing-bars{gap:10px}.billing-chart .hint{min-height:0}}
@media(max-width:700px){.billing-row{grid-template-columns:minmax(0,1fr) auto;gap:14px}.billing-row>.secondary{grid-column:1/-1;justify-self:end}.billing-stats{grid-template-columns:1fr 1fr;gap:24px 18px}.billing-stats>div:last-child{grid-column:1/-1}.billing-stats strong{font-size:28px}.billing-section-title h2{font-size:21px}.top-links{gap:0;flex-direction:column;align-items:flex-end}.billing-chart{padding:24px}}
@media(max-width:380px){.top{flex-wrap:wrap;gap:8px}.top-links{flex-direction:row;gap:18px}.billing-bars{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 14px}.billing-row>strong{font-size:19px}.billing-stats{grid-template-columns:1fr}.billing-stats>div:last-child{grid-column:auto}.billing-filter>div{grid-template-columns:1fr}.billing-filter .secondary{width:100%}.billing-section-title{align-items:flex-start;flex-direction:column}}

/* Mengenbalken ohne Inline-Stile: kompatibel mit der bestehenden CSP. */
.billing-bar-level-0{height:0%}
.billing-bar-level-1{height:1%}
.billing-bar-level-2{height:2%}
.billing-bar-level-3{height:3%}
.billing-bar-level-4{height:4%}
.billing-bar-level-5{height:5%}
.billing-bar-level-6{height:6%}
.billing-bar-level-7{height:7%}
.billing-bar-level-8{height:8%}
.billing-bar-level-9{height:9%}
.billing-bar-level-10{height:10%}
.billing-bar-level-11{height:11%}
.billing-bar-level-12{height:12%}
.billing-bar-level-13{height:13%}
.billing-bar-level-14{height:14%}
.billing-bar-level-15{height:15%}
.billing-bar-level-16{height:16%}
.billing-bar-level-17{height:17%}
.billing-bar-level-18{height:18%}
.billing-bar-level-19{height:19%}
.billing-bar-level-20{height:20%}
.billing-bar-level-21{height:21%}
.billing-bar-level-22{height:22%}
.billing-bar-level-23{height:23%}
.billing-bar-level-24{height:24%}
.billing-bar-level-25{height:25%}
.billing-bar-level-26{height:26%}
.billing-bar-level-27{height:27%}
.billing-bar-level-28{height:28%}
.billing-bar-level-29{height:29%}
.billing-bar-level-30{height:30%}
.billing-bar-level-31{height:31%}
.billing-bar-level-32{height:32%}
.billing-bar-level-33{height:33%}
.billing-bar-level-34{height:34%}
.billing-bar-level-35{height:35%}
.billing-bar-level-36{height:36%}
.billing-bar-level-37{height:37%}
.billing-bar-level-38{height:38%}
.billing-bar-level-39{height:39%}
.billing-bar-level-40{height:40%}
.billing-bar-level-41{height:41%}
.billing-bar-level-42{height:42%}
.billing-bar-level-43{height:43%}
.billing-bar-level-44{height:44%}
.billing-bar-level-45{height:45%}
.billing-bar-level-46{height:46%}
.billing-bar-level-47{height:47%}
.billing-bar-level-48{height:48%}
.billing-bar-level-49{height:49%}
.billing-bar-level-50{height:50%}
.billing-bar-level-51{height:51%}
.billing-bar-level-52{height:52%}
.billing-bar-level-53{height:53%}
.billing-bar-level-54{height:54%}
.billing-bar-level-55{height:55%}
.billing-bar-level-56{height:56%}
.billing-bar-level-57{height:57%}
.billing-bar-level-58{height:58%}
.billing-bar-level-59{height:59%}
.billing-bar-level-60{height:60%}
.billing-bar-level-61{height:61%}
.billing-bar-level-62{height:62%}
.billing-bar-level-63{height:63%}
.billing-bar-level-64{height:64%}
.billing-bar-level-65{height:65%}
.billing-bar-level-66{height:66%}
.billing-bar-level-67{height:67%}
.billing-bar-level-68{height:68%}
.billing-bar-level-69{height:69%}
.billing-bar-level-70{height:70%}
.billing-bar-level-71{height:71%}
.billing-bar-level-72{height:72%}
.billing-bar-level-73{height:73%}
.billing-bar-level-74{height:74%}
.billing-bar-level-75{height:75%}
.billing-bar-level-76{height:76%}
.billing-bar-level-77{height:77%}
.billing-bar-level-78{height:78%}
.billing-bar-level-79{height:79%}
.billing-bar-level-80{height:80%}
.billing-bar-level-81{height:81%}
.billing-bar-level-82{height:82%}
.billing-bar-level-83{height:83%}
.billing-bar-level-84{height:84%}
.billing-bar-level-85{height:85%}
.billing-bar-level-86{height:86%}
.billing-bar-level-87{height:87%}
.billing-bar-level-88{height:88%}
.billing-bar-level-89{height:89%}
.billing-bar-level-90{height:90%}
.billing-bar-level-91{height:91%}
.billing-bar-level-92{height:92%}
.billing-bar-level-93{height:93%}
.billing-bar-level-94{height:94%}
.billing-bar-level-95{height:95%}
.billing-bar-level-96{height:96%}
.billing-bar-level-97{height:97%}
.billing-bar-level-98{height:98%}
.billing-bar-level-99{height:99%}
.billing-bar-level-100{height:100%}