:root{--zred:#e43131;--zred2:#ff5b45;--zbg:#080b10;--zpanel:#0e131b;--zpanel2:#111925;--zline:#263141;--ztext:#f4f6f8;--zmuted:#9aa8b7;--zok:#40d98b;--zwarn:#ffb54a}
*{box-sizing:border-box}body.commerce-page{margin:0;background:radial-gradient(circle at 15% 0,#351112 0,transparent 35%),linear-gradient(135deg,#05070a,#0a0e14 50%,#07090d);color:var(--ztext);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}.commerce-wrap{width:min(1760px,calc(100% - 48px));margin:0 auto;padding:42px 0 80px}.commerce-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:28px}.commerce-head h1{font-size:clamp(32px,4vw,58px);margin:0;letter-spacing:-.04em}.commerce-head p{color:var(--zmuted);font-size:16px;max-width:760px;line-height:1.7}.commerce-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:22px}.commerce-card{background:linear-gradient(180deg,rgba(18,25,35,.94),rgba(9,13,19,.96));border:1px solid var(--zline);border-radius:22px;padding:24px;box-shadow:0 24px 60px rgba(0,0,0,.3)}.commerce-card h2{margin:0 0 8px;font-size:22px}.commerce-card p{color:var(--zmuted);line-height:1.65}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field.full{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#b9c4cf;margin:0 0 7px}.field input,.field select,.field textarea{width:100%;border:1px solid #2a3647;background:#0a0f16;color:#fff;border-radius:12px;padding:13px 14px;font:inherit;outline:none;transition:.18s}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--zred);box-shadow:0 0 0 3px rgba(228,49,49,.13)}.field textarea{min-height:100px;resize:vertical}.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:850;cursor:pointer;transition:.18s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn-primary{background:linear-gradient(135deg,var(--zred),#a80f16);color:#fff;box-shadow:0 10px 28px rgba(228,49,49,.2)}.btn-primary:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-ghost{background:#101722;color:#e8edf2;border:1px solid #2a3647}.btn-danger{background:#3a1014;color:#ffb4b4;border:1px solid #6b1d24}.btn-small{padding:8px 11px;border-radius:9px;font-size:12px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.status{padding:11px 13px;border-radius:10px;font-size:13px;margin-top:12px;display:none}.status.show{display:block}.status.ok{background:#0d2c20;color:#8ff0bd;border:1px solid #1b5c40}.status.error{background:#341215;color:#ffc1c1;border:1px solid #76252d}.status.info{background:#111e2d;color:#acd5ff;border:1px solid #254765}.otp-box{display:none;margin-top:18px}.otp-box.show{display:block}.otp-code{font-size:26px;letter-spacing:8px;text-align:center;font-weight:900}.account-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.metric{background:#0a1018;border:1px solid #263242;border-radius:14px;padding:16px}.metric small{display:block;color:var(--zmuted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.metric b{font-size:24px;display:block;margin-top:5px}.table-wrap{overflow:auto;border:1px solid var(--zline);border-radius:14px}.data-table{width:100%;border-collapse:collapse;min-width:680px}.data-table th,.data-table td{text-align:left;padding:12px 14px;border-bottom:1px solid #202a37;font-size:13px}.data-table th{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#9ba9b8;background:#0a1017}.pill{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:850;background:#1b2532;color:#dbe4ed}.pill.paid{background:#123123;color:#83e5af}.pill.pending{background:#3b2a12;color:#ffd392}.portal-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.portal-nav button{background:#0e151f;color:#cbd5df;border:1px solid #273344;border-radius:11px;padding:10px 14px;font-weight:800;cursor:pointer}.portal-nav button.active{background:#331114;border-color:#8e242c;color:#fff}.pane{display:none}.pane.active{display:block}.login-shell{width:min(1060px,calc(100% - 36px));margin:72px auto}.login-hero{margin-bottom:26px}.login-hero .eyebrow{color:var(--zred2);font-weight:900;letter-spacing:.13em;font-size:12px}.login-hero h1{font-size:clamp(38px,6vw,72px);margin:8px 0 10px;line-height:.98}.login-tabs{display:flex;gap:8px;margin-bottom:16px}.login-tabs button{flex:1;border:1px solid #2a3544;background:#0d131c;color:#cfd7df;border-radius:12px;padding:12px;font-weight:900;cursor:pointer}.login-tabs button.active{background:linear-gradient(135deg,#381315,#681820);border-color:#9b2930;color:#fff}.login-form{display:none}.login-form.active{display:block}.admin-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px}.admin-side{position:sticky;top:20px;height:max-content;background:#0b1017;border:1px solid var(--zline);border-radius:18px;padding:14px}.admin-side button{width:100%;text-align:left;margin:4px 0;background:transparent;border:0;color:#aeb9c4;padding:11px;border-radius:10px;font-weight:800;cursor:pointer}.admin-side button.active,.admin-side button:hover{background:#2b1114;color:#fff}.admin-main .pane{min-width:0}.admin-statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.admin-cardlist{display:grid;gap:12px}.edit-row{display:grid;grid-template-columns:1.2fr .7fr .7fr .7fr .7fr auto;gap:10px;align-items:center;padding:12px;background:#0a0f16;border:1px solid #222d3a;border-radius:13px}.edit-row input,.edit-row select{min-width:0;background:#0e151e;color:white;border:1px solid #2b3747;border-radius:9px;padding:9px}.checkout-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:22px}.checkout-items{display:grid;gap:10px}.checkout-item{display:flex;justify-content:space-between;gap:18px;padding:14px;border:1px solid #253141;border-radius:13px;background:#0a0f16}.checkout-item small{color:var(--zmuted)}.summary-line{display:flex;justify-content:space-between;padding:8px 0;color:#bbc5cf}.summary-line.total{font-size:22px;color:#fff;border-top:1px solid #2a3543;margin-top:8px;padding-top:16px;font-weight:900}.required-note{padding:12px;border-left:3px solid var(--zred);background:#1c0f12;color:#e8c9cb;border-radius:8px;margin:14px 0}.zombie-offer{position:relative;overflow:hidden;border:1px solid #6b2026;background:linear-gradient(90deg,#170a0c,#4d1117,#170a0c);border-radius:18px;min-height:118px;padding:24px 220px 24px 28px;margin-bottom:22px}.zombie-offer h3{font-size:26px;margin:0 0 6px}.zombie-offer p{margin:0;color:#efcfd1}.zombie-run{position:absolute;left:-280px;bottom:-8px;width:240px;height:120px;opacity:.82;animation:zrun 12s linear infinite}.zombie-run svg{width:100%;height:100%;fill:none;stroke:#df3039;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 8px rgba(228,49,49,.45))}@keyframes zrun{0%{transform:translateX(0)}100%{transform:translateX(calc(100vw + 620px))}}
@media(max-width:980px){.commerce-grid,.checkout-layout{grid-template-columns:1fr}.admin-layout{grid-template-columns:1fr}.admin-side{position:static;display:flex;overflow:auto}.admin-side button{width:auto;white-space:nowrap}.admin-statgrid{grid-template-columns:repeat(2,1fr)}.edit-row{grid-template-columns:1fr 1fr}.field-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.zombie-offer{padding-right:24px}.zombie-run{opacity:.28}}
@media(max-width:600px){.commerce-wrap{width:min(100% - 24px,1760px);padding-top:24px}.commerce-card{padding:17px;border-radius:16px}.account-summary,.admin-statgrid{grid-template-columns:1fr}.commerce-head{align-items:flex-start;flex-direction:column}.login-shell{margin:32px auto}.login-tabs{flex-direction:column}.edit-row{grid-template-columns:1fr}.checkout-item{flex-direction:column}.zombie-offer{min-height:150px}}

/* v15 customer authentication */
.auth-security-note{margin-top:22px;padding:16px 18px;border:1px solid rgba(209,26,42,.35);border-left:3px solid #d11a2a;background:rgba(209,26,42,.07);border-radius:10px;display:grid;gap:5px}.auth-security-note b{color:#fff;font-size:14px;letter-spacing:.04em}.auth-security-note span{color:#b8c0cc;font-size:13px;line-height:1.55}.auth-card{max-width:760px}.login-row{display:flex;justify-content:flex-end;margin-top:-4px}.text-action{border:0;background:transparent;color:#ef535f;font:inherit;font-size:13px;font-weight:700;cursor:pointer;padding:4px 0}.text-action:hover{color:#fff}.field small{display:block;margin-top:6px;color:#7f8996;font-size:11px;line-height:1.45}.reset-head{margin-bottom:20px}.reset-head h2{margin:6px 0 8px}.reset-head p{margin:0;color:#9ba5b2;line-height:1.55}@media(max-width:700px){.auth-card{max-width:none}.login-shell{padding-inline:14px}.field-grid{grid-template-columns:1fr}.field-grid .full{grid-column:auto}}

/* v16 Kundenverwaltung & Coin-Zustellung */
.customer-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px}.customer-search{min-width:320px}.customer-detail{display:grid;gap:18px;margin-top:18px}.customer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.customer-grid .commerce-card{margin:0}.customer-facts{display:grid;gap:12px;margin:14px 0}.customer-facts span{display:grid;gap:3px;padding:10px 12px;border:1px solid #27303b;border-radius:10px;background:rgba(255,255,255,.02)}.customer-facts small{color:#8e9aa8;text-transform:uppercase;font-size:.7rem;letter-spacing:.08em}.compact-form{display:flex;align-items:flex-end;gap:10px}.compact-form .field{flex:1}.delivery-box{margin:18px 0;padding:16px;border:1px solid #2b3541;border-radius:12px;background:rgba(255,255,255,.02)}.delivery-box h3{margin:0 0 10px}.delivery-choice{display:flex;gap:12px;padding:12px;border:1px solid #303a46;border-radius:10px;margin-top:9px;cursor:pointer}.delivery-choice:has(input:checked){border-color:#d83232;background:rgba(216,50,50,.08)}.delivery-choice input{margin-top:4px}.delivery-choice span{display:grid;gap:4px}.delivery-choice small{color:#9aa6b2;line-height:1.4}.delivery-choice:has(input:disabled){opacity:.55;cursor:not-allowed}.data-table code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#f2b2b2;font-size:.86em}
@media(max-width:980px){.customer-grid{grid-template-columns:1fr}.customer-toolbar{align-items:stretch;flex-direction:column}.customer-search{min-width:0}.compact-form{align-items:stretch;flex-direction:column}}

.admin-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.admin-section-head p{margin:5px 0 0;color:#8d98a6}.admin-chip{flex:0 0 auto;padding:7px 10px;border:1px solid rgba(220,48,59,.28);border-radius:999px;background:rgba(220,48,59,.07);color:#dd5c64;font-size:9px;font-weight:900;letter-spacing:.08em}.banner-admin-hint{display:flex;gap:13px;align-items:flex-start;margin:16px 0;padding:13px 15px;border:1px solid #26313e;border-radius:12px;background:#0c1219}.banner-admin-hint b{white-space:nowrap;color:#eef2f6;font-size:11px}.banner-admin-hint span{color:#85919f;font-size:10px;line-height:1.5}.admin-action-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:14px;align-items:center;padding:14px;border:1px solid #242f3c;border-radius:12px;background:#0c1219}.admin-action-row>div:first-child{min-width:0}.admin-action-row b{display:block;color:#eff3f7}.admin-action-row small{display:block;margin-top:4px;color:#7f8b99;line-height:1.45}.admin-action-row small strong{color:#ef626c}.admin-row-actions{display:flex;gap:7px;justify-content:flex-end}.action-state{padding:6px 9px;border-radius:999px;font-size:8px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.action-state.on{background:rgba(49,194,111,.1);border:1px solid rgba(49,194,111,.28);color:#67d994}.action-state.off{background:rgba(124,135,148,.08);border:1px solid rgba(124,135,148,.2);color:#8995a3}.empty-admin-state{padding:18px;border:1px dashed #2b3644;border-radius:11px;color:#788493;text-align:center}.btn-danger.btn-small{background:rgba(214,47,59,.08);border-color:rgba(214,47,59,.28);color:#ef737c}@media(max-width:760px){.admin-section-head{flex-direction:column}.admin-action-row{grid-template-columns:1fr}.admin-row-actions{justify-content:flex-start;flex-wrap:wrap}.banner-admin-hint{flex-direction:column}}

/* v26 manuelle Zahlungen */
.payment-box{margin:18px 0;padding:18px;border:1px solid #303a46;border-radius:14px;background:#0b1118}.payment-box h3{margin:0 0 5px}.payment-intro{margin:0 0 12px;color:#8f9aa7;font-size:12px;line-height:1.5}.payment-choice{display:flex;gap:12px;padding:13px;border:1px solid #303a46;border-radius:11px;margin-top:9px;cursor:pointer}.payment-choice:has(input:checked){border-color:#d83232;background:rgba(216,50,50,.08)}.payment-choice input{margin-top:4px}.payment-choice span{display:grid;gap:4px}.payment-choice small{color:#929eaa;line-height:1.45}.payment-result{margin-top:18px;padding:20px;border:1px solid rgba(55,205,120,.35);border-radius:14px;background:linear-gradient(145deg,rgba(24,83,52,.16),rgba(10,16,23,.96))}.payment-success-head small{font-size:10px;color:#76d99f;letter-spacing:.1em;font-weight:900}.payment-success-head h3{margin:5px 0 7px;font-size:23px}.payment-success-head p{color:#a8b3be;line-height:1.55}.payment-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.payment-detail-grid span{padding:12px;border:1px solid #293541;border-radius:10px;background:#0b1118}.payment-detail-grid small{display:block;color:#7f8b97;text-transform:uppercase;font-size:9px;letter-spacing:.08em;margin-bottom:4px}.mono,.payment-reference code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.payment-reference{padding:14px;border:1px solid rgba(216,50,50,.3);border-radius:11px;background:rgba(216,50,50,.06);margin-top:12px}.payment-reference small{display:block;color:#9ba6b2;margin-bottom:7px}.payment-reference code{display:block;word-break:break-word;color:#fff;margin-bottom:10px}.payment-note,.payment-mail-note{color:#929eaa;font-size:12px;line-height:1.5}.payment-mail-note{padding-top:10px;border-top:1px solid #26313d}.payment-paypal{margin:8px 0 14px;width:100%;text-align:center}.payment-admin-legend{display:flex;gap:14px;flex-wrap:wrap;margin:15px 0}.payment-admin-legend span{padding:9px 12px;border:1px solid #27313d;border-radius:10px;color:#8f9aa7;font-size:11px}.payment-admin-legend b{color:#dfe6ed}.payment-open-row{background:rgba(222,46,57,.035)}.payment-method-badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900}.payment-method-badge.bank{background:#152333;color:#9cc9ef}.payment-method-badge.paypal{background:#1f2740;color:#9eb7ff}.paid-check{color:#69d894;font-weight:800;font-size:11px}.payment-admin-table code{max-width:300px;white-space:normal;word-break:break-word}.payment-admin-table{min-width:1050px}@media(max-width:700px){.payment-detail-grid{grid-template-columns:1fr}}

/* v28 – Coin-Code im Kundenportal */
.coin-redeem-grid{align-items:stretch}
.coin-redeem-card{position:relative;overflow:hidden}
.coin-redeem-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(#e43131,#7d151d)}
.coin-redeem-card h2,.coin-redeem-info h2{margin-top:6px}
.coin-redeem-card .field input{text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.coin-redeem-info .required-note{margin-top:18px}
@media(max-width:780px){.coin-redeem-grid{grid-template-columns:1fr}}

.product-edit-row{grid-template-columns:1.15fr .6fr .85fr .6fr .65fr .55fr auto}.product-edit-row>div small{display:block;color:#7f8996;margin-top:4px;font-size:10px}.product-edit-row select[data-k=price_type]{font-weight:750}

/* v30 – Zahlungserinnerungen im Adminbereich */
.order-action-stack{display:flex;flex-direction:column;gap:7px;min-width:160px}.order-action-stack .btn{width:100%;justify-content:center}.reminder-meta{display:inline-block;margin-top:5px;color:#f0b35a!important;font-weight:700}.payment-admin-table td:last-child{min-width:175px}