:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#10131A;background:#F5F7FA;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{background:white;border-bottom:1px solid #dfe5ee;padding:20px max(24px,calc((100vw - 1200px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:22px;text-decoration:none;color:#566176}.brand img{max-width:45vw;height:auto}main{max-width:1200px;margin:42px auto;padding:0 24px;min-height:70vh}footer{text-align:center;color:#69758a;font-size:13px;padding:24px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#246BFD;font-weight:700;font-size:12px}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;margin:12px 0}h2{font-size:22px;margin:0 0 16px}h3{margin:0 0 8px;font-size:19px}p{line-height:1.6;color:#566176}button,.button{background:#246BFD;color:white;border:1px solid #246BFD;border-radius:9px;padding:12px 17px;font:inherit;font-weight:600;cursor:pointer;display:inline-block;text-decoration:none;text-align:center}button:hover,.button:hover{background:#1758db}button.secondary,.button.secondary{background:white;color:#10131A;border-color:#cbd5e2}button.danger{background:#fff;color:#a12525;border-color:#e6bcbc}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #80adff;outline-offset:3px}input,select{width:100%;border:1px solid #b8c3d4;border-radius:8px;padding:12px;font:inherit;background:white;color:#10131A}input:focus,select:focus{outline:3px solid #d0dfff;border-color:#246BFD}label{display:block;font-size:14px;font-weight:600;margin:18px 0 7px}label.check{display:flex;align-items:center;gap:10px}input[type=checkbox]{width:auto;accent-color:#246BFD}.auth{max-width:470px;margin:60px auto}.card,.auth{background:white;border:1px solid #e0e6ef;border-radius:16px;padding:28px;box-shadow:0 6px 25px #10131a04}.auth button{width:100%;margin-top:22px}.hint{font-size:13px;color:#69758a}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px;margin:28px 0}.card .button{margin-top:14px}.status{font-size:12px;display:inline-block;border-radius:20px;padding:6px 10px;background:#eaf5ed;color:#296344}.status.off{background:#fff2de;color:#956317}.toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:24px 0}.toolbar input{max-width:400px}.muted{color:#69758a}.section{margin-top:36px}.split{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compact{max-width:620px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:14px}td,th{padding:15px 12px;border-bottom:1px solid #e5eaf2}th{color:#69758a;font-size:12px;text-transform:uppercase}td button{font-size:13px;padding:8px 10px;margin:3px}#notice{background:#eaf2ff;border:1px solid #b9d2ff;border-radius:10px;padding:15px 20px;margin-bottom:24px;overflow-wrap:anywhere}#notice.error{background:#fff0ef;border-color:#edbbbb;color:#982929}.link-result{background:#eef4ff;border:1px solid #b9d2ff;border-radius:10px;padding:18px;margin:20px 0;overflow-wrap:anywhere}.link-result input{margin:10px 0}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.row-end{justify-content:space-between}#account{display:flex;align-items:center;gap:14px;font-size:14px}.empty{border:1px dashed #c6d0df;padding:36px;border-radius:14px;color:#69758a}details{margin:20px 0}summary{cursor:pointer;font-weight:600}@media(max-width:700px){header{padding:16px;align-items:flex-start;flex-wrap:wrap}.brand{gap:10px;font-size:13px}main{padding:0 16px;margin:26px auto}.split{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.auth,.card{padding:22px}.auth{margin:24px auto}#account{flex-wrap:wrap}h1{font-size:31px}}

/* v0.1.1: Abstand zwischen Formularfeldern und Aktionen */
.card form > button{margin-top:18px}
.card > .button + div{margin-top:12px}
#view > button + .eyebrow{display:inline-block;margin-left:12px}
.compact > button + h1{margin-top:24px}
.auth > button{margin-top:12px}
