:root{
  --credit-admin-gold:#e7a933;
  --credit-admin-gold-light:#ffc65a;
  --credit-admin-text:#f3f6fa;
  --credit-admin-muted:#9fb0c5;
  --credit-admin-panel:rgba(4,29,48,.91);
  --credit-admin-panel-strong:rgba(5,34,56,.96);
  --credit-admin-border:rgba(255,255,255,.12);
}
*{box-sizing:border-box}
body.credit-admin-body{
  margin:0;
  min-height:100vh;
  color:var(--credit-admin-text);
  background:#001326 url("assets/infinity-background-desktop.webp") center top / cover fixed no-repeat;
  font-family:inherit;
}
.credit-admin-shell{min-height:100vh;background:transparent}
.credit-admin-header{
  height:74px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 clamp(24px,5vw,70px);
  border-bottom:1px solid rgba(255,255,255,.07);
  background:rgba(0,12,24,.76);
}
.credit-admin-brand img{display:block;width:148px;max-height:48px;object-fit:contain}
.credit-admin-header-actions{display:flex;gap:18px;align-items:center;color:#aebccc;font-size:14px}
.credit-admin-header-actions button{
  border:0;
  background:transparent;
  color:var(--credit-admin-gold-light);
  font:inherit;
  cursor:pointer;
}
.credit-admin-main{
  width:min(1180px,calc(100% - 48px));
  margin:0 auto;
  padding:28px 0 58px;
}
.credit-admin-back{
  display:inline-block;
  margin-bottom:28px;
  color:#d8b15d;
  text-decoration:none;
  font-size:14px;
}
.credit-admin-back:hover{color:#fff}
.credit-admin-hero{max-width:790px;margin-bottom:24px}
.credit-kicker{
  margin:0 0 7px;
  color:var(--credit-admin-gold-light);
  font-size:12px;
  font-weight:700;
  letter-spacing:.11em;
}
.credit-admin-hero h1{
  margin:0 0 10px;
  color:#fff;
  font-size:clamp(34px,4vw,50px);
  font-weight:550;
  letter-spacing:-.02em;
}
.credit-admin-hero>p:last-child{
  margin:0;
  color:#bdc9d7;
  font-size:16px;
  line-height:1.55;
}
.credit-db-note{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-bottom:24px;
  padding:18px 20px;
  border:1px solid rgba(231,169,51,.34);
  border-radius:13px;
  background:rgba(4,29,48,.88);
}
.credit-db-note strong{display:block;margin-bottom:4px;color:#fff;font-weight:600}
.credit-db-note p{margin:0;color:var(--credit-admin-muted);font-size:13px;line-height:1.45}
.credit-db-note>span{
  flex:0 0 auto;
  padding:7px 10px;
  border:1px solid rgba(231,169,51,.38);
  border-radius:999px;
  color:var(--credit-admin-gold-light);
  background:rgba(231,169,51,.07);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
}
.credit-package-summary{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
  margin-bottom:20px;
}
.credit-summary-card{
  padding:20px 22px;
  border:1px solid var(--credit-admin-border);
  border-radius:14px;
  background:rgba(4,29,48,.88);
}
.credit-summary-card-featured{
  border-color:rgba(231,169,51,.58);
}
.credit-summary-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.credit-summary-top h2{
  margin:0;
  color:#fff;
  font-size:23px;
  font-weight:550;
}
.credit-summary-status{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:5px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:700;
}
.credit-summary-status.is-active{
  color:#78d7a2;
  border:1px solid rgba(120,215,162,.24);
  background:rgba(120,215,162,.08);
}
.credit-summary-status.is-inactive{
  color:#f0a09a;
  border:1px solid rgba(240,160,154,.22);
  background:rgba(240,160,154,.08);
}
.credit-summary-metrics{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
  padding-top:17px;
}
.credit-summary-metrics strong{
  display:block;
  margin-bottom:3px;
  color:var(--credit-admin-gold-light);
  font-size:22px;
  font-weight:550;
  font-variant-numeric:tabular-nums;
}
.credit-summary-metrics span{
  color:var(--credit-admin-muted);
  font-size:12px;
}
.credit-package-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.credit-package-editor,
.credit-settings-panel{
  border:1px solid var(--credit-admin-border);
  border-radius:15px;
  background:var(--credit-admin-panel);
}
.credit-package-editor{
  padding:23px;
}
.credit-package-editor-featured{
  border-color:rgba(231,169,51,.58);
}
.credit-package-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:21px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(255,255,255,.09);
}
.credit-package-head h2,
.credit-settings-head h2{
  margin:0;
  color:#fff;
  font-size:25px;
  font-weight:550;
}
.credit-status{
  width:118px;
  display:grid;
  gap:6px;
}
.credit-status>span,
.credit-form-grid label>span,
.credit-wide-field>span,
.credit-settings-grid label>span{
  color:#aebdd0;
  font-size:12px;
}
.credit-package-editor input,
.credit-package-editor select,
.credit-settings-panel input,
.credit-settings-panel select{
  width:100%;
  min-height:43px;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:9px;
  outline:none;
  color:#fff;
  background:#061c37;
  font:inherit;
}
.credit-package-editor input:focus,
.credit-package-editor select:focus,
.credit-settings-panel input:focus,
.credit-settings-panel select:focus{
  border-color:rgba(231,169,51,.62);
  box-shadow:0 0 0 2px rgba(231,169,51,.12);
}
.credit-form-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.credit-form-grid label,
.credit-wide-field,
.credit-settings-grid label{
  display:grid;
  gap:7px;
}
.credit-total-output{
  min-height:43px;
  display:flex;
  align-items:center;
  padding:9px 11px;
  border:1px solid rgba(231,169,51,.24);
  border-radius:9px;
  color:var(--credit-admin-gold-light);
  background:rgba(231,169,51,.05);
  font-weight:600;
}
.credit-price-field{
  display:grid;
  grid-template-columns:minmax(0,1fr) 78px;
  gap:8px;
}
.credit-wide-field{margin-top:14px}
.credit-wide-field small{color:#71849c;font-weight:400}
.credit-save-button{
  width:100%;
  min-height:44px;
  margin-top:18px;
  border:1px solid rgba(231,169,51,.28);
  border-radius:9px;
  color:#9ba9bb;
  background:rgba(255,255,255,.035);
  font:inherit;
  font-weight:650;
}
.credit-save-button:disabled{cursor:not-allowed;opacity:.65}
.credit-settings-panel{
  margin-top:22px;
  padding:24px;
}
.credit-settings-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  margin-bottom:20px;
}
.credit-settings-head p:last-child{
  margin:2px 0 0;
  color:var(--credit-admin-muted);
  font-size:13px;
}
.credit-settings-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.credit-inline-field{
  display:grid;
  grid-template-columns:minmax(0,1fr) 82px;
  align-items:center;
  gap:8px;
}
.credit-inline-field>span{
  min-height:43px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.10);
  border-radius:9px;
  color:#aebdd0;
  background:rgba(255,255,255,.03);
  font-size:13px;
}
.credit-settings-save{
  width:auto;
  min-width:250px;
  margin-left:auto;
  display:block;
}
.credit-access-state{
  width:min(760px,calc(100% - 48px));
  margin:70px auto;
  padding:28px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:15px;
  background:rgba(4,29,49,.95);
  display:flex;
  align-items:center;
  gap:20px;
}
.credit-access-state h2{margin:0 0 7px;font-weight:500}
.credit-access-state p{margin:0;color:#aebccc}
.credit-access-spinner{
  width:40px;
  height:40px;
  border:3px solid rgba(255,255,255,.12);
  border-top-color:var(--credit-admin-gold);
  border-radius:50%;
  animation:creditAdminSpin .8s linear infinite;
}
.credit-access-error strong{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:1px solid #e38484;
  border-radius:50%;
  color:#ffb2b2;
  font-size:22px;
}
@keyframes creditAdminSpin{to{transform:rotate(360deg)}}
[hidden]{display:none!important}
@media(max-width:980px){
  .credit-package-summary{grid-template-columns:1fr}
  .credit-package-grid{grid-template-columns:1fr}
  .credit-settings-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:768px){
  body.credit-admin-body{
    background-image:url("assets/infinity-background-mobile.webp");
    background-position:center top;
    background-size:cover;
    background-attachment:scroll;
  }
}
@media(max-width:680px){
  .credit-admin-header{padding:0 20px}
  .credit-admin-brand img{width:118px}
  .credit-admin-header-actions span{display:none}
  .credit-admin-main{width:min(100% - 28px,1180px)}
  .credit-db-note,
  .credit-settings-head{align-items:flex-start;flex-direction:column}
  .credit-form-grid,
  .credit-settings-grid{grid-template-columns:1fr}
  .credit-settings-save{width:100%;min-width:0}
}

/* ==========================================
   KUNDENSTIMMEN
========================================== */
.credit-testimonials-panel{
  margin-top:22px;
  padding:24px;
  border:1px solid var(--credit-admin-border);
  border-radius:15px;
  background:var(--credit-admin-panel);
}

.credit-testimonials-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}

.credit-testimonial-editor{
  min-width:0;
  padding:20px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:13px;
  background:rgba(3,25,44,.72);
}

.credit-testimonial-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  margin-bottom:18px;
  padding-bottom:16px;
  border-bottom:1px solid rgba(255,255,255,.09);
}

