:root{color-scheme:dark;--bg:#0c1722;--surface:#122332;--surface2:#172b3a;--line:#2c3e4b;--text:#f1efea;--muted:#9faeb9;--gold:#d0b47c;--green:#80c1a3;--red:#ed9e99;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button,a.button{cursor:pointer;min-height:46px;border-radius:8px;padding:11px 18px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:600}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.primary{background:var(--gold);color:#142432;box-shadow:0 4px 20px #0002}.primary:hover{background:#e0c58f}.secondary{border-color:var(--line);background:var(--surface2);color:var(--text)}.quiet{background:transparent;color:var(--muted);padding:8px 10px;min-height:44px}.quiet:hover{color:var(--gold);background:#ffffff05}.danger{background:#7c3836;color:#fff}.rail{position:fixed;inset:0 auto 0 0;width:250px;background:#101e2b;border-right:1px solid var(--line);padding:35px 25px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--gold);font:22px var(--serif);letter-spacing:2px}.brand img{width:39px;height:49px}.brand small{display:block;font:9px system-ui;letter-spacing:2.4px;color:var(--muted);margin-top:7px}.rail-label{font-size:8px;letter-spacing:1.1px;color:#738795;margin:28px 0 35px}.rail nav{display:grid;gap:9px}.rail nav button{justify-content:flex-start;background:transparent;color:var(--muted);font-size:14px;padding:13px}.rail nav button span{font-size:23px;width:23px;line-height:1}.rail nav button.selected{background:#d0b47c12;color:var(--gold);border-color:#d0b47c35}.rail-bottom{margin-top:auto;color:var(--muted);font-size:11px}.rail-bottom small{display:block;margin:8px 0;color:#657e8d}.secure-dot{display:inline-block;width:6px;height:6px;background:var(--green);border-radius:50%;margin-right:7px}.workspace{margin-left:250px;min-height:100vh;display:flex;flex-direction:column}header{height:86px;border-bottom:1px solid var(--line);padding:0 44px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:12px}.breadcrumb span{margin:0 15px;color:#5e7382}.breadcrumb strong{color:#cdd5d9;font-weight:500}.account{display:flex;align-items:center;gap:15px}.account>span{font-size:11px}main{width:min(1200px,100%);margin:0 auto;padding:44px 44px 65px;flex:1}.eyebrow{display:block;color:var(--gold);font-size:10px;letter-spacing:2px;font-weight:650;margin-bottom:13px}h1{font:38px/1.2 var(--serif);margin:0 0 13px;letter-spacing:-.5px}h2{font-size:17px;margin:0;font-weight:600}p{color:var(--muted);margin:0;line-height:1.7}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.page-heading>button{flex-shrink:0}.page-heading p{font-size:13px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:38px}.stats article{padding:23px 24px;background:linear-gradient(125deg,#192d3b,#112331);border:1px solid var(--line);border-radius:11px}.stats article>span{font-size:12px;color:#c0cbd1}.stats strong{display:block;font:35px var(--serif);color:var(--gold);margin:12px 0 9px}.stats small{color:#8c9eaa;font-size:10px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.toolbar{display:flex;gap:12px;margin-bottom:18px}.search{position:relative;flex:1}.search>span{position:absolute;font-size:25px;color:var(--muted);top:3px;left:14px}.search input{padding-left:43px}input,select{min-height:46px;border:1px solid var(--line);border-radius:7px;background:#0f202d;color:var(--text);padding:11px 13px;min-width:0;max-width:100%;font-size:14px}input{width:100%}input::placeholder{color:#748b9a}select{cursor:pointer}.code-list{display:grid;gap:12px}.code-card{background:var(--surface);border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.1fr) auto;gap:20px;padding:22px;align-items:center}.code-name{font-size:15px;font-weight:650;margin:9px 0 5px;overflow-wrap:anywhere}.mask{font:12px ui-monospace,monospace;color:var(--muted);letter-spacing:1px}.badge{font-size:10px;padding:3px 8px;border-radius:4px;display:inline-block;background:#8595a315;color:#aab8c2;border:1px solid #8595a32a}.badge.aktiv{color:#9acdb5;background:#68b68e13;border-color:#68b68e35}.badge.zukünftig{color:#d9bf89;background:#d0b47c10;border-color:#d0b47c35}.rewards-list{display:grid;gap:5px;color:#cbd6db;font-size:12px}.reward-item{display:flex;align-items:center;gap:8px}.reward-gem{color:var(--gold);font-size:16px}.code-progress{margin-top:13px;font-size:11px;color:var(--muted)}.progress{height:3px;background:#ffffff0a;margin-top:8px;border-radius:3px;overflow:hidden}.progress span{height:100%;display:block;background:var(--gold)}.code-controls{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.code-controls small{color:var(--muted);font-size:10px;margin-bottom:4px;white-space:nowrap}.code-controls button{font-size:11px;min-height:36px;padding:7px 10px}.code-controls .disable{color:#b68a85}.list-footer{display:flex;align-items:center;justify-content:space-between;margin-top:19px;color:var(--muted)}.info-line{display:flex;align-items:center;justify-content:center;gap:10px;color:#7d939f;font-size:11px;margin-top:34px}.info-line span{color:var(--gold);font-size:18px}footer{border-top:1px solid var(--line);padding:20px 44px;color:#69808e;letter-spacing:1.4px;font-size:8px}footer span{margin:0 10px}.footer-private{float:right;letter-spacing:0}.panel{padding:27px;background:var(--surface);border:1px solid var(--line);border-radius:11px}.form-main{display:grid;gap:22px}.form-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(270px,1fr);gap:24px;align-items:start}.panel-title{display:flex;gap:12px;align-items:center;margin-bottom:26px}.step{font:13px var(--serif);color:var(--gold);border:1px solid #d0b47c40;border-radius:50%;padding:6px}label:not(.check){display:block;font-size:12px;color:#d0d9de}label input,label select{display:block;margin-top:9px}.optional{font-size:10px;color:var(--muted);margin-left:4px}.label-line{display:flex;justify-content:space-between;margin:26px 0 12px;align-items:center;gap:6px}.label-line>span{font-size:9px;color:var(--muted)}.reward-row{display:grid;grid-template-columns:minmax(0,1fr) 85px 40px;gap:9px;margin-bottom:11px}.reward-row input,.reward-row select{width:100%;font-size:12px}.reward-row button{padding:0;min-height:46px}.add{font-size:12px;color:var(--gold);background:transparent;border-style:dashed;border-color:#d0b47c45;width:100%;margin-top:4px}.choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:23px}.choice label{border:1px solid var(--line);border-radius:8px;padding:12px;font-size:11px!important}.choice label:has(input:checked){border-color:#d0b47c75;background:#d0b47c08}.choice input{width:15px;min-height:15px;display:inline-block;margin:0 6px 0 0;accent-color:var(--gold)}.choice small{display:block;font-size:9px;color:var(--muted);margin-top:7px}.check{display:flex;gap:11px;align-items:flex-start;font-size:12px;line-height:1.65;color:#bdcbd3}.check input{width:17px;height:17px;min-height:17px;flex-shrink:0;margin-top:3px;accent-color:var(--gold)}.panel>.check{margin:23px 0 14px}.two-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:15px}.hint{font-size:10px;color:var(--muted);display:block;margin-top:13px;line-height:1.7}.summary{position:sticky;top:24px;border-top:2px solid var(--gold)}.summary h2{font:24px var(--serif);margin-bottom:25px}.summary .reward-item{margin-bottom:12px;font-size:13px}.summary-total{border-top:1px solid var(--line);margin-top:24px;padding-top:20px}.summary-total>span{font-size:11px;color:var(--muted);display:block;margin-bottom:12px}.summary-total .reward-item{color:var(--gold);font-size:12px}.confirm{padding:20px 0}.summary>button{width:100%;font-size:12px}.summary>small{font-size:10px;color:var(--muted);display:block;text-align:center;margin-top:16px;line-height:1.7}.notice{border:1px solid #c6a16b60;background:#c6a16b12;padding:14px 18px;margin-bottom:24px;color:#ddc9a6;font-size:13px;border-radius:7px;overflow-wrap:anywhere}.empty{text-align:center;padding:60px 20px;background:var(--surface);border:1px dashed var(--line);border-radius:10px}.empty .empty-icon{color:var(--gold);font:40px var(--serif);display:block;margin-bottom:14px}.empty h2{font:24px var(--serif);margin-bottom:10px}.empty p{font-size:12px}.login{max-width:580px;margin:45px auto;text-align:center}.login>img{width:65px;height:76px;margin-bottom:30px}.login h1{font-size:44px}.login p{margin:22px auto 30px;max-width:430px}.login .button{min-width:240px}.login>small{display:block;font-size:11px;color:var(--muted);margin:20px auto;max-width:310px}.audit-entry,.history-entry{padding:18px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:18px;overflow-wrap:anywhere}.audit-entry:last-child{border:0}.audit-entry small,.history-entry small{display:block;color:var(--muted);font-size:11px}.audit-entry time,.history-entry time{color:var(--muted);font-size:11px;white-space:nowrap}dialog{background:#142836;color:var(--text);border:1px solid #d0b47c55;border-radius:14px;padding:32px;max-width:min(560px,calc(100vw - 28px));width:100%;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 100px #0008}dialog::backdrop{background:#040e19c9;backdrop-filter:blur(6px)}dialog h2{font:30px var(--serif);margin:18px 0 15px}dialog p{font-size:13px}#result-dialog{text-align:center}.dialog-close{position:absolute;top:10px;right:10px}.success-icon{color:var(--green);font-size:32px;border:1px solid #80c1a344;border-radius:50%;width:65px;height:65px;margin:6px auto 25px;display:grid;place-items:center}.new-code{font:18px/1.8 ui-monospace,monospace;letter-spacing:1px;color:var(--gold);padding:18px 12px;border:1px dashed #d0b47c65;background:#071824;margin:25px 0;overflow-wrap:anywhere;user-select:all}#result-dialog>.primary,#result-dialog>.secondary{width:100%;margin-bottom:8px}#copy-status{color:var(--green);margin-top:10px}.dialog-head{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin-top:0}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}[hidden]{display:none!important}
@media(min-width:1500px){main{padding-top:60px}.stats{gap:24px}.code-card{padding:25px}}@media(max-width:1100px){.rail{width:215px;padding:30px 18px}.workspace{margin-left:215px}main{padding:32px 28px 50px}header{padding:0 28px}h1{font-size:33px}.form-grid{grid-template-columns:1fr}.summary{position:static}.stats article{padding:20px 17px}.code-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.code-controls{grid-column:1/-1;flex-direction:row;justify-content:flex-end;align-items:center;border-top:1px solid var(--line);padding-top:9px}.code-controls small{margin-right:auto}.brand{font-size:20px}}@media(max-width:760px){.rail{z-index:10;width:auto;height:68px;inset:auto 0 0;padding:0 8px;border-right:0;border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);height:calc(68px + env(safe-area-inset-bottom))}.rail .brand,.rail-label,.rail-bottom{display:none}.rail nav{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.rail nav button{display:flex;flex-direction:column;justify-content:center;gap:3px;font-size:10px;border-radius:0;min-height:67px;padding:7px 3px}.rail nav button span{font-size:21px}.rail nav button.selected{border-color:transparent;border-top:2px solid var(--gold);background:transparent}.workspace{margin:0;padding-bottom:calc(68px + env(safe-area-inset-bottom))}header{height:70px;padding:0 20px}.breadcrumb{font-size:11px}.breadcrumb span{margin:0 8px}.account>span{display:none}.account button{font-size:11px}main{padding:28px 19px 42px}.page-heading{display:block;margin-bottom:25px}.page-heading>.primary{margin-top:22px;width:100%}.page-heading>.quiet{margin-top:10px;margin-left:-10px}.eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:10px}h1{font-size:32px;line-height:1.22}.page-heading p{font-size:12px}.stats{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:29px}.stats article{padding:17px 14px}.stats article:last-child{display:none}.stats article>span{font-size:10px}.stats strong{font-size:29px;margin:10px 0 5px}.stats small{font-size:9px}.toolbar{gap:8px}.toolbar select{width:128px;font-size:12px;padding:9px}.search input{font-size:12px;padding-left:33px}.search>span{left:9px}.code-card{padding:18px;gap:15px 12px}.code-name{font-size:14px}.rewards-list{font-size:11px}.code-progress{font-size:10px}.code-controls small{white-space:normal;max-width:130px;font-size:9px}.code-controls button{padding:6px 8px}.info-line{align-items:flex-start;text-align:left;font-size:10px;margin-top:25px}footer{padding:18px 20px;font-size:7px}.footer-private{display:none}.panel{padding:22px 17px}.form-grid{gap:18px}.form-main{gap:18px}.reward-row{grid-template-columns:minmax(0,1fr) 65px 32px;gap:6px}.reward-row input,.reward-row select{padding:9px 6px;font-size:11px}.reward-row button{font-size:18px}.choice{gap:8px}.choice label{padding:12px 8px}.two-fields{grid-template-columns:1fr}.summary h2{font-size:25px}.summary .primary{min-height:52px}.login{margin:25px auto}.login h1{font-size:37px}.login p{font-size:13px}.login .button{width:100%}.audit-entry,.history-entry{display:block}.audit-entry time,.history-entry time{display:block;margin-top:7px}dialog{padding:28px 20px}dialog h2{font-size:27px}.new-code{font-size:16px}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}

