:root{--bg:#050914;--panel:#0b1222;--panel2:#101a2e;--line:#203354;--text:#f5f8ff;--muted:#8fa4c4;--blue:#1687ff;--blue2:#54b8ff;--red:#ff334f;--green:#34dc92;--yellow:#ffc857;--shadow:0 18px 60px rgba(0,0,0,.32)}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0,rgba(22,135,255,.16),transparent 30%),radial-gradient(circle at 90% 8%,rgba(255,51,79,.13),transparent 26%),linear-gradient(180deg,#050914,#070d19 55%,#050914);color:var(--text);font:15px Inter,Segoe UI,Arial,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,black,transparent 80%)}a{color:#73c5ff;text-decoration:none}a:hover{color:#fff}.topbar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:16px max(20px,calc((100% - 1180px)/2));background:rgba(5,9,20,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(84,184,255,.16)}.brand{display:flex;align-items:center;gap:13px}.brandmark{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-weight:900;letter-spacing:-1px;background:linear-gradient(135deg,var(--blue),#1247b8 55%,var(--red));box-shadow:0 0 26px rgba(22,135,255,.25)}.brandtext b{display:block;font-size:16px}.brandtext small{color:var(--muted)}nav{display:flex;gap:18px;align-items:center}main{position:relative;max-width:1180px;margin:42px auto;padding:0 20px}.hero{position:relative;overflow:hidden;text-align:left;padding:38px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,rgba(16,26,46,.96),rgba(8,15,29,.92));box-shadow:var(--shadow);margin-bottom:34px}.hero:after{content:"EDV";position:absolute;right:28px;top:-35px;font-size:150px;font-weight:900;color:rgba(255,255,255,.025);letter-spacing:-10px}.hero h1{font-size:clamp(28px,4vw,44px);margin:8px 0 10px;letter-spacing:-1.5px}.hero p{color:var(--muted);font-size:16px;margin:0}.status-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border-radius:999px;font-weight:700;font-size:13px;background:rgba(52,220,146,.1);border:1px solid rgba(52,220,146,.3);color:#75f0b7}.status-pill:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.hero.bad .status-pill{background:rgba(255,51,79,.1);border-color:rgba(255,51,79,.35);color:#ff7588}.section-title{display:flex;justify-content:space-between;align-items:end;margin:30px 2px 12px}.section-title h2,h2{font-size:20px;margin:26px 0 12px}.section-title small{color:var(--muted)}.card,article{background:linear-gradient(180deg,rgba(16,26,46,.94),rgba(9,16,30,.94));border:1px solid var(--line);border-radius:18px;padding:20px;margin:14px 0;box-shadow:0 12px 35px rgba(0,0,0,.16)}.card:hover{border-color:#31527e}.service{display:flex;align-items:center;justify-content:space-between;padding:17px 4px;border-bottom:1px solid rgba(48,72,101,.5)}.service:last-child{border:0}.service b{font-size:15px}.service small{display:block;color:var(--muted);margin-top:6px}.up,.down,.degraded,.maintenance{display:inline-flex;align-items:center;gap:8px;font-size:13px}.up:before,.down:before,.degraded:before,.maintenance:before{content:"";width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 11px currentColor}.up{color:var(--green)}.down{color:#ff6577}.degraded{color:var(--yellow)}.maintenance{color:#6db5ff}.incident{border-color:rgba(255,51,79,.45);box-shadow:inset 3px 0 var(--red),0 12px 35px rgba(0,0,0,.16)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.login{max-width:560px;margin:8vh auto}.login:before{content:"EDV DIENSTLEISTUNGEN KUHL";display:block;color:#6db5ff;font-weight:800;letter-spacing:2px;font-size:12px;margin-bottom:10px}.login h1{font-size:34px;margin-top:0}form{display:grid;gap:12px}input,select,textarea,button{width:100%;padding:13px 14px;border-radius:11px;border:1px solid #294263;background:#081324;color:#fff;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,135,255,.12)}button{background:linear-gradient(135deg,#167cff,#0f5dcc);border:0;font-weight:800;cursor:pointer;box-shadow:0 8px 22px rgba(22,124,255,.2)}button:hover{filter:brightness(1.12);transform:translateY(-1px)}textarea{min-height:105px;resize:vertical}.bad{padding:13px 15px;background:rgba(255,51,79,.13);border:1px solid rgba(255,51,79,.3);border-radius:10px;margin:12px 0}.danger{color:#ff6577;margin-left:12px}code{display:block;padding:14px;background:#040a13;border:1px solid #172945;border-radius:10px;overflow:auto;color:#a9d8ff}footer{text-align:center;color:#7186a4;padding:36px 20px 48px;border-top:1px solid rgba(32,51,84,.45);margin-top:50px}.footer-brand{color:#b8c7dd;font-weight:700}.admin-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.admin-title p{color:var(--muted);margin-top:5px}.kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 28px}.kpi{padding:18px;border-radius:16px;background:rgba(16,26,46,.8);border:1px solid var(--line)}.kpi strong{display:block;font-size:28px;margin-top:6px}.kpi small{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:11px}@media(max-width:760px){.grid,.kpi-row{grid-template-columns:1fr}.topbar{align-items:flex-start}.brandtext small{display:none}nav{gap:10px;font-size:13px}.hero{padding:27px 22px}.hero:after{display:none}.service{gap:15px;align-items:flex-start}.service>span:last-child{text-align:right}.service strong{white-space:nowrap}.admin-title{display:block}}