:root{--ink:#101513;--paper:#ecebdd;--panel:#f7f5e8;--muted:#70756d;--line:#c9c8ba;--signal:#b9ff4a;--amber:#ffad32;--red:#f05d45;--blue:#73b9ff;--shadow:0 20px 60px rgba(16,21,19,.12);font-family:"Bahnschrift","DIN Alternate","Franklin Gothic Medium",sans-serif;color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--paper);color:var(--ink)}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.eyebrow{margin:0 0 8px;font:700 11px/1.2 ui-monospace,"Cascadia Code",monospace;letter-spacing:.15em;color:var(--muted)}
.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,560px) 1fr;background:var(--ink);padding:5vw}.login-card{background:var(--panel);padding:clamp(36px,6vw,76px);display:flex;flex-direction:column;justify-content:center;box-shadow:var(--shadow)}.login-card h1{font:800 clamp(48px,7vw,92px)/.86 "Bahnschrift Condensed","Arial Narrow",sans-serif;letter-spacing:-.06em;text-transform:uppercase;margin:22px 0 28px;max-width:5ch}.login-copy{font-size:18px;line-height:1.5;max-width:32ch;color:#4f554e;margin-bottom:42px}.brand-mark{display:flex;gap:5px;width:max-content}.brand-mark span{width:13px;height:42px;background:var(--ink);transform:skew(-18deg)}.brand-mark span:nth-child(2){background:var(--signal);height:27px;margin-top:15px}.brand-mark.small span{width:6px;height:26px}.brand-mark.small span:nth-child(2){height:17px;margin-top:9px}.stack{display:grid;gap:18px}.stack label,.modal label{display:grid;gap:7px;font-size:12px;font-weight:700;letter-spacing:.05em}.stack input,.modal input,.modal select,.filters select{border:1px solid var(--line);background:#fffef5;padding:14px 15px;outline:none;transition:.2s}.stack input:focus,.modal input:focus,.modal select:focus,.filters select:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(185,255,74,.35)}.button{border:0;padding:13px 17px;font-weight:800;letter-spacing:.02em;display:inline-flex;align-items:center;justify-content:center;gap:14px}.button.primary{background:var(--ink);color:var(--paper)}.button.primary:hover{background:#273029}.button.danger{background:var(--red);color:#fff}.button.ghost{background:transparent;border:1px solid var(--line)}.login-aside{position:relative;color:var(--paper);display:flex;flex-direction:column;justify-content:flex-end;padding:5vw;overflow:hidden}.login-aside p{font:700 12px ui-monospace,monospace;letter-spacing:.15em;text-transform:uppercase}.login-aside strong{font-size:clamp(22px,3vw,44px)}.orbit{position:absolute;width:min(55vw,700px);aspect-ratio:1;left:50%;top:45%;transform:translate(-50%,-50%);border:1px solid #3d4641;border-radius:50%;animation:spin 18s linear infinite}.orbit i{position:absolute;border:1px solid #3d4641;border-radius:50%;inset:14%}.orbit i:nth-child(2){inset:29%;border-color:var(--signal)}.orbit i:nth-child(3){inset:44%;background:var(--signal);box-shadow:0 0 90px rgba(185,255,74,.5)}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.app-shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--ink);color:var(--paper);padding:28px 20px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:13px;padding:0 8px 32px;border-bottom:1px solid #313a35}.brand strong{display:block;font-size:13px;letter-spacing:.08em}.brand small{font:10px ui-monospace,monospace;color:#89928b}nav{display:grid;gap:4px;margin-top:28px}.nav-item{border:0;background:transparent;color:#aab0aa;text-align:left;padding:13px 11px;font-weight:700}.nav-item span{font:10px ui-monospace,monospace;margin-right:14px;color:#66706a}.nav-item:hover,.nav-item.active{background:#252d29;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--signal)}.sidebar-foot{margin-top:auto;border-top:1px solid #313a35;padding:22px 8px 0}.identity{display:flex;gap:10px;align-items:center}.identity i{width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 12px var(--signal)}.identity strong,.identity small{display:block}.identity strong{font-size:13px}.identity small{font:10px ui-monospace,monospace;color:#89928b;text-transform:uppercase}.text-button{border:0;background:transparent;color:#89928b;padding:16px 0 0;font-size:12px}.workspace{grid-column:2;min-width:0}.topbar{height:104px;padding:22px clamp(24px,4vw,58px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(236,235,221,.92);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.topbar h1{margin:0;font:800 31px/1 "Bahnschrift Condensed",sans-serif;text-transform:uppercase}.top-actions{display:flex;align-items:center;gap:16px;color:var(--muted);font:11px ui-monospace,monospace}.icon-button,.menu-button{border:1px solid var(--line);background:transparent;width:38px;height:38px;font-size:20px}.icon-button:hover{background:var(--signal)}.menu-button{display:none}.view{display:none;padding:clamp(26px,4vw,58px);animation:rise .35s ease}.view.active{display:block}@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.status-strip{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:13px 16px;margin-bottom:24px;background:rgba(255,255,255,.28)}.status-strip p{margin:0 0 0 auto;color:var(--muted);font-size:12px}.pulse{width:9px;height:9px;border-radius:50%;background:var(--signal);box-shadow:0 0 0 0 rgba(185,255,74,.7);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 9px rgba(185,255,74,0)}}
.node-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.node-card{background:var(--ink);color:var(--paper);padding:28px;min-height:310px;position:relative;overflow:hidden}.node-card:after{content:"";position:absolute;right:-70px;bottom:-90px;width:250px;height:250px;border:1px solid #414a45;border-radius:50%}.node-card.secondary{background:#26322e}.node-head{display:flex;justify-content:space-between;position:relative;z-index:1}.node-head h2{font:800 28px "Bahnschrift Condensed",sans-serif;margin:4px 0}.node-head p{margin:0;color:#9da49f;font:11px ui-monospace,monospace}.status-pill{font:700 10px ui-monospace,monospace;padding:7px 9px;height:max-content;background:rgba(185,255,74,.13);color:var(--signal);border:1px solid rgba(185,255,74,.35)}.metric-primary{display:flex;align-items:flex-end;gap:10px;margin:34px 0 29px;position:relative;z-index:1}.metric-primary strong{font:800 78px/.8 "Bahnschrift Condensed",sans-serif;letter-spacing:-.06em}.metric-primary span{font:700 14px ui-monospace,monospace;color:var(--signal)}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;z-index:1}.metric-row div{border-top:1px solid #414a45;padding-top:12px}.metric-row small,.metric-row strong{display:block}.metric-row small{font:10px ui-monospace,monospace;color:#8f9892;margin-bottom:6px}.metric-row strong{font-size:17px}.meter{height:3px;background:#3e4742;margin-top:8px}.meter i{display:block;height:100%;background:var(--signal)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:48px 0 19px}.section-head h2{font:800 clamp(30px,4vw,50px)/1 "Bahnschrift Condensed",sans-serif;margin:0;text-transform:uppercase}.section-head>p{color:var(--muted);max-width:48ch;font-size:13px}.link-button{border:0;background:transparent;font-weight:800}.service-list{border-top:1px solid var(--ink)}.service-row{display:grid;grid-template-columns:28px minmax(180px,1fr) 140px 100px 130px;gap:15px;align-items:center;padding:16px 10px;border-bottom:1px solid var(--line);transition:.18s}.service-row:hover{background:rgba(255,255,255,.35)}.service-dot{width:9px;height:9px;border-radius:50%;background:var(--red)}.service-dot.online{background:var(--signal);box-shadow:0 0 0 3px rgba(185,255,74,.2)}.service-name strong,.service-name small{display:block}.service-name small{color:var(--muted);font:10px ui-monospace,monospace;margin-top:4px}.service-status{font:700 10px ui-monospace,monospace;text-transform:uppercase}.restart-button{border:1px solid var(--line);background:transparent;padding:8px 10px;font-size:11px;font-weight:800}.restart-button:hover{border-color:var(--ink);background:var(--ink);color:white}.service-lock{color:var(--muted);font-size:11px}.compact .service-row:nth-child(n+7){display:none}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px}.info-panel{padding:28px;border:1px solid var(--line);background:rgba(255,255,255,.28)}.info-panel.accent{background:var(--signal);border-color:var(--signal)}.info-panel h3{font-size:24px;margin:6px 0 12px}.info-panel p:not(.eyebrow){color:#535951;line-height:1.5}.info-panel a{color:var(--ink);font-weight:800}.mini-flow{display:flex;gap:10px;align-items:center;margin-top:23px;font:800 11px ui-monospace,monospace}.mini-flow span{border:1px solid var(--ink);padding:7px}
.filters{display:flex;gap:8px}.filters select{padding:10px 30px 10px 12px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.chart-card{background:var(--ink);color:var(--paper);padding:25px;min-height:330px}.chart-card.wide{grid-column:1/-1}.chart-card>div{display:flex;justify-content:space-between}.chart-card p{margin:0;font:11px ui-monospace,monospace;color:#98a099;text-transform:uppercase}.chart-card strong{font-size:24px;color:var(--signal)}.chart-card svg{width:100%;height:240px;margin-top:20px;overflow:visible}.chart-line{fill:none;stroke:var(--signal);stroke-width:3;vector-effect:non-scaling-stroke}.chart-area{fill:url(#areaFill)}.chart-gridline{stroke:#3e4742;stroke-width:1;vector-effect:non-scaling-stroke}.role-legend{display:flex;gap:20px;margin:0 0 20px;color:var(--muted);font-size:11px}.role-legend b{display:inline-grid;place-items:center;width:22px;height:22px;background:var(--ink);color:var(--paper);margin-right:5px}.table-shell{overflow:auto;border-top:1px solid var(--ink)}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid var(--line);font-size:12px}th{font:700 10px ui-monospace,monospace;color:var(--muted);letter-spacing:.08em}.role-badge,.result-badge{font:700 10px ui-monospace,monospace;text-transform:uppercase;padding:5px 7px;background:#d8d8ca}.role-badge.admin{background:var(--ink);color:white}.role-badge.operator{background:var(--amber)}.result-badge.ok{background:rgba(185,255,74,.5)}.result-badge.error,.result-badge.denied{background:rgba(240,93,69,.25)}.table-action{border:0;background:transparent;text-decoration:underline;font-size:11px}.modal{border:0;padding:0;background:var(--panel);box-shadow:0 30px 100px rgba(0,0,0,.35);max-width:500px;width:calc(100% - 32px)}.modal::backdrop{background:rgba(16,21,19,.72);backdrop-filter:blur(4px)}.modal form{padding:32px;display:grid;gap:16px}.modal h2{font:800 32px "Bahnschrift Condensed",sans-serif;margin:0}.modal p:not(.eyebrow){color:var(--muted);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.check-row{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.check-row input{width:18px;height:18px}.form-error{min-height:17px;color:#b32e1e;font-size:12px!important}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:white;padding:15px 18px;box-shadow:var(--shadow);transform:translateY(90px);opacity:0;transition:.25s;z-index:30}.toast.show{transform:none;opacity:1}.skeleton-grid:empty:after{content:"Daten werden geladen …";display:grid;place-items:center;grid-column:1/-1;height:300px;border:1px dashed var(--line);color:var(--muted)}
@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:none}.workspace{grid-column:1}.menu-button{display:block}.topbar{height:90px}.node-grid,.split-panel,.chart-grid{grid-template-columns:1fr}.chart-card.wide{grid-column:auto}.service-row{grid-template-columns:24px 1fr 90px}.service-row>:nth-child(3){display:none}.service-row>:nth-child(4){display:block}.service-row>:nth-child(5){grid-column:2}.login-shell{grid-template-columns:1fr;padding:20px}.login-aside{display:none}.role-legend{flex-direction:column;gap:8px}}@media(max-width:560px){.top-actions span{display:none}.view{padding:24px 16px}.topbar{padding:16px}.node-card{padding:22px}.metric-primary strong{font-size:65px}.status-strip p{display:none}.section-head{align-items:flex-start;flex-direction:column}.history-head .filters{width:100%}.filters select{width:50%}.service-row{padding:14px 4px}.service-row>:nth-child(4){display:none}.service-row>:nth-child(5){grid-column:2}.login-card{padding:34px 25px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}