*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-family);background:var(--background-color);color:var(--text-color);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.wrap{width:100%;max-width:1000px;margin-inline:auto;padding-inline:clamp(1rem,4vw,2rem)}.muted{color:var(--text-muted)}.skip-link{position:absolute;inset-inline-start:-9999px;top:0;z-index:999;padding:12px 18px;background:var(--surface-color);color:var(--heading-color);border:2px solid var(--accent-color);border-radius:0 0 10px 0;font-weight:600;text-decoration:none}.skip-link:focus{inset-inline-start:0}:focus-visible{outline:var(--focus-outline,2px solid var(--accent-color));outline-offset:2px;border-radius:6px}.nav{position:sticky;top:0;z-index:100;background:color-mix(in oklab,var(--background-color) 80%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .2s ease,background .2s ease}.nav.scrolled{border-bottom-color:var(--border-subtle)}.nav__inner{display:flex;align-items:center;gap:1rem;min-height:64px}.nav__brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:700;font-size:1.05rem;color:var(--heading-color);text-decoration:none}.nav__brand b{color:var(--accent-color);font-weight:800}.nav__brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--accent-color);color:var(--text-on-primary);font-weight:800;font-size:.85rem}.nav__links{display:flex;gap:1.25rem;margin:0 auto 0 1.5rem;padding:0;list-style:none}.nav__links a{color:var(--text-secondary);text-decoration:none;font-size:.92rem;font-weight:500;transition:color .15s ease}.nav__links a:hover,.nav__links a[aria-current=page]{color:var(--heading-color)}.nav__end{display:flex;align-items:center;gap:.6rem;margin-left:auto}.nav__theme{display:grid;place-items:center;width:44px;height:44px;border-radius:9px;border:1px solid var(--border-color);background:var(--surface-color);color:var(--text-secondary);cursor:pointer;transition:color .15s ease,border-color .15s ease}.nav__theme:hover{color:var(--heading-color);border-color:var(--border-strong)}.btn{display:inline-flex;align-items:center;gap:.45rem;padding:.55rem 1.1rem;border-radius:10px;font-weight:600;font-size:.9rem;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .12s ease,background .15s ease,border-color .15s ease}.btn:active{transform:scale(.97)}.btn--primary{background:var(--accent-color);color:var(--text-on-primary)}.btn--primary:hover{background:var(--accent-color-hover)}.btn--ghost{background:0 0;color:var(--heading-color);border-color:var(--border-color)}.btn--ghost:hover{border-color:var(--border-strong)}@media (max-width:860px){.nav__login{display:none}.nav__inner{flex-wrap:wrap;row-gap:0}.nav__links{order:3;flex:1 0 100%;margin:0 0 .7rem;gap:.9rem;overflow-x:auto;scrollbar-width:none}.nav__links::-webkit-scrollbar{display:none}.nav__links a{white-space:nowrap}}.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}.status-hero{padding:clamp(2rem,6vw,3.5rem) 0 clamp(1rem,3vw,2rem)}.status-banner{display:flex;align-items:center;gap:1.1rem;padding:clamp(1.1rem,3vw,1.6rem) clamp(1.2rem,3vw,1.8rem);border-radius:16px;border:1px solid var(--border-color);background:var(--surface-subtle)}.status-banner__ico{display:grid;place-items:center;width:54px;height:54px;flex:0 0 auto;border-radius:14px;font-size:1.5rem}.status-banner__text h1{font-family:var(--font-display);font-size:clamp(1.4rem, 4vw, 2rem);line-height:1.1;margin:0;color:var(--heading-color);letter-spacing:-.02em}.status-banner__text p{margin:.3rem 0 0;font-size:.9rem;color:var(--text-secondary)}.status-banner--ok{border-color:color-mix(in oklab,var(--success-color) 40%,var(--border-color))}.status-banner--ok .status-banner__ico{background:color-mix(in oklab,var(--success-color) 15%,transparent);color:var(--success-color)}.status-banner--warn{border-color:color-mix(in oklab,var(--warning-color) 45%,var(--border-color))}.status-banner--warn .status-banner__ico{background:color-mix(in oklab,var(--warning-color) 15%,transparent);color:var(--warning-color)}.status-banner--err{border-color:color-mix(in oklab,var(--error-color) 45%,var(--border-color))}.status-banner--err .status-banner__ico{background:color-mix(in oklab,var(--error-color) 15%,transparent);color:var(--error-color)}.status-banner--maint{border-color:color-mix(in oklab,var(--update-color) 45%,var(--border-color))}.status-banner--maint .status-banner__ico{background:color-mix(in oklab,var(--update-color) 15%,transparent);color:var(--update-color)}.status-note{display:flex;gap:.7rem;margin-top:1.2rem;padding:.9rem 1.1rem;border-radius:12px;border:1px solid var(--border-color);background:var(--surface-subtle);font-size:.9rem;color:var(--text-secondary)}.status-note i{color:var(--update-color);margin-top:.15rem}.status-note a{color:var(--link-color)}.status-body{padding-bottom:3rem}.status-section{margin-top:clamp(1.6rem,4vw,2.4rem)}.status-section>h2{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:clamp(1.1rem, 2.6vw, 1.4rem);color:var(--heading-color);margin:0 0 1rem;letter-spacing:-.01em}.status-section>h2 i{color:var(--accent-color);font-size:.9em}.comp-list{display:flex;flex-direction:column;border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;background:var(--surface-subtle)}.comp{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 1.15rem;border-top:1px solid var(--border-subtle)}.comp:first-child{border-top:none}.comp__name{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.2rem .7rem;font-weight:600;color:var(--heading-color);font-size:.96rem}.comp__name i{color:var(--text-muted);width:1.2em;text-align:center}.comp__meta{color:var(--text-muted);font-weight:400;font-size:.78rem}.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:999px;font-size:.8rem;font-weight:600;border:1px solid transparent;white-space:nowrap}.pill--ok{color:var(--success-color);background:color-mix(in oklab,var(--success-color) 12%,transparent);border-color:color-mix(in oklab,var(--success-color) 30%,transparent)}.pill--warn{color:var(--warning-color);background:color-mix(in oklab,var(--warning-color) 14%,transparent);border-color:color-mix(in oklab,var(--warning-color) 32%,transparent)}.pill--err{color:var(--error-color);background:color-mix(in oklab,var(--error-color) 12%,transparent);border-color:color-mix(in oklab,var(--error-color) 30%,transparent)}.pill--maint{color:var(--update-color);background:color-mix(in oklab,var(--update-color) 12%,transparent);border-color:color-mix(in oklab,var(--update-color) 30%,transparent)}.pill--muted{color:var(--text-secondary);background:var(--surface-color);border-color:var(--border-color)}.empty-state{display:flex;align-items:center;gap:.8rem;padding:1.4rem 1.2rem;border:1px dashed var(--border-color);border-radius:14px;background:var(--surface-subtle);color:var(--text-secondary)}.empty-state i{color:var(--success-color);font-size:1.3rem}.empty-state p{margin:0}.incident{border:1px solid var(--border-subtle);border-radius:14px;padding:1.1rem 1.2rem;background:var(--surface-subtle);margin-bottom:1rem}.incident__head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:.6rem}.incident__title h3{margin:0 0 .5rem;font-size:1.05rem;color:var(--heading-color)}.incident__tags{display:flex;flex-wrap:wrap;gap:.4rem}.incident__started{font-size:.82rem;color:var(--text-muted);white-space:nowrap}.incident__affected{margin:.8rem 0 0;font-size:.86rem;color:var(--text-secondary)}.incident__affected i{color:var(--text-muted);margin-right:.3rem}.timeline{list-style:none;margin:1rem 0 0;padding:0 0 0 1.1rem;border-left:2px solid var(--border-color)}.timeline__item{position:relative;padding:0 0 1rem 0}.timeline__item:last-child{padding-bottom:0}.timeline__item::before{content:"";position:absolute;left:-1.55rem;top:.35rem;width:9px;height:9px;border-radius:50%;background:var(--accent-color)}.timeline__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;font-size:.8rem;color:var(--text-muted)}.timeline__status{font-weight:600;color:var(--text-secondary)}.timeline__body{margin:.3rem 0 0;font-size:.92rem;color:var(--text-color)}.history{list-style:none;margin:0;padding:0;border:1px solid var(--border-subtle);border-radius:14px;overflow:hidden;background:var(--surface-subtle)}.history__item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem;padding:.85rem 1.1rem;border-top:1px solid var(--border-subtle)}.history__item:first-child{border-top:none}.history__main{display:inline-flex;align-items:center;gap:.6rem;flex-wrap:wrap}.history__title{font-weight:600;color:var(--heading-color);font-size:.95rem}.history__dates{font-size:.82rem}.history__note{margin-top:.8rem;font-size:.82rem}.mng-head{padding-top:clamp(1.4rem,4vw,2.2rem)}.mng-head h1{display:flex;align-items:center;gap:.55rem;font-family:var(--font-display);font-size:clamp(1.5rem, 4vw, 2rem);color:var(--heading-color);margin:0 0 .4rem}.mng-head h1 i{color:var(--accent-color);font-size:.85em}.mng-form{display:flex;flex-direction:column;gap:1rem;padding:1.2rem;border:1px solid var(--border-subtle);border-radius:14px;background:var(--surface-color)}.mng-form--inline{margin-top:1rem;background:var(--surface-subtle)}.field{display:flex;flex-direction:column;gap:.4rem;border:none;padding:0;margin:0;min-width:0}.field>legend,.field>span{font-size:.82rem;font-weight:600;color:var(--text-secondary);padding:0}.field input[type=text],.field select,.field textarea{width:100%;padding:.6rem .75rem;border-radius:10px;border:1px solid var(--border-color);background:var(--input-background,var(--surface-subtle));color:var(--text-color);font-family:inherit;font-size:.92rem}.field input:focus:not(:focus-visible),.field select:focus:not(:focus-visible),.field textarea:focus:not(:focus-visible){border-color:var(--accent-color);outline:0}.field textarea{resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.checks{display:flex;flex-wrap:wrap;gap:.5rem .9rem}.check{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;color:var(--text-secondary)}.mng-actions{display:flex;gap:.6rem}@media (max-width:560px){.field-row{grid-template-columns:1fr}}.foot{border-top:1px solid var(--border-subtle);background:var(--footer-background);padding:3rem 0 2rem;margin-top:2rem}.foot__top{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:2rem}.foot__brand-text{color:var(--text-secondary);font-size:.9rem;margin-top:.8rem;max-width:34ch}.foot__col :is(h4,h2){color:var(--heading-color);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 .8rem}.foot__col a{display:block;color:var(--text-secondary);text-decoration:none;font-size:.9rem;padding:.28rem 0;transition:color .15s ease}.foot__col a:hover{color:var(--heading-color)}.foot__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:2.4rem;padding-top:1.4rem;border-top:1px solid var(--border-subtle);color:var(--text-muted);font-size:.82rem}@media (max-width:760px){.foot__top{grid-template-columns:1fr 1fr}}@media (max-width:480px){.foot__top{grid-template-columns:1fr}}@media (max-width:768px){.field input[type=text]{font-size:16px}.field select{font-size:16px}.field textarea{font-size:16px}}@media (max-width:768px){.btn{min-height:44px}.field input[type=text],.field select,.field textarea{min-height:44px}}@media (max-width:768px){.check{min-height:var(--touch-min,44px)}}header.nav-kopf{display:contents}.mng-weg{max-inline-size:1100px;margin:12px auto 0;padding-inline:clamp(16px,4vw,32px);font-size:var(--font-size-small, .875rem)}.mng-weg a{color:var(--accent-color)}@media (pointer:coarse),(max-width:1024px){.nav .nav__hamburger,.nav .nav__theme{width:44px;height:44px;min-width:44px;min-height:44px}.nav .nav__brand{display:inline-flex;align-items:center;min-height:44px}.nav .nav__link,.nav .nav__links a{min-height:44px}.foot__col a{display:flex;align-items:center;min-height:44px}.foot__bottom a{display:inline-flex;align-items:center;min-height:44px;padding-inline:2px}}@media (max-width:1024px),(pointer:coarse){.nav .nav__brand{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.nav .nav__link,.nav .nav__links a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}.btn{min-width:44px}.foot__bottom a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;padding-inline:2px}}.mng-weg a{display:inline-flex;align-items:center;min-block-size:24px}.field input[type=datetime-local]{inline-size:100%;box-sizing:border-box;padding:.6rem .75rem;border-radius:10px;min-block-size:40px;border:1px solid var(--border-color);background:var(--input-background,var(--surface-subtle));color:var(--text-color);font-family:inherit;font-size:.92rem}@media (min-width:1025px){.nav .nav__link,.nav .nav__links a{display:inline-flex;align-items:center;min-block-size:24px}}@media (min-width:1025px){.check{min-block-size:24px}}.foot .nav__brand{display:inline-flex;align-items:center;min-block-size:44px}.mng-duo{display:grid;grid-template-columns:minmax(0,1fr);gap:0 var(--space-3,1.5rem);align-items:start}.mng-form{min-inline-size:0}.mng-actions .btn,.mng-form>.btn{justify-content:center}.history__title,.incident__title h3,.timeline__body{overflow-wrap:anywhere}.comp__name{min-inline-size:0}.comp__name span{overflow-wrap:anywhere}@media (min-width:1025px){.mng-duo{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1024px){.mng-weg a{min-block-size:44px}.field input[type=datetime-local]{min-block-size:44px}}@media (max-width:768px){.field input[type=datetime-local]{font-size:16px}.mng-actions{flex-direction:column}.mng-actions .btn{inline-size:100%}.mng-form>.btn{inline-size:100%}.comp{flex-wrap:wrap}}