.credit-testimonial-head h3{
  margin:0;
  color:#fff;
  font-size:20px;
  font-weight:550;
}

.credit-testimonial-editor>label{
  display:grid;
  gap:7px;
  margin-top:14px;
}

.credit-testimonial-editor label>span{
  color:#aebdd0;
  font-size:12px;
}

.credit-testimonial-editor small{
  color:#71849c;
  font-weight:400;
}

.credit-testimonial-editor input,
.credit-testimonial-editor select,
.credit-testimonial-editor textarea{
  width:100%;
  padding:9px 11px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:9px;
  outline:none;
  color:#fff;
  background:#061c37;
  font:inherit;
}

.credit-testimonial-editor input,
.credit-testimonial-editor select{
  min-height:43px;
}

.credit-testimonial-editor textarea{
  min-height:132px;
  resize:vertical;
  line-height:1.5;
}

.credit-testimonial-editor input:focus,
.credit-testimonial-editor select:focus,
.credit-testimonial-editor textarea:focus{
  border-color:rgba(231,169,51,.62);
  box-shadow:0 0 0 2px rgba(231,169,51,.12);
}

@media(max-width:980px){
  .credit-testimonials-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:680px){
  .credit-testimonials-panel{
    padding:20px 16px;
  }

  .credit-testimonial-editor{
    padding:18px 16px;
  }
}