:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--surface:#121212;--surface-2:#181818;--surface-3:#212121;--border:#262626;--border-strong:#343434;--text:#f4f4f2;--text-muted:#a6a6a1;--text-faint:#6f6f6a;--accent:#d4af37;--accent-strong:#e8c85a;--accent-soft:#d4af3724;--accent-contrast:#141208;--ok:#4ade80;--ok-soft:#4ade8024;--warn:#fbbf24;--warn-soft:#fbbf2424;--danger:#f87171;--danger-soft:#f8717124;--font:"Inter", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono:"JetBrains Mono", "Cascadia Code", Consolas, "SFMono-Regular", Menlo, monospace;--fs-xs:.75rem;--fs-sm:.8125rem;--fs-md:.9375rem;--fs-lg:1.125rem;--fs-xl:1.5rem;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;--sp-7:48px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--sidebar-w:240px;--topbar-h:56px;--content-max:1200px;--shadow:0 10px 30px #00000080;--focus:0 0 0 3px var(--accent-soft)}[data-area=hosts]{--accent:#5b9dff;--accent-strong:#82b4ff;--accent-soft:#5b9dff24;--accent-contrast:#0a1220}[data-area=bots]{--accent:#a78bfa;--accent-strong:#c4b5fd;--accent-soft:#a78bfa29;--accent-contrast:#140f24}[data-area=projekte]{--accent:#4ade80;--accent-strong:#86efac;--accent-soft:#4ade8024;--accent-contrast:#06180c}[data-area=netzwerk]{--accent:#2dd4bf;--accent-strong:#5eead4;--accent-soft:#2dd4bf24;--accent-contrast:#061a17}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-md);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:var(--fs-xl)}h2{font-size:var(--fs-lg)}h3{font-size:var(--fs-md)}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code,.mono{font-family:var(--font-mono);font-size:.875em}:focus-visible{box-shadow:var(--focus);border-radius:var(--radius-sm);outline:none}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.small{font-size:var(--fs-sm)}.shell{grid-template-columns:var(--sidebar-w) 1fr;min-height:100%;display:grid}.sidebar{background:var(--surface);border-right:1px solid var(--border);padding:var(--sp-4) var(--sp-3);gap:var(--sp-2);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.brand{align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-3) var(--sp-4);font-weight:700;font-size:var(--fs-lg);letter-spacing:-.02em;display:flex}.brand__mark{background:var(--surface-3);width:28px;height:28px;color:var(--accent);border-radius:8px;place-items:center;display:grid}.nav{flex-direction:column;gap:2px;display:flex}.nav__group{margin-top:var(--sp-4);padding:0 var(--sp-3);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint)}.nav__link{align-items:center;gap:var(--sp-3);padding:8px var(--sp-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-sm);font-weight:500;display:flex}.nav__link:hover{background:var(--surface-2);color:var(--text);text-decoration:none}.nav__link.active{background:var(--accent-soft);color:var(--accent-strong)}.nav__link svg{flex:none;width:18px;height:18px}.nav__badge{font-size:var(--fs-xs);color:var(--text-faint);margin-left:auto}.sidebar__footer{border-top:1px solid var(--border);padding-top:var(--sp-3);align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);margin-top:auto;display:flex}.avatar{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-strong);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.main{min-width:0}.topbar{height:var(--topbar-h);padding:0 var(--sp-6);border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__title{font-size:var(--fs-md);font-weight:600}.content{padding:var(--sp-6);max-width:var(--content-max)}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--sp-4);margin-bottom:var(--sp-5);display:flex}.page-header p{margin-top:var(--sp-1);color:var(--text-muted)}.stack{gap:var(--sp-4);flex-direction:column;display:flex}.stack--lg{gap:var(--sp-5)}.row{align-items:center;gap:var(--sp-3);display:flex}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.centered{min-height:100%;padding:var(--sp-6);background:radial-gradient(1200px 600px at 50% -10%, var(--accent-soft), transparent 60%), var(--bg);place-items:center;display:grid}.auth-card{width:100%;max-width:420px}.auth-card .brand{padding-bottom:var(--sp-5);justify-content:center}.steps{gap:var(--sp-2);margin-bottom:var(--sp-5);justify-content:center;display:flex}.steps__dot{background:var(--border-strong);border-radius:50%;width:8px;height:8px}.steps__dot.active{background:var(--accent)}.steps__dot.done{background:var(--ok)}@media (max-width:860px){.shell{grid-template-columns:1fr}.sidebar{border-right:none;border-bottom:1px solid var(--border);height:auto;position:static}.content{padding:var(--sp-4)}}.btn{appearance:none;border:1px solid var(--border-strong);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--fs-sm);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:var(--sp-2);white-space:nowrap;padding:8px 14px;font-weight:500;line-height:1.2;transition:background .12s,border-color .12s,opacity .12s;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.btn--primary:hover{background:var(--accent-strong)}.btn--danger{background:var(--danger-soft);color:var(--danger);border-color:#0000}.btn--danger:hover{background:#f871713d}.btn--ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn--ghost:hover{background:var(--surface-2);color:var(--text)}.btn--block{justify-content:center;width:100%}.btn--sm{font-size:var(--fs-xs);padding:5px 10px}.btn svg{width:16px;height:16px}.spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{flex-direction:column;gap:6px;display:flex}.field__label{font-size:var(--fs-sm);color:var(--text-muted);font-weight:500}.field__input{appearance:none;background:var(--bg);border:1px solid var(--border-strong);width:100%;color:var(--text);font:inherit;border-radius:var(--radius-sm);padding:9px 12px;transition:border-color .12s}.field__input:focus{border-color:var(--accent);box-shadow:var(--focus);outline:none}.field__input[aria-invalid=true]{border-color:var(--danger)}.field__hint{font-size:var(--fs-xs);color:var(--text-faint)}.field__error{font-size:var(--fs-xs);color:var(--danger)}.form{gap:var(--sp-4);flex-direction:column;display:flex}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-5)}.card--tight{padding:var(--sp-4)}.card__header{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4);display:flex}.card__header p{color:var(--text-muted);font-size:var(--fs-sm);margin-top:2px}.stat{flex-direction:column;gap:2px;display:flex}.stat__label{font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint)}.stat__value{font-size:var(--fs-xl);font-weight:600}.notice{border-radius:var(--radius-sm);font-size:var(--fs-sm);gap:var(--sp-2);border:1px solid #0000;align-items:flex-start;padding:10px 12px;display:flex}.notice--info{background:var(--accent-soft);color:var(--accent-strong)}.notice--ok{background:var(--ok-soft);color:var(--ok)}.notice--warn{background:var(--warn-soft);color:var(--warn)}.notice--danger{background:var(--danger-soft);color:var(--danger)}.badge{font-size:var(--fs-xs);background:var(--surface-3);color:var(--text-muted);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-weight:500;display:inline-flex}.badge--ok{background:var(--ok-soft);color:var(--ok)}.badge--warn{background:var(--warn-soft);color:var(--warn)}.badge--danger{background:var(--danger-soft);color:var(--danger)}.badge--accent{background:var(--accent-soft);color:var(--accent-strong)}.dot{background:currentColor;border-radius:50%;width:7px;height:7px}.table-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;white-space:nowrap;padding:10px 14px}.table th{color:var(--text-faint);font-weight:500;font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2)}.table tr:last-child td{border-bottom:none}.table td.wrap{white-space:normal}.table__empty{padding:var(--sp-6);text-align:center;color:var(--text-faint)}.list{border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.list__item{align-items:center;gap:var(--sp-4);border-bottom:1px solid var(--border);background:var(--surface);padding:12px 16px;display:flex}.list__item:last-child{border-bottom:none}.list__body{flex:1;min-width:0}.list__title{font-weight:500}.list__meta{font-size:var(--fs-xs);color:var(--text-faint);margin-top:2px}.list__actions{gap:var(--sp-2);flex:none;display:flex}.dialog-backdrop{padding:var(--sp-5);z-index:50;background:#0000008c;place-items:center;animation:.12s ease-out fade;display:grid;position:fixed;inset:0}.dialog{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);width:100%;max-width:440px;padding:var(--sp-5);box-shadow:var(--shadow);gap:var(--sp-4);flex-direction:column;display:flex}.dialog__actions{justify-content:flex-end;gap:var(--sp-2);display:flex}@keyframes fade{0%{opacity:0}to{opacity:1}}.kbd{font-family:var(--font-mono);font-size:var(--fs-xs);background:var(--surface-3);border:1px solid var(--border-strong);border-radius:4px;padding:1px 6px}.divider{background:var(--border);height:1px;margin:var(--sp-2) 0}.pagination{margin-top:var(--sp-3);font-size:var(--fs-sm);color:var(--text-muted);justify-content:space-between;align-items:center;display:flex}.pw-strength{background:var(--surface-3);border-radius:2px;height:4px;overflow:hidden}.pw-strength__bar{height:100%;transition:width .2s}.pw-strength__bar--0{background:var(--danger);width:10%}.pw-strength__bar--1{background:var(--danger);width:35%}.pw-strength__bar--2{background:var(--warn);width:60%}.pw-strength__bar--3{background:var(--ok);width:85%}.pw-strength__bar--4{background:var(--ok);width:100%}.grid--hosts{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.grid--metrics{margin-bottom:var(--sp-5);grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.host-card{gap:var(--sp-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);color:var(--text);flex-direction:column;transition:border-color .12s,background .12s;display:flex}.host-card:hover{border-color:var(--border-strong);background:var(--surface-2);text-decoration:none}.host-card__head{align-items:center;gap:var(--sp-3);display:flex}.host-card__icon{border-radius:var(--radius-sm);background:var(--accent-soft);width:36px;height:36px;color:var(--accent-strong);flex:none;place-items:center;display:grid}.host-card__icon svg{width:20px;height:20px}.host-card__foot{justify-content:space-between;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--text-faint);display:flex}.host-card__foot span{gap:var(--sp-2);align-items:center;display:inline-flex}.meters{flex-direction:column;gap:10px;display:flex}.meter__head{font-size:var(--fs-xs);justify-content:space-between;margin-bottom:4px;display:flex}.meter__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.meter__text{color:var(--text-faint)}.meter__bar{background:var(--surface-3);border-radius:3px;height:6px;overflow:hidden}.meter__fill{border-radius:3px;height:100%;transition:width .4s}.meter__fill--ok{background:var(--accent)}.meter__fill--warn{background:var(--warn)}.meter__fill--danger{background:var(--danger)}.metric-sub{margin-top:8px}.w-0{width:0}.w-5{width:5%}.w-10{width:10%}.w-15{width:15%}.w-20{width:20%}.w-25{width:25%}.w-30{width:30%}.w-35{width:35%}.w-40{width:40%}.w-45{width:45%}.w-50{width:50%}.w-55{width:55%}.w-60{width:60%}.w-65{width:65%}.w-70{width:70%}.w-75{width:75%}.w-80{width:80%}.w-85{width:85%}.w-90{width:90%}.w-95{width:95%}.w-100{width:100%}.tabs{border-bottom:1px solid var(--border);margin-bottom:var(--sp-4);gap:2px;display:flex;overflow-x:auto}.tab{appearance:none;color:var(--text-muted);font:inherit;font-size:var(--fs-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-weight:500}.tab:hover{color:var(--text)}.tab.active{color:var(--accent-strong);border-bottom-color:var(--accent)}.logview{border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-muted);white-space:pre-wrap;word-break:break-all;background:#050505;height:60vh;margin:0;line-height:1.5;overflow:auto}.codebox{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--fs-xs);white-space:pre-wrap;word-break:break-all;-webkit-user-select:all;user-select:all;margin:0;padding:10px 12px}.field__input--inline{max-width:320px}.kv{font-size:var(--fs-sm);grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;display:grid}.kv dt{color:var(--text-faint)}.kv dd{word-break:break-all;margin:0}.kv__row{display:contents}.prewrap{white-space:pre-wrap}textarea.field__input{resize:vertical;min-height:80px}