:root{--bg:#f5f7fb;--card:#fff;--text:#161820;--muted:#6b7280;--line:#e5e7eb;--accent:#5d43e7;--accent2:#ff5f96;--good:#16794b;--danger:#b42318;--shadow:0 18px 50px rgba(18,22,33,.08)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 8% 0,#fff 0,transparent 32rem),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.6}a{color:inherit}.container{width:min(calc(100% - 30px),1050px);margin:auto;padding:42px 0}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.brand{font-weight:900;letter-spacing:-.03em}.navlinks{display:flex;gap:10px;flex-wrap:wrap}.btn,.btn2{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:10px 15px;text-decoration:none;font-weight:800;border:0;cursor:pointer;font:inherit}.btn{background:var(--accent);color:#fff}.btn2{background:#fff;border:1px solid var(--line)}.hero{background:linear-gradient(135deg,#242035,#5b47a2);color:#fff;padding:54px;border-radius:28px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#ff5f96;right:-100px;bottom:-180px;opacity:.35}.hero h1{font-size:clamp(2.6rem,7vw,5.2rem);line-height:.95;letter-spacing:-.065em;margin:0 0 18px;position:relative;z-index:1}.hero p{max-width:720px;color:#e7e2f3;font-size:1.08rem;position:relative;z-index:1}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(18,22,33,.05)}.card h2,.card h3{margin-top:0}.muted{color:var(--muted)}.form{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px;box-shadow:var(--shadow);max-width:780px;margin:auto}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-weight:800;font-size:.9rem}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:12px 13px;background:#fff;color:var(--text);font:inherit}.field textarea{min-height:130px;resize:vertical}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.notice{padding:13px 15px;border-radius:12px;margin:14px 0}.ok{background:#eaf8f1;color:var(--good)}.bad{background:#fff0ef;color:var(--danger)}table{width:100%;border-collapse:collapse;background:#fff;border-radius:15px;overflow:hidden}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.site-footer{text-align:center;color:var(--muted);font-size:.85rem;padding:30px 15px}.creator-hero{background:linear-gradient(135deg,#211d31,#5d43e7);color:#fff;border-radius:26px;padding:38px;text-align:center}.creator-hero h1{font-size:clamp(2.2rem,7vw,4rem);margin:0;letter-spacing:-.05em}.pillbar{display:flex;gap:9px;flex-wrap:wrap;justify-content:center;margin-top:18px}.pill{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.14);color:#fff;text-decoration:none;font-weight:800}.legal{margin-top:18px;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.legal h2{margin-top:0}.label{font-size:.77rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:900;margin-top:18px}.mailbox{display:grid;gap:12px}.mailitem{padding:16px;border:1px solid var(--line);border-radius:15px;background:#fff}.urgent{border-left:5px solid #e33}.small{font-size:.84rem}.tag{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef0f7;font-size:.75rem;font-weight:800}.danger{background:#fee4e2;color:#b42318}@media(max-width:800px){.grid{grid-template-columns:1fr}.row{grid-template-columns:1fr}.hero{padding:36px 24px}.nav{align-items:flex-start;flex-direction:column}}
.helpbox{margin-top:4px;padding:11px 13px;border-radius:11px;background:#f7f5ff;color:#4e4860;font-size:.86rem;border:1px solid #ebe7fb}.checkbox-card{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fafafe}.checkbox-card label{display:flex;align-items:flex-start;gap:9px}.checkbox-card input[type=checkbox]{width:auto;margin-top:5px}.url-field,.prefix-input{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.url-field span,.prefix-input span{display:flex;align-items:center;padding:0 11px;background:#f3f4f7;color:#6b7280;font-size:.88rem;white-space:nowrap;border-right:1px solid var(--line)}.url-field input,.prefix-input input{border:0!important;border-radius:0!important;min-width:0}.url-field input:focus,.prefix-input input:focus{outline:2px solid rgba(93,67,231,.18);outline-offset:-2px}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0 28px}.info-grid>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fafafa}.admin-wide{max-width:1050px}.link-list{padding-left:20px;word-break:break-word}.btn{min-height:42px;line-height:1.15}.field select{min-height:44px}@media(max-width:800px){.info-grid{grid-template-columns:1fr}.url-field span,.prefix-input span{font-size:.78rem;padding:0 8px}}


/* MVP 0.4 – Usability */
.choice-row{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.choice{position:relative;display:inline-flex;cursor:pointer}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 15px;border-radius:12px;border:1px solid var(--line);background:#fff;font-weight:850;transition:.15s ease}.choice input:focus-visible+span{outline:3px solid rgba(93,67,231,.22);outline-offset:2px}.choice-pending input:checked+span,.choice-unsure input:checked+span{background:#fff7df;border-color:#e4b13b;color:#7a5600}.choice-active input:checked+span,.choice-yes input:checked+span{background:#eaf8f1;border-color:#48a579;color:#12633e}.choice-suspended input:checked+span,.choice-no input:checked+span{background:#fff0ef;border-color:#e58b83;color:#9b241b}.status-mini{display:inline-flex;align-items:center;padding:5px 9px;border-radius:999px;font-size:.78rem;font-weight:850}.status-pending{background:#fff7df;color:#7a5600}.status-active{background:#eaf8f1;color:#12633e}.status-suspended{background:#fff0ef;color:#9b241b}.pending-notice{background:#fff7df;color:#6f5000;border:1px solid #f1d281}.warning{background:#fff7df;color:#7a5600}.new-badge{background:#eeeaff;color:#4d37c8}.read-ok{color:var(--good);font-weight:750}.unread-row td{font-weight:700;background:#fcfbff}.unread-row td .muted{font-weight:400}.danger-text{color:var(--danger);font-weight:800}.delivery-line{font-size:1.03em}.imprint-link-card{display:flex;justify-content:space-between;gap:22px;align-items:center;margin:24px 0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(18,22,33,.05)}.imprint-link-card h2{margin:4px 0 10px;font-size:1.08rem}.copy-url{font-weight:850;word-break:break-all;padding:10px 12px;background:#f7f5ff;border:1px solid #ebe7fb;border-radius:11px}.copy-actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center;justify-content:flex-end}.copy-feedback{color:var(--good);font-weight:800;min-width:92px}.mail-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.mail-unread{background:#fcfbff;border-color:#dcd4ff}.mail-unread .mail-head>div:first-child{font-weight:850}.mail-open-link{display:inline-block;margin-top:7px;font-weight:800}.danger-zone{margin-top:34px;padding:20px;border:1px solid #f0b5b0;background:#fff8f7;border-radius:16px}.danger-zone h2{margin-top:0}.btn-danger{display:inline-flex;align-items:center;justify-content:center;min-height:42px;border:0;border-radius:12px;padding:10px 15px;background:#b42318;color:#fff;font:inherit;font-weight:850;cursor:pointer}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.status-choices{margin:3px 0 5px}@media(max-width:800px){.imprint-link-card{align-items:stretch;flex-direction:column}.copy-actions{justify-content:flex-start}.mail-head{flex-direction:column}}


/* MVP 0.5 – Billing */
.grid-four{grid-template-columns:repeat(4,1fr)}
.hero-price{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:18px 0 22px;position:relative;z-index:1}
.hero-price strong{font-size:1.65rem}.hero-price span{color:#e7e2f3}
.pricing-section{margin-top:38px}.pricing-card .price-big{margin:8px 0 12px}
.price-big{font-size:1.45rem;font-weight:900;letter-spacing:-.025em}
.price-box{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:18px;border:1px solid var(--line);border-radius:16px;background:#fafafe;margin-bottom:12px}
.billing-card,.payment-instructions{display:flex;justify-content:space-between;gap:22px;align-items:center;margin:24px 0;background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 10px 30px rgba(18,22,33,.05)}
.payment-instructions{display:block}
.payment-panel{display:flex;flex-direction:column;gap:7px;align-items:flex-end;text-align:right}
.invoice-list{display:grid;gap:9px;margin:12px 0 24px}
.invoice-row{display:grid;grid-template-columns:2fr .8fr .8fr .7fr;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff}
.paid-badge{background:#eaf8f1;color:#12633e}
.billing-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 18px}
.billing-summary>div{padding:14px;border:1px solid var(--line);border-radius:14px;background:#fafafa}
.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0 24px}
.compact-form{margin:18px 0;padding:16px;border:1px solid var(--line);border-radius:15px;background:#fafafa}
.checkbox-line{display:flex!important;align-items:center;gap:8px}.checkbox-line input{width:auto!important}
.inline-payment{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.inline-payment select{min-height:36px;border:1px solid var(--line);border-radius:9px;padding:6px}
.btn-small{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:7px 10px;background:var(--accent);color:#fff;font:inherit;font-size:.8rem;font-weight:800;cursor:pointer}
.money-input{display:flex;align-items:stretch;border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}.money-input input{border:0!important;border-radius:0!important}.money-input span{display:flex;align-items:center;padding:0 12px;background:#f3f4f7;color:#6b7280;border-left:1px solid var(--line)}
.copyable{word-break:break-all}
@media(max-width:900px){.grid-four,.billing-summary{grid-template-columns:repeat(2,1fr)}.invoice-row{grid-template-columns:1fr 1fr}.billing-card{align-items:stretch;flex-direction:column}.payment-panel{align-items:flex-start;text-align:left}}
@media(max-width:600px){.grid-four,.billing-summary,.admin-stats{grid-template-columns:1fr}.price-box{align-items:flex-start;flex-direction:column}.invoice-row{grid-template-columns:1fr}}


/* MVP 0.5.1 – Post-Upload + Zahlungsworkflow */
.upload-box{margin-top:10px;padding:14px 15px;border:1px solid var(--line);border-radius:14px;background:#fafafa}
.upload-box #upload-title{font-weight:850;margin-bottom:3px}
.upload-progress{height:8px;border-radius:999px;background:#ececf2;overflow:hidden;margin-top:10px}
.upload-progress[aria-hidden="true"]{display:none}
.upload-progress span{display:block;height:100%;background:var(--accent);transition:width .15s ease}
.upload-working{background:#f7f5ff;border-color:#dcd4ff}
.upload-success{background:#eaf8f1;border-color:#9bd1b7;color:#12633e}
.upload-success .small{color:#327254}
.upload-error{background:#fff0ef;border-color:#e8aaa4;color:#9b241b}
.upload-error .small{color:#9b241b}
#save-button:disabled{opacity:.45;cursor:not-allowed}
.btn-success{background:#147a4d}
.btn-secondary{background:#667085}