@import url('/assets/fonts/fonts.css');
:root{color-scheme:dark;--bg:#0B0D10;--surface:#1b2225;--line:#3a464b;--text:#f4f7f7;--muted:#b9c5c9;--accent:#D3FF5A;font-family:'DM Sans',sans-serif;font-size:16px;background:var(--bg);color:var(--text)}
*{box-sizing:border-box}body{margin:0}[hidden]{display:none!important}a{color:var(--accent);text-underline-offset:4px}button,input{font:inherit}button,.primary{min-height:44px;border:1px solid var(--line);background:transparent;color:var(--text);border-radius:7px;padding:10px 16px;cursor:pointer;font-size:.9375rem;font-weight:500;text-align:center;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:#2a373d;border-color:var(--accent)}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.primary{background:var(--accent);border-color:var(--accent);color:#112526;font-weight:700}.primary:hover{background:#e2ff9c;color:#112526}.top{display:flex;align-items:center;gap:24px;padding:20px max(24px,calc((100vw - 1440px)/2));border-bottom:1px solid var(--line);background:#0B0D10}.top img{object-fit:contain;display:block}.top span{font-family:'DM Sans',sans-serif;font-size:1.4rem;font-weight:600;letter-spacing:.06em;border-left:1px solid var(--line);padding-left:24px}.back{margin-left:auto;font-size:.9375rem}main{max-width:1440px;margin:auto;padding:36px 24px 80px}.heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{letter-spacing:.14em;color:var(--accent);font-size:.8125rem;margin:0 0 8px;font-weight:600}h1,h2,h3{font-family:'DM Sans',sans-serif;margin:0;font-weight:600}h1{font-size:2.5rem;line-height:1.12}h2{font-size:1.5rem;line-height:1.25}h3{font-size:1.25rem}.quiet{font-size:.9375rem;color:var(--muted)}.summary{display:flex;gap:48px;padding:0 0 26px;margin-bottom:28px;border-bottom:1px solid var(--line);flex-wrap:wrap}.summary div{display:grid;gap:4px;min-width:140px}.summary span{font-size:.875rem;color:var(--muted)}.summary strong{font-size:2rem;font-weight:500;font-variant-numeric:tabular-nums}.workspace{display:grid;grid-template-columns:340px minmax(0,1fr);gap:28px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;min-width:0}.create{position:sticky;top:24px}.create h2{margin-bottom:24px}form{display:grid;gap:8px}label{font-size:.9375rem;font-weight:500}input{width:100%;min-height:46px;background:#11181b;color:var(--text);border:1px solid #526169;border-radius:6px;padding:10px 12px;margin-bottom:12px}input[type=date]{min-width:0}.muted,.help{color:var(--muted)}.muted{font-weight:400}.help{font-size:.875rem;line-height:1.5;margin:0 0 18px}form input+.help{margin-top:-8px}.cost-note{font-size:.875rem;line-height:1.6;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin:22px 0 0}.section-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:14px}.section-heading button{font-size:.875rem}.created{margin-top:24px;padding:18px;background:#213a3b;border:1px solid #659997;border-radius:8px}.created output{display:block;overflow-wrap:anywhere;font-family:monospace;font-size:1.05rem;line-height:1.7;margin:12px 0;user-select:all;color:#c3f0ed}.created p{color:#d2e5e5;font-size:.875rem;line-height:1.5}.created button{width:100%}.empty{border:1px dashed var(--line);padding:36px 24px;text-align:center;line-height:1.7;color:var(--muted);border-radius:8px;margin:22px 0}.credit{padding:22px 0;border-top:1px solid var(--line);display:grid;gap:14px}.credit:first-child{margin-top:22px}.credit-head{display:flex;justify-content:space-between;align-items:start;gap:16px}.credit-title{font-size:1rem;font-family:inherit;font-weight:600;overflow-wrap:anywhere;margin-bottom:7px}.credit-code{font-family:monospace;font-size:.9375rem;line-height:1.6;overflow-wrap:anywhere;user-select:all;color:#c3dadb}.badge{padding:4px 9px;border-radius:4px;white-space:nowrap;font-size:.8125rem;background:#2c363b;color:#d2dcdf;border:1px solid #64747b}.badge[data-status=aktiv]{background:#223e3c;color:#bbede3;border-color:#599c90}.badge[data-status=gesperrt]{background:#43292c;color:#ffc8c8;border-color:#9e6268}.credit-info{display:flex;gap:16px 30px;flex-wrap:wrap;margin:0}.credit-info div{display:grid;gap:3px}.credit-info dt{font-size:.8125rem;color:var(--muted)}.credit-info dd{font-size:.9375rem;margin:0;font-variant-numeric:tabular-nums}.credit-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.credit-actions button{font-size:.875rem;padding:8px 12px;min-height:42px}.revoke{color:#ffc8c8}.confirm{padding:14px;background:#2d2527;border:1px solid #926369;border-radius:6px}.confirm p{font-size:.9375rem;line-height:1.5;margin:0 0 14px}.confirm button{margin-right:10px}.status{position:sticky;bottom:16px;padding:14px 20px;border:1px solid #76afac;border-radius:8px;background:#213b3b;box-shadow:0 8px 28px #0006;line-height:1.5;margin:24px 0 0}.status:empty{display:none}.status[data-error=true]{background:#3c252a;border-color:#aa747b;color:#ffe0e2}.access{max-width:600px;margin:50px auto}.access p:not(.eyebrow){line-height:1.7;color:var(--muted);margin:22px 0}.skip{position:fixed;top:-90px;left:20px;padding:12px;background:var(--accent);color:#112526;z-index:5}.skip:focus{top:12px}#more{margin-top:20px;width:100%}#sign-in-again{display:inline-block;margin-top:16px}
@media(max-width:1000px){.workspace{grid-template-columns:300px minmax(0,1fr);gap:20px}.panel{padding:20px}.credit-head{flex-direction:column;gap:10px}}
@media(max-width:760px){.workspace{grid-template-columns:1fr}.create{position:static}.top{padding:16px;gap:14px}.top img{width:140px;height:34px}.top span{font-size:1rem;padding-left:14px}.back{font-size:.875rem}main{padding:26px 16px 50px}h1{font-size:2rem}.summary{gap:20px;justify-content:space-between}.summary div{min-width:0}.summary span{font-size:.8125rem;max-width:100px}.summary strong{font-size:1.6rem}.credit-head{flex-direction:row}.section-heading{flex-wrap:wrap}.status{bottom:8px}.access{margin:20px auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}