:root{--bg:#080b0f;--panel:#10161e;--panel2:#141c26;--line:#25303c;--text:#f2f5f7;--muted:#8c98a5;--green:#5af0a1;--red:#ff6878;--yellow:#f2b84b;--cyan:#69d7ff;--blue:#69d7ff;--panel-2:#141c26;--line-soft:#1b242f;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}.grid-bg{position:fixed;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(#000,transparent 85%)}.shell{width:min(1180px,calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:20;border-bottom:1px solid #25303cbf;background:#080b0fd9;backdrop-filter:blur(18px)}.header{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.05em;font-size:13px}.brand b{display:grid;place-items:center;min-width:42px;height:34px;border-radius:7px;background:var(--yellow);color:#17100a;font:900 15px monospace;letter-spacing:-.08em}.brand small{color:var(--muted);font-size:8px}.overall,.badge{display:inline-flex;align-items:center;gap:8px;font:750 10px monospace;text-transform:uppercase;letter-spacing:.08em}.overall i,.badge i{width:7px;height:7px;border-radius:50%;background:currentColor}.up{color:var(--green)}.down{color:var(--red)}.degraded,.warning{color:var(--yellow)}.maintenance{color:var(--cyan)}.standby{color:var(--cyan)}.unknown{color:var(--muted)}.hero{min-height:500px;padding:100px 0 70px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.eyebrow{color:var(--green);font:700 11px monospace;letter-spacing:.16em}.eyebrow span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 16px var(--green)}h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:22px 0}h1 em{font-style:normal;color:var(--green)}.hero p{max-width:650px;color:#a9b3bd;font-size:17px;line-height:1.75}.hero-status{padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#131b24f5,#0a0e13f5);box-shadow:0 24px 80px #0005}.hero-status small,.hero-status span{display:block;color:var(--muted);font:700 10px monospace;letter-spacing:.12em}.hero-status strong{display:block;margin:26px 0 30px;font-size:38px;letter-spacing:-.04em}.stats,.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats{margin-bottom:95px}.stats article,.admin-stats article{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.stats span,.admin-stats span{color:var(--muted);font-size:11px}.stats strong,.admin-stats strong{display:block;margin-top:10px;font-size:30px}.section-head{margin:80px 0 28px;display:flex;justify-content:space-between;align-items:end;gap:30px}.section-head small,.page-head small{color:var(--green);font:700 10px monospace;letter-spacing:.16em}.section-head h2{margin:10px 0 0;font-size:40px;letter-spacing:-.04em}.section-head>p{max-width:410px;color:var(--muted);font-size:13px}.group{margin-bottom:28px;border:1px solid var(--line);border-radius:16px;background:#0d1218;overflow:hidden}.group-title{padding:22px;display:flex;gap:15px;align-items:center;border-bottom:1px solid var(--line)}.group-title>span{width:43px;height:43px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;color:var(--green);font:700 10px monospace}.group-title h3{margin:0;font-size:19px}.group-title p,.service p{margin:5px 0 0;color:var(--muted);font-size:12px}.service{padding:20px 22px;border-bottom:1px solid #1b242f}.service:last-child{border-bottom:0}.service-top{display:flex;justify-content:space-between;gap:20px}.service h4{margin:0;font-size:15px}.metrics{display:flex;gap:24px;flex-wrap:wrap;margin-top:17px;color:var(--muted);font-size:10px}.metrics b{color:#dce4ea;margin-left:5px}.history{display:flex;height:30px;align-items:end;gap:2px;margin-top:17px}.history i{flex:1;height:22px;border-radius:2px;background:#25303c}.history i.up{background:#5af0a1aa}.history i.down{height:10px;background:#ff6878cc}.history i.degraded{height:16px;background:#f2b84bcc}.history i.standby{height:20px;background:#69d7ffaa}.incident,.maintenance{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--panel);display:flex;align-items:center;gap:22px;margin-bottom:14px}.incident.critical{border-color:#ff687866}.incident b{color:var(--red);font:700 10px monospace}.incident h3{margin:0}.incident p,.maintenance p{margin:5px 0;color:var(--muted)}time{margin-left:auto;color:var(--muted);font:10px monospace}.services{padding-bottom:100px}footer{border-top:1px solid var(--line);padding:30px 0;color:var(--muted);font:10px monospace}footer .shell{display:flex;justify-content:space-between}.flash{width:min(900px,calc(100% - 40px));margin:20px auto;padding:14px 16px;border:1px solid var(--line);border-radius:9px;background:var(--panel);font-size:12px}.flash.success{border-color:#5af0a155;color:var(--green)}.flash.error{border-color:#ff687855;color:var(--red)}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:24px 18px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#090c11fa}.sidebar nav{display:grid;gap:5px;margin-top:32px}.sidebar nav a{padding:12px;border-radius:8px;color:var(--muted);font-size:12px}.sidebar nav a:hover{background:var(--panel);color:var(--text)}.sidebar form{margin-top:auto}.text-btn{border:0;background:none;color:var(--red);cursor:pointer}.admin-main{margin-left:250px;min-height:100vh}.admin-content{width:min(1400px,calc(100% - 56px));margin:auto;padding:45px 0 80px}.admin-content.narrow{width:min(900px,calc(100% - 56px))}.page-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.page-head h1{font-size:44px;margin:10px 0 5px}.page-head p{margin:0;color:var(--muted);font-size:13px}.button{min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:9px;background:var(--panel2);cursor:pointer;font-weight:750;font-size:12px}.button.primary{background:var(--green);color:#06100b;border-color:transparent}.admin-stats{margin-bottom:20px}.panel{border:1px solid var(--line);border-radius:13px;background:var(--panel);overflow:hidden}.panel.spaced{margin-top:24px}.panel-head{min-height:72px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.panel-head h2{margin:0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:820px}th{padding:13px 16px;text-align:left;color:#64717e;font-size:9px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid #1b242f}td{padding:15px 16px;border-bottom:1px solid #1b242f;color:#ccd4da;font-size:12px}td small{display:block;margin-top:4px;color:#64717e}td code{font-size:10px}.actions{display:flex;justify-content:flex-end;gap:12px}.actions form{margin:0}.actions button,.actions a{border:0;background:none;color:var(--green);cursor:pointer;font-size:11px}.form{padding:26px}.form h2{margin:0 0 20px}.form h2:not(:first-of-type){margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.wide{grid-column:1/-1}label{display:grid;gap:7px;color:var(--muted);font-size:11px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#0b1015;color:var(--text);padding:11px 12px}textarea{resize:vertical}.checks{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:18px}.checks label{display:flex;align-items:center}.checks input{width:auto}.form-actions{display:flex;gap:12px;margin-top:25px}.codebox{margin-top:20px;padding:16px;border:1px solid var(--line);border-radius:9px;background:#080c10;color:var(--muted);font-size:12px}.codebox code{color:var(--green)}.login{min-height:100vh;display:grid;place-items:center}.login .panel{width:min(430px,calc(100% - 40px));padding:32px}.login h1{font-size:33px}.login label{margin-top:15px}.login .button{width:100%;margin-top:22px}.center{justify-content:center}.notfound{padding:150px 0}.notfound h1{font-size:80px}@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:70px}.stats,.admin-stats{grid-template-columns:repeat(2,1fr)}.sidebar{position:static;width:auto;height:auto}.sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar form{margin-top:20px}.admin-main{margin-left:0}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.page-head,.section-head{align-items:start;flex-direction:column}.incident,.maintenance{align-items:start;flex-direction:column}time{margin-left:0}}@media(max-width:600px){.shell{width:min(100% - 24px,1180px)}.brand span{font-size:10px}.overall{font-size:8px}.hero{gap:30px}.hero h1{font-size:43px}.stats,.admin-stats{grid-template-columns:1fr 1fr}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:8px}.service-top{flex-direction:column}.sidebar nav{grid-template-columns:1fr 1fr}.admin-content,.admin-content.narrow{width:calc(100% - 24px);padding-top:28px}.page-head h1{font-size:35px}.checks{grid-template-columns:1fr}footer .shell{flex-direction:column;gap:8px}}
/* v1.1.0 visual polish aligned with Kanapeczkowy Game Hub */
html{scroll-behavior:smooth}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--green);outline-offset:3px}.brand b{box-shadow:0 0 28px rgba(242,184,75,.16)}.hero{min-height:620px;padding:105px 0 90px;grid-template-columns:1.08fr .92fr;gap:78px}.hero-status{position:relative;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.32)}.hero-status:before{content:"";position:absolute;width:240px;height:240px;right:-90px;top:-110px;border-radius:50%;background:rgba(90,240,161,.08);filter:blur(55px);pointer-events:none}.hero-status>*{position:relative}.stats article,.admin-stats article,.panel,.group,.service,.incident,.maintenance{transition:border-color .18s,transform .18s,background .18s}.stats article:hover,.admin-stats article:hover{transform:translateY(-2px);border-color:#3a4755}.group:hover{border-color:#344352}.service:hover{background:#101720}.button{transition:transform .18s,background .18s,border-color .18s}.button:hover{transform:translateY(-1px)}.button.primary:hover{background:#7af5b4}.sidebar nav a.active{background:var(--panel2);color:var(--text);box-shadow:inset 2px 0 0 var(--green)}.sidebar nav a{transition:background .18s,color .18s}.panel-head a{color:var(--green);font-size:12px}.check-row{display:flex;align-items:center;gap:10px;align-self:end;min-height:43px}.check-row input{width:auto}.form>.button{margin-top:22px}.form-grid+button{margin-top:22px}.history i{min-width:2px}.history i.up{box-shadow:0 0 8px rgba(90,240,161,.08)}input:focus,select:focus,textarea:focus{border-color:#476070;background:#0d131a;outline:none}.table-wrap::-webkit-scrollbar{height:9px}.table-wrap::-webkit-scrollbar-thumb{background:#2a3744;border-radius:9px}.table-wrap::-webkit-scrollbar-track{background:#0b1015}.sidebar{box-shadow:18px 0 60px rgba(0,0,0,.12)}.admin-main{background:linear-gradient(180deg,rgba(18,25,34,.14),transparent 420px)}@media(max-width:900px){.hero{min-height:auto;padding:75px 0 70px;gap:42px}.sidebar nav{grid-template-columns:repeat(4,1fr)}}@media(max-width:700px){.sidebar nav{grid-template-columns:1fr 1fr}.sidebar nav a{padding:11px 10px}.hero-status{padding:24px}.stats{margin-bottom:70px}.section-head{margin-top:62px}}@media(max-width:430px){.stats,.admin-stats{grid-template-columns:1fr}.metrics{grid-template-columns:1fr}.header{height:64px}.overall{max-width:150px;text-align:right}.page-head .button{width:100%}}
.incident-update{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:10px;padding-top:10px;border-top:1px solid var(--line-soft);font-size:11px}.incident-update b{color:var(--yellow)}.incident-update span{color:#c7d0d8}.incident-update small{color:var(--muted);font:10px monospace}@media(max-width:700px){.incident-update{grid-template-columns:1fr}.incident-update small{justify-self:start}}

/* v1.2.0 operational additions */
.service h4 a{color:var(--text)}.service h4 a:hover{color:var(--green)}footer a{color:var(--muted)}footer a:hover{color:var(--green)}.subhero{padding:90px 0 42px}.subhero h1{font-size:56px;margin:12px 0}.subhero p{max-width:720px;color:var(--muted)}.subhero>.badge{margin-top:20px}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:24px}.detail-grid article{padding:22px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.detail-grid span{display:block;color:var(--muted);font-size:11px}.detail-grid strong{display:block;margin-top:10px;font-size:27px}.dependency-box{padding:24px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.dependency-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:18px}.dependency-head small{color:var(--yellow);font:700 10px monospace}.dependency-head h2{margin:7px 0 0}.dependency-head>p{max-width:460px;margin:0;color:var(--muted);text-align:right}.dependency-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dependency-card{display:block;padding:18px;border:1px solid var(--line);border-left:3px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);transition:.18s ease}.dependency-card:hover{transform:translateY(-1px);border-color:var(--muted)}.dependency-card.up{border-left-color:var(--green)}.dependency-card.degraded{border-left-color:var(--yellow)}.dependency-card.down{border-left-color:var(--red)}.dependency-card.maintenance,.dependency-card.standby{border-left-color:var(--blue)}.dependency-card.unknown,.dependency-card.paused{border-left-color:var(--muted)}.dependency-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.dependency-card-top b{display:block}.dependency-card-top span:not(.badge){display:block;margin-top:5px;color:var(--muted);font-size:12px}.dependency-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.dependency-meta span{color:var(--muted);font-size:11px}.dependency-meta b{display:block;margin-top:4px;color:var(--text);font-size:12px}.dependency-error{margin:13px 0 0!important;padding-top:12px;border-top:1px solid var(--line);color:var(--red)!important;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge.paused{color:var(--muted)}.badge.paused i{background:var(--muted)}.archive{padding-bottom:100px}.archive-item{display:flex;justify-content:space-between;gap:30px;padding:24px 0;border-bottom:1px solid var(--line)}.archive-item h2{margin:12px 0 6px}.archive-item p{margin:0;color:var(--muted)}.empty-state{padding:40px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);text-align:center}.actions{white-space:nowrap}.actions form{display:inline-flex}@media(max-width:800px){.detail-grid{grid-template-columns:1fr 1fr}.dependency-head{align-items:flex-start;flex-direction:column}.dependency-head>p{text-align:left}.dependency-grid{grid-template-columns:1fr}.archive-item{flex-direction:column}.archive-item time{margin:0}}@media(max-width:430px){.detail-grid{grid-template-columns:1fr}.subhero h1{font-size:42px}}

/* v1.3.0 responsive and visual refinement */
:root{
  --panel-2:var(--panel2);
  --line-soft:#1b242f;
  --blue:var(--cyan);
  --header-h:72px;
  --tap:44px;
}
html{overflow-x:hidden;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{overflow-wrap:anywhere}
img,svg{max-width:100%;height:auto}
button,input,select,textarea{min-width:0}
button,.button,.sidebar nav a,.actions a,.actions button{min-height:var(--tap)}
input,select,textarea{font-size:16px}
textarea{min-height:110px}
select[multiple]{min-height:160px}
.shell{max-width:1180px}
.header{gap:18px}
.brand{min-width:0}.brand span{min-width:0}.overall{flex:0 0 auto}
.hero>*{min-width:0}.hero p{margin-bottom:0}.hero-status strong{overflow-wrap:normal;word-break:normal}
.stats article,.admin-stats article,.detail-grid article{min-width:0}
.section-head h2,.page-head h1,.subhero h1{overflow-wrap:normal;word-break:normal}
.group-title>div,.service-top>div,.dependency-card-top>div{min-width:0}
.service h4,.group-title h3,.dependency-card strong{overflow-wrap:anywhere}
.history{overflow:hidden}.history i{min-width:2px}
.metrics span{min-width:0}
.incident>div,.maintenance>div,.archive-item>div{min-width:0}
.flash{position:relative;z-index:30;box-shadow:0 12px 36px rgba(0,0,0,.28)}
.panel,.group,.dependency-box,.archive-item{box-shadow:0 14px 44px rgba(0,0,0,.12)}
.panel-head{gap:16px}.panel-head>*{min-width:0}
.form label{min-width:0}.form-actions{flex-wrap:wrap}
.form-actions .button{min-width:140px}
.check-row{align-items:flex-start}
.codebox{overflow:auto;white-space:pre-wrap;word-break:break-word}
.table-wrap{position:relative;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch;scrollbar-gutter:stable}
.table-wrap:focus-visible{outline:2px solid var(--green);outline-offset:2px}
table{font-variant-numeric:tabular-nums}
th,td{vertical-align:top}
td{overflow-wrap:anywhere}
.actions{align-items:center;flex-wrap:wrap;gap:6px 12px}
.actions a,.actions button{display:inline-flex;align-items:center;padding:0 4px}
.dependency-card{min-width:0}.dependency-card-top{gap:12px}.dependency-meta{flex-wrap:wrap}.dependency-error{overflow-wrap:anywhere}
.archive-item{min-width:0}
footer .shell{gap:18px;flex-wrap:wrap}

@media (hover:hover) and (pointer:fine){
  .dependency-card:hover,.button:hover,.stats article:hover,.admin-stats article:hover{will-change:transform}
}
@media (hover:none){
  .button:hover,.dependency-card:hover,.stats article:hover,.admin-stats article:hover{transform:none}
}

@media(max-width:1100px){
  .hero{grid-template-columns:1fr 1fr;gap:44px}
  .hero h1{font-size:clamp(44px,6vw,64px)}
  .admin-content{width:calc(100% - 36px)}
  .admin-content.narrow{width:min(900px,calc(100% - 36px))}
}

@media(max-width:900px){
  :root{--header-h:68px}
  .sidebar{position:sticky;top:0;z-index:50;width:100%;height:auto;padding:12px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border-right:0;border-bottom:1px solid var(--line);box-shadow:0 12px 36px rgba(0,0,0,.25);backdrop-filter:blur(18px)}
  .sidebar .brand{white-space:nowrap}
  .sidebar nav{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;gap:6px;margin:0;padding:2px 4px}
  .sidebar nav::-webkit-scrollbar{display:none}
  .sidebar nav a{flex:0 0 auto;white-space:nowrap;padding:10px 13px;min-height:42px}
  .sidebar nav a.active{box-shadow:inset 0 -2px 0 var(--green)}
  .sidebar form{margin:0}.sidebar .text-btn{font-size:0;width:42px;padding:0}.sidebar .text-btn:after{content:"Wyjdź";font-size:11px}
  .admin-main{margin-left:0}
  .hero{grid-template-columns:1fr;gap:38px}.hero-status{max-width:680px}
  .page-head{gap:18px}.page-head>.button{align-self:flex-start}
  .table-wrap{border-top:1px solid transparent}
}

@media(max-width:700px){
  :root{--tap:46px}
  .shell{width:calc(100% - 28px)}
  header{position:sticky}.header{height:64px}
  .header .brand b{min-width:38px;height:32px}
  .header .brand span{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .overall{max-width:44%;justify-content:flex-end;text-align:right;line-height:1.25}
  .hero{padding:58px 0 58px;gap:28px}.hero h1{font-size:clamp(40px,12vw,54px);margin:17px 0}.hero p{font-size:15px;line-height:1.65}
  .hero-status{padding:22px;border-radius:15px}.hero-status strong{font-size:clamp(29px,9vw,38px);margin:20px 0 24px}
  .stats{margin-bottom:56px}.stats,.admin-stats{grid-template-columns:1fr 1fr;gap:10px}.stats article,.admin-stats article{padding:16px}.stats strong,.admin-stats strong{font-size:25px}
  .section-head{margin:54px 0 22px;gap:12px}.section-head h2{font-size:34px}.section-head>p{margin:0}
  .group{border-radius:13px}.group-title{padding:17px}.group-title>span{width:38px;height:38px}.service{padding:17px}
  .service-top{gap:12px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 14px}.metrics b{display:block;margin:2px 0 0}
  .history{margin-top:14px}
  .incident,.maintenance{padding:17px;gap:12px}
  .subhero{padding:58px 0 30px}.subhero h1{font-size:clamp(38px,11vw,50px)}
  .detail-grid{gap:10px}.detail-grid article{padding:16px}.detail-grid strong{font-size:24px}
  .dependency-box{padding:17px}.dependency-grid{gap:10px}.dependency-card{padding:15px}
  .admin-content,.admin-content.narrow{width:calc(100% - 24px);padding:26px 0 64px}
  .page-head{margin-bottom:22px}.page-head h1{font-size:clamp(32px,9vw,40px);line-height:1.05}.page-head p{line-height:1.55}
  .panel{border-radius:11px}.panel-head{min-height:62px;padding:15px 16px;align-items:flex-start;flex-direction:column}
  .form{padding:18px}.form h2:not(:first-of-type){margin-top:28px;padding-top:22px}.form-grid{gap:14px}
  .form-actions{display:grid;grid-template-columns:1fr}.form-actions .button{width:100%}
  .checks{gap:8px}
  .table-wrap{margin:0 -1px}
  table{min-width:720px}
  th{position:sticky;top:0;z-index:2;background:#0f151d}
  .sidebar{grid-template-columns:auto minmax(0,1fr);padding:10px 12px}.sidebar form{display:none}.sidebar .brand span{display:none}.sidebar .brand b{min-width:40px}
  footer{padding-bottom:calc(24px + env(safe-area-inset-bottom))}
}

@media(max-width:480px){
  .shell{width:calc(100% - 22px)}
  .header .brand span{display:none}
  .overall{max-width:calc(100% - 54px);font-size:8px}
  .stats,.admin-stats,.detail-grid{grid-template-columns:1fr}
  .stats article,.admin-stats article{display:flex;align-items:center;justify-content:space-between;gap:14px}.stats strong,.admin-stats strong{margin-top:0}
  .metrics{grid-template-columns:1fr 1fr}
  .section-head h2{font-size:30px}
  .group-title{align-items:flex-start}.group-title>span{flex:0 0 auto}
  .service-top .badge{align-self:flex-start}
  .dependency-head h2{font-size:24px}.dependency-card-top{align-items:flex-start;flex-direction:column}.dependency-card-top .badge{align-self:flex-start}
  .incident-update{padding-top:12px}
  .archive-item{padding:17px}
  .login .panel{width:calc(100% - 22px);padding:22px}.login h1{font-size:29px}
  .notfound{padding:90px 0}.notfound h1{font-size:64px}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
}

/* v1.4.3 failure-safe public rendering */
.error-reference{display:inline-flex;margin-top:20px;padding:10px 13px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font:700 10px monospace;letter-spacing:.08em}

/* v2.0.0 Observability Center */
.public-nav{display:flex;align-items:center;gap:18px;margin-left:auto;margin-right:24px}.public-nav a{color:var(--muted);font-size:11px;font-weight:700}.public-nav a:hover{color:var(--green)}
.hero-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.signal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:20px}.signal-grid i{height:4px;border-radius:99px;background:currentColor;opacity:.3}.hero-status.up .signal-grid i{box-shadow:0 0 12px rgba(90,240,161,.45)}
.service-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.service-tags span,.auto-label{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font:700 9px monospace;letter-spacing:.08em;text-transform:uppercase}
.dashboard-grid,.admin-two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:20px}.metric-list,.health-list{padding:8px 20px}.metric-list>div,.health-list>div{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid var(--line-soft)}.metric-list>div:last-child,.health-list>div:last-child{border-bottom:0}.metric-list span{color:var(--muted);font-size:12px}.metric-list strong{font-size:21px}.health-list>div{align-items:flex-start;flex-direction:column}.health-list p{margin:0;color:var(--muted);font-size:12px}
.health-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.health-card{padding:20px}.health-card h2{margin:16px 0 7px;font-size:25px}.health-card p{color:var(--muted)}.health-card pre,.runbook-card pre{max-height:260px;overflow:auto;padding:13px;border:1px solid var(--line-soft);border-radius:8px;background:#080c10;color:#a9b5bf;font:11px/1.6 monospace;white-space:pre-wrap}
.topology{display:grid;gap:16px}.topology-node{position:relative;padding:18px;border:1px solid var(--line);border-left:3px solid var(--muted);border-radius:11px;background:var(--panel)}.topology-node.up{border-left-color:var(--green)}.topology-node.down{border-left-color:var(--red)}.topology-node.degraded{border-left-color:var(--yellow)}.topology-node h3{margin:12px 0 4px}.topology-node p{margin:0;color:var(--muted);font-size:12px}.topology-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.topology-links span{padding:5px 8px;border-radius:6px;background:#080c10;color:var(--muted);font:9px monospace}
.dependency-editor{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:480px;overflow:auto;padding:4px}.dependency-edit-row{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:10px;padding:10px;border:1px solid var(--line-soft);border-radius:8px;background:#0b1015}.dependency-edit-row label{display:flex;align-items:center;gap:8px}.dependency-edit-row input{width:auto}.dependency-edit-row select{padding:8px}
.report-filter{display:flex;align-items:end;flex-wrap:wrap;gap:12px;margin-bottom:20px}.report-filter label{min-width:180px}.report-filter .button{margin:0}.secret-reveal{margin-bottom:20px;padding:18px;border:1px solid rgba(242,184,75,.45);border-radius:11px;background:rgba(242,184,75,.07)}.secret-reveal b{display:block;margin-bottom:10px;color:var(--yellow)}.secret-reveal code{display:block;margin:7px 0;padding:8px;border-radius:6px;background:#080c10;color:var(--green);overflow-wrap:anywhere}.profile-info{display:flex;flex-wrap:wrap;gap:22px;margin-top:20px;padding:18px}.profile-info span{color:var(--muted);font-size:12px}.profile-info b{display:block;margin-top:4px;color:var(--text)}
.agent-list,.runbook-list{display:grid;gap:14px}.agent-card,.runbook-card{display:flex;justify-content:space-between;gap:20px;padding:20px}.agent-card h2,.runbook-card h2{margin:12px 0 4px}.agent-card p,.runbook-card p{color:var(--muted)}.agent-meta{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px;color:var(--muted);font:10px monospace}.runbook-card form{flex:0 0 auto}
.event-stream{padding-bottom:90px}.event-list{padding:5px 20px}.event-row{display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:18px;padding:13px 0;border-bottom:1px solid var(--line-soft)}.event-row:last-child{border-bottom:0}.event-row>span{color:var(--green);font:700 10px monospace}.event-row p{margin:0;color:#cbd4db;font-size:12px}.event-row time{margin:0}.event-row-new{animation:event-flash 1.4s ease}@keyframes event-flash{0%{background:rgba(90,240,161,.15)}100%{background:transparent}}
.runbook-public{margin-bottom:24px;padding:22px;border:1px solid rgba(242,184,75,.3);border-radius:12px;background:linear-gradient(135deg,rgba(242,184,75,.06),var(--panel))}.runbook-public small{color:var(--yellow);font:700 10px monospace}.runbook-public h2{margin:9px 0 4px}.runbook-public p{margin:0;color:var(--muted)}
.error-page{padding:120px 0}.error-reference{display:inline-block;margin-top:20px;color:var(--muted);font:10px monospace}.muted{color:var(--muted)}.paused{color:var(--muted)}

@media(max-width:1050px){.health-grid{grid-template-columns:1fr 1fr}.dashboard-grid,.admin-two-col{grid-template-columns:1fr}.public-nav{display:none}}
@media(max-width:700px){.health-grid{grid-template-columns:1fr}.dependency-editor{grid-template-columns:1fr}.dependency-edit-row{grid-template-columns:1fr}.event-row{grid-template-columns:1fr;gap:5px}.event-row time{margin:0}.agent-card,.runbook-card{flex-direction:column}.report-filter>*{width:100%}.report-filter label{min-width:0}.profile-info{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:430px){.profile-info{grid-template-columns:1fr}.hero-links .button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}

/* v2.0.0 final privacy and alert-policy polish */
.service-privacy-note{margin-top:14px;padding:12px 14px;border:1px dashed var(--line);border-radius:9px;color:var(--muted);font:700 10px/1.5 monospace;letter-spacing:.04em}
section.service-privacy-note{margin-bottom:24px}
.policy-card{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px;margin-bottom:14px}
.policy-card h2{margin:12px 0 4px}
.policy-card p,.policy-card small{color:var(--muted)}
@media(max-width:600px){.policy-card{flex-direction:column}.policy-card .actions{width:100%;justify-content:flex-start}}


/* v2.0.1 visual polish and idempotent live-header layout */
.brand > span{display:flex;min-width:0;flex-direction:column;justify-content:center;gap:3px;line-height:1.05}
.brand small{display:block;margin:0;color:var(--muted);font-size:8px;line-height:1.15;letter-spacing:.12em;white-space:nowrap}
.overall [data-status-label]{display:inline-block}
.admin-two-col{align-items:start}
.resource-layout{grid-template-columns:minmax(0,1fr) minmax(400px,520px);gap:28px}
.resource-layout.single-column{grid-template-columns:minmax(0,900px)}
.resource-layout.is-empty{grid-template-columns:minmax(0,680px);justify-content:start}
.resource-layout.is-empty>.form{order:1}
.resource-layout.is-empty>.resource-list{order:2}
.resource-list,.incident-stack{display:grid;min-width:0;gap:18px}
.admin-empty{padding:26px;border-style:dashed;background:linear-gradient(145deg,rgba(20,28,38,.72),rgba(10,14,19,.78))}
.admin-empty span{color:var(--green);font:700 9px monospace;letter-spacing:.16em}
.admin-empty h2{margin:12px 0 7px;font-size:25px}
.admin-empty p{max-width:620px;margin:0;color:var(--muted);font-size:12px;line-height:1.7}
.form-card{align-self:start;width:100%}
.form{display:grid;gap:15px;padding:28px}
.form>h2{margin:0 0 3px}
.form>h2:not(:first-of-type){margin-top:18px;padding-top:25px}
.form>label{min-width:0}
.form>.checks{margin:0}
.form>.button:last-child{justify-self:start;margin-top:5px}
.form textarea{min-height:108px}
.form select[multiple]{min-height:180px}
.check-row,.form .check-row{display:flex;align-items:center;justify-content:flex-start;gap:10px;align-self:auto;min-height:38px;padding:3px 0;color:var(--text);line-height:1.35}
.check-row input,.form .check-row input{flex:0 0 auto;width:17px;height:17px;margin:0;accent-color:var(--green)}
.checks .check-row{min-height:30px;padding:0;color:var(--muted)}
.policy-card,.maintenance-admin{margin:0}
.policy-card{align-items:center}
.policy-card>div:first-child,.maintenance-admin>div:first-child{min-width:0}
.policy-card .actions{flex:0 0 auto}
.maintenance-admin{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:22px}
.maintenance-admin h2{margin:12px 0 5px}
.maintenance-admin p{margin:0 0 9px;color:var(--muted)}
.maintenance-admin small{display:block;color:var(--muted);line-height:1.6}
.maintenance-admin form{flex:0 0 auto;margin:0}
.incident-layout{grid-template-columns:minmax(0,1fr) minmax(400px,500px);gap:28px}
.incident-admin{margin:0;overflow:hidden}
.incident-admin .panel-head{min-height:0;padding:22px;align-items:flex-start;gap:20px}
.incident-admin .panel-head>div{min-width:0}
.incident-admin .panel-head h2{margin:12px 0 5px}
.incident-admin .panel-head p{margin:0;color:#cbd4db;line-height:1.6}
.incident-admin .panel-head time{padding-top:4px;white-space:nowrap}
.incident-meta{display:flex;flex-wrap:wrap;gap:10px 24px;padding:14px 22px;border-bottom:1px solid var(--line-soft);background:#0c1117}
.incident-meta span{color:var(--muted);font-size:11px}
.incident-meta b{margin-left:5px;color:var(--text)}
.incident-timeline{display:grid;padding:0 22px}
.incident-timeline>div{display:grid;grid-template-columns:110px minmax(0,1fr) auto;align-items:start;gap:16px;padding:14px 0;border-bottom:1px solid var(--line-soft)}
.incident-timeline>div:last-child{border-bottom:0}
.incident-timeline span{color:var(--yellow);font:700 10px monospace;text-transform:uppercase}
.incident-timeline p{margin:0;color:#cbd4db;font-size:12px;line-height:1.55}
.incident-timeline time{margin:0;white-space:nowrap}
.inline-update{display:grid;grid-template-columns:160px minmax(0,1fr) auto;gap:10px;padding:18px 22px;border-top:1px solid var(--line-soft)}
.incident-admin>form:not(.inline-update){display:flex;gap:10px;padding:0 22px 22px}
.incident-admin>form:not(.inline-update) input{min-width:0}
.user-layout{grid-template-columns:minmax(0,1.35fr) minmax(400px,520px);gap:24px}
.user-layout .form .check-row{margin-top:-2px}
@media(max-width:1050px){
  .resource-layout,.resource-layout.is-empty,.incident-layout,.user-layout{grid-template-columns:1fr}
}
@media(max-width:700px){
  .form{padding:22px}
  .incident-admin .panel-head{flex-direction:column}
  .incident-admin .panel-head time{margin:0}
  .incident-timeline>div{grid-template-columns:1fr;gap:5px}
  .inline-update{grid-template-columns:1fr}
  .incident-admin>form:not(.inline-update){flex-direction:column}
  .maintenance-admin,.policy-card{flex-direction:column;align-items:stretch}
  .maintenance-admin form,.policy-card .actions{width:100%}
}
@media(max-width:600px){
  .header .brand>span{max-width:175px}
  .brand small{font-size:7px}
}