:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--fg:#16181d;--muted:#666e7a;--line:#e2e5ea;--card:#f7f8fa;--card-2:#eef0f4;--accent:#2563eb;--ok:#1a7f4b;--warn:#a8690a;--bad:#b3261e;--chart-rx:#2563eb;--chart-tx:#7c3aed;--grid:#e2e5ea}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#14161a;--fg:#e8eaed;--muted:#9aa2ad;--line:#2a2e35;--card:#1c1f25;--card-2:#23272e;--accent:#60a5fa;--ok:#4ade80;--warn:#fbbf24;--bad:#f87171;--chart-rx:#60a5fa;--chart-tx:#c084fc;--grid:#2a2e35}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}main{max-width:76rem;margin:0 auto;padding:1.5rem 1.25rem 4rem}h1{margin:0 0 .25rem;font-size:1.5rem}h2{margin:2rem 0 .75rem;font-size:1.05rem}h3{margin:1.25rem 0 .5rem;font-size:.95rem}p.sub{color:var(--muted);margin:0 0 1.25rem}.topbar{border-bottom:1px solid var(--line);background:var(--card);flex-wrap:wrap;align-items:center;gap:1.25rem;padding:.75rem 1.25rem;display:flex}.topbar .brand{letter-spacing:-.01em;font-weight:700}.topbar nav{flex-wrap:wrap;gap:1rem;display:flex}.topbar nav a{color:var(--fg);opacity:.75;text-decoration:none}.topbar nav a:hover{opacity:1}.topbar .spacer{flex:1}.topbar .who{color:var(--muted);font-size:.85rem}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.5rem .6rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.78rem;font-weight:600}td.mono,code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}tr.clickable:hover{background:var(--card)}.card{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem}.grid{grid-template-columns:repeat(auto-fit,minmax(20rem,1fr));gap:1rem;display:grid}.empty{color:var(--muted);background:var(--card);border:1px solid var(--line);border-radius:10px;padding:1rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.btn{border:1px solid var(--line);background:var(--card-2);color:var(--fg);font:inherit;cursor:pointer;border-radius:7px;padding:.45rem .85rem;font-size:.9rem}.btn:hover:not(:disabled){border-color:var(--muted)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--fg);color:var(--bg);border-color:var(--fg);font-weight:600}.btn.danger{color:var(--bad);border-color:var(--bad);background:0 0}.btn.small{padding:.25rem .5rem;font-size:.8rem}.badge{border:1px solid var(--line);background:var(--card-2);border-radius:999px;padding:.1rem .45rem;font-size:.75rem;font-weight:600;display:inline-block}.badge.admin{color:var(--bad);border-color:var(--bad)}.badge.operator{color:var(--warn);border-color:var(--warn)}.badge.viewer{color:var(--muted)}.state{font-weight:600}.state-running,.state-online{color:var(--ok)}.state-crashed,.state-offline{color:var(--bad)}.state-starting,.state-stopping{color:var(--warn)}.state-stopped,.state-unbekannt,.state-unknown,.state-disabled{color:var(--muted)}.tabs{border-bottom:1px solid var(--line);gap:.25rem;margin:1rem 0 1.25rem;display:flex}.tabs a{color:var(--muted);border-bottom:2px solid #0000;margin-bottom:-1px;padding:.5rem .9rem;text-decoration:none}.tabs a.active{color:var(--fg);border-bottom-color:var(--accent);font-weight:600}input,select,textarea{border:1px solid var(--line);background:var(--bg);color:var(--fg);font:inherit;border-radius:7px;padding:.45rem .6rem;font-size:.9rem}label{color:var(--muted);gap:.25rem;font-size:.85rem;display:grid}label>input,label>select{color:var(--fg)}.error{color:var(--bad);font-size:.9rem}.warn{color:var(--warn)}.muted{color:var(--muted)}.notice{border-radius:8px;padding:.7rem .85rem;font-size:.87rem;line-height:1.45}.notice.danger{border:1px solid var(--bad);color:var(--bad);background:color-mix(in oklab, var(--bad) 8%, transparent)}.notice.info{border:1px solid var(--line);background:var(--card);color:var(--muted)}form.login{gap:.75rem;max-width:20rem;margin:4rem auto;display:grid}.console-wrap{border:1px solid var(--line);background:#0b0d10;border-radius:10px;overflow:hidden}.console-term{height:26rem;padding:.5rem}.console-input{gap:.5rem;margin-top:.6rem;display:flex}.console-input input{flex:1;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.console-status{color:var(--muted);margin:.4rem 0 0;font-size:.8rem}.crumbs{flex-wrap:wrap;align-items:center;gap:.3rem;font-size:.9rem;display:flex}.crumbs button{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.filerow td:first-child{width:100%}.dropzone{border:2px dashed var(--line);text-align:center;color:var(--muted);border-radius:10px;padding:1rem}.dropzone.over{border-color:var(--accent);color:var(--fg)}.progress{background:var(--card-2);border-radius:999px;height:4px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .15s linear}@media (max-width:720px){main{padding:1rem .75rem 3rem}table,thead,tbody,th,td,tr{display:block}thead{display:none}tr{border:1px solid var(--line);border-radius:8px;margin-bottom:.6rem;padding:.3rem}td{border:0;padding:.25rem .4rem}td:before{content:attr(data-label) ": ";color:var(--muted);font-size:.8rem}.console-term{height:18rem}}