:root{color-scheme:light;--ink: #18181b;--gedaempft: #52525b;--linie: #d4d4d8;--flaeche: #f4f4f5;--akzent: #0369a1;--akzent-dunkel: #075985;--logo-cyan: #29abe2}*{box-sizing:border-box}body{margin:0;font-family:system-ui,sans-serif;background:var(--flaeche);color:var(--ink)}.wrap{display:flex;justify-content:center;padding:6vh 1rem 2rem}.card{background:#fff;padding:1.5rem 2rem 2rem;border-radius:12px;border-top:3px solid var(--logo-cyan);box-shadow:0 2px 12px #00000014;width:100%;max-width:30rem;align-self:flex-start}.kopfzeile{display:flex;justify-content:space-between;align-items:center;gap:.8rem;padding-bottom:1rem;border-bottom:1px solid var(--linie);margin-bottom:1.2rem}.logo{height:34px;width:auto}.dienst{font-family:ui-monospace,Consolas,monospace;font-size:.75rem;color:var(--akzent);background:#e0f2fe;padding:.2rem .6rem;border-radius:999px;white-space:nowrap}h1{font-size:1.25rem;margin:0 0 .2rem;letter-spacing:-.01em}h2{font-size:1.05rem;margin:1.4rem 0 .5rem}.sub{color:var(--gedaempft);margin-top:0}.tabs{display:flex;gap:.5rem;margin-bottom:.6rem}.tabs button{flex:1;min-height:44px;padding:.5rem;border:1px solid var(--linie);background:#fafafa;color:var(--ink);border-radius:8px;cursor:pointer}.tabs button:hover{background:#f0f9ff}.tabs button.aktiv{background:var(--akzent);color:#fff;border-color:var(--akzent)}form{display:flex;flex-direction:column;gap:.35rem}form>button[type=submit]{margin-top:.8rem}form h2{margin-bottom:0}label{font-size:.9rem;color:var(--gedaempft);margin-top:.5rem}input,select{padding:.6rem .7rem;min-height:44px;border:1px solid var(--linie);border-radius:8px;font-size:1rem;color:var(--ink);width:100%}:focus-visible{outline:2px solid var(--akzent);outline-offset:2px}button{padding:.7rem;min-height:44px;border:0;border-radius:8px;background:var(--akzent);color:#fff;font-size:1rem;cursor:pointer;transition:background-color .15s ease-out}button:hover{background:var(--akzent-dunkel)}button:disabled{opacity:.6;cursor:default}button.sekundaer{background:#e4e4e7;color:var(--ink);margin-top:1.2rem;width:100%}button.sekundaer:hover{background:var(--linie)}button.klein{padding:.45rem .8rem;min-height:40px;font-size:.85rem}.geheim{display:flex;gap:.4rem}.geheim input{flex:1 1 auto;min-width:0}.geheim button{flex:0 0 auto;padding:0 .8rem;font-size:.85rem;background:#e4e4e7;color:var(--ink)}.geheim button:hover{background:var(--linie)}.zeile2{display:flex;gap:.8rem}.zeile2>div{flex:1;display:flex;flex-direction:column;gap:.35rem}.err{color:#b91c1c;margin:0 0 .8rem}.okmsg{color:#15803d;margin:0 0 .8rem}.hint{color:var(--gedaempft);font-size:.85rem;line-height:1.5}.status{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem}.lbl{display:inline-block;min-width:10rem;color:var(--gedaempft)}.ok{color:#15803d;font-weight:600}.warn{color:#b45309;font-weight:600}.tabelle{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}th,td{text-align:left;padding:.4rem .5rem;border-bottom:1px solid #eee}.badge{margin-left:.4rem;font-size:.7rem;background:#e0f2fe;color:#075985;padding:.1rem .35rem;border-radius:6px}