:root{--bg: #0f1117;--card: #161b26;--border: #2a3140;--text: #e8eaef;--text2: #9aa3b5;--accent: #7c5cff;--green: #3ecf8e;--red: #f36b6b;--portal-bg: #13283c}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}a{color:var(--accent)}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:14px}.btn{border:1px solid var(--border);background:var(--card);color:var(--text);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-sm{padding:4px 10px;font-size:12px}input[type=text],input[type=password],input[type=email]{width:100%;max-width:360px;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:#0b0d12;color:var(--text)}.label-endkunden{display:inline-block;background:var(--portal-bg);border:1px solid #2a6a9a;color:#9fd4ff;padding:2px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.03em}.badge-warn{color:var(--red);font-size:12px}.badge-ok{color:var(--green);font-size:12px}table.data{width:100%;border-collapse:collapse;font-size:13px}table.data th,table.data td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}table.data th{color:var(--text2);font-weight:600}@media (max-width: 768px){.btn:not(.btn-sm){min-height:44px}}