progress{appearance:none;width:100%;height:3px;border:0;border-radius:3px;background:#ffffff0a;accent-color:var(--gold)}progress::-webkit-progress-bar{background:#ffffff0a}progress::-webkit-progress-value{background:var(--gold)}progress::-moz-progress-bar{background:var(--gold)}

#custom-code-field{margin-top:20px}.reward-row .reward-select{padding:10px 12px;background:#0f202d;border:1px solid var(--line);color:var(--text);justify-content:space-between;text-align:left;font-size:12px;gap:8px}.reward-select span:first-child{overflow-wrap:anywhere}.reward-select span:last-child{color:var(--gold);flex-shrink:0}#reward-dialog{width:640px;max-width:calc(100vw - 28px)}#reward-dialog .dialog-head h2{font:24px var(--serif);margin:0}.picker-search{position:sticky;top:-1px;z-index:1;background:#142836;padding:16px 0 10px}.picker-search input{width:100%;font-size:14px}#reward-count{font-size:12px;margin:4px 0 14px}.reward-group{border:1px solid var(--line);border-radius:9px;margin-bottom:10px;overflow:hidden}.reward-group summary{padding:14px 15px;cursor:pointer;font-size:13px;color:var(--gold);min-height:48px}.reward-group summary:focus-visible{outline:2px solid var(--gold);outline-offset:-3px}.group-count{float:right;color:var(--muted);font-size:11px}.reward-option{display:flex;width:100%;justify-content:space-between;gap:12px;border-radius:0;border-top:1px solid var(--line);background:transparent;color:var(--text);text-align:left;padding:13px 15px;font-size:13px;font-weight:500}.reward-option>span{overflow-wrap:anywhere;min-width:0}.reward-option>small{color:var(--muted);font-size:10px;font-weight:400;flex-shrink:0}.reward-option:hover:not(:disabled){background:#d0b47c10}.reward-option:disabled{cursor:default}.picker-empty{padding:22px 8px;font-size:13px}@media(max-width:760px){.reward-row{grid-template-columns:minmax(0,1fr) 65px 32px}.reward-row .reward-select{padding:9px 8px;font-size:12px}.reward-option{font-size:12px;padding:13px 12px}.reward-option>small{max-width:82px;text-align:right}.reward-group summary{padding:14px 12px}}