@charset "UTF-8";:root{--bg: #f4f6fa;--surface: #ffffff;--surface-muted: #eef1f7;--text: #1a1f2b;--text-muted: #626a7a;--border: #d7dce6;--accent: #2f5bd7;--accent-dark: #22449f;--accent-soft: #e5ecfd;--positive: #1f8f4e;--positive-soft: #e2f5ea;--negative: #c33a2f;--negative-soft: #fce9e7;--warning: #a86a12;--warning-soft: #fdf0da;--radius: .7rem;--shadow: 0 1px 2px rgb(16 24 40 / 8%);--shadow-lg: 0 8px 24px rgb(16 24 40 / 14%);--pad-card: .85rem;--pad-seite: .75rem;--gap: .75rem}@media(min-width:48rem){:root{--pad-card: 1.25rem;--pad-seite: 1.5rem;--gap: 1rem}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,Helvetica Neue,sans-serif;font-size:16px;line-height:1.5}h1,h2,h3{margin:0 0 .5rem;line-height:1.25;overflow-wrap:break-word}h1{font-size:1.3rem}h2{font-size:1.1rem}h3{font-size:.95rem}@media(min-width:48rem){h1{font-size:1.6rem}h2{font-size:1.2rem}h3{font-size:1rem}}p{margin:0 0 .75rem}a{color:var(--accent)}img{max-width:100%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--pad-card)}.card+.card{margin-top:var(--gap)}.muted{color:var(--text-muted)}.small{font-size:.85rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.spacer{flex:1 1 auto}.stack{display:flex;flex-direction:column;gap:var(--gap)}.empty{padding:1.25rem .75rem;text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius)}@media(min-width:48rem){.empty{padding:2rem 1rem}}button{font:inherit;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:2.5rem;padding:.5rem .9rem;border-radius:.5rem;border:1px solid var(--border);background:var(--surface);color:var(--text);font-weight:500;text-align:center;text-decoration:none;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--surface-muted)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover:not(:disabled){background:var(--accent-dark)}.btn.danger{color:var(--negative);border-color:#e7bab5}.btn.danger:hover:not(:disabled){background:var(--negative-soft)}.btn.small{min-height:2rem;padding:.3rem .6rem;font-size:.85rem}input,select,textarea{font-family:inherit;font-size:1rem;padding:.45rem .6rem;border:1px solid var(--border);border-radius:.45rem;background:var(--surface);color:var(--text);max-width:100%}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}label{display:inline-flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--text-muted);min-width:0}label.inline{flex-direction:row;align-items:center;gap:.5rem;color:var(--text);font-size:1rem}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse;font-size:.85rem}th,td{padding:.4rem .45rem;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}@media(min-width:48rem){table{font-size:.92rem}th,td{padding:.5rem .6rem}}th{color:var(--text-muted);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.03em}tbody tr:hover{background:var(--surface-muted)}.banner{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;padding:.6rem .75rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-muted);font-size:.9rem}@media(min-width:48rem){.banner{gap:.6rem;padding:.75rem 1rem;font-size:.95rem}}.banner.ok{background:var(--positive-soft);border-color:#b6e0c6;color:#14512e}.banner.blocked{background:var(--negative-soft);border-color:#f0c3be;color:#7c231b}.banner.warn{background:var(--warning-soft);border-color:#edd3a4;color:#6d4409}.points{font-variant-numeric:tabular-nums;font-weight:700}.points.pos{color:var(--positive)}.points.neg{color:var(--negative)}.badge{display:inline-block;padding:.1rem .45rem;border-radius:999px;background:var(--surface-muted);border:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}
