:root{color-scheme:dark;--bg:#0b1017;--panel:#151d29;--line:#263346;--text:#eef4ff;--muted:#9eb0c7;--gold:#d8aa48;--red:#d05b63;--green:#55c986}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#182537 0,#0b1017 48%);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}
header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:1rem 4vw;background:#0b1017e8;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
header div{display:flex;flex-direction:column}header span,small,.eyebrow{color:var(--muted)}nav{display:flex;gap:.8rem;flex-wrap:wrap}a{color:var(--text);text-decoration:none}nav a:hover{color:var(--gold)}
main{max-width:1180px;margin:auto;padding:2rem 4vw 5rem}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:2rem;align-items:center;min-height:430px}
h1{font-size:clamp(2.2rem,6vw,5rem);line-height:1;margin:.4rem 0}h2{margin-top:2.4rem}.statuscard,.panel,article{background:linear-gradient(145deg,#182230,#111924);border:1px solid var(--line);border-radius:18px;padding:1.25rem;box-shadow:0 18px 50px #0005}
.statuscard div{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--line)}.statuscard div:last-child{border:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.stats article{display:flex;justify-content:space-between;align-items:center}.stats strong{font-size:1.5rem}
.ok{color:var(--green)}.bad{color:var(--red)}.button,button{display:inline-block;background:var(--gold);color:#161009;border:0;border-radius:10px;padding:.8rem 1rem;font-weight:800;cursor:pointer}.button.ghost{background:transparent;color:var(--text);border:1px solid var(--line)}.actions{display:flex;gap:.8rem;margin-top:1.5rem}.danger{background:var(--red);color:white}
label{display:grid;gap:.45rem;margin:.9rem 0}input,textarea,select{width:100%;background:#0b111a;color:var(--text);border:1px solid var(--line);border-radius:9px;padding:.8rem;font:inherit}.narrow{max-width:520px;margin:3rem auto}.inline{display:flex;gap:.7rem;flex-wrap:wrap}
.flash{padding:1rem;border-radius:10px;margin-bottom:1rem}.flash.ok{background:#153b2a}.flash.bad{background:#491c22}.adminbar{background:#4a3514;border:1px solid #936c22;padding:.7rem 1rem;border-radius:10px;margin-bottom:1rem}
.table{overflow:auto;border:1px solid var(--line);border-radius:14px}table{width:100%;border-collapse:collapse;background:var(--panel)}th,td{text-align:left;padding:.8rem;border-bottom:1px solid var(--line)}td input[type=number]{min-width:70px}footer{text-align:center;color:var(--muted);padding:2rem;border-top:1px solid var(--line)}
@media(max-width:760px){header{align-items:flex-start;flex-direction:column}.hero{grid-template-columns:1fr;min-height:auto;padding:3rem 0}}
/* Paket 06 – Portal V4.1 */
.muted{color:var(--muted)}.grow{flex:1;min-width:220px}.split{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}
.forum-post{display:grid;grid-template-columns:180px 1fr;gap:1.2rem;margin:1rem 0}.forum-post>div{display:flex;flex-direction:column;gap:.4rem;border-right:1px solid var(--line)}
.guide{max-width:900px;margin:auto}.prose{font-size:1.08rem;line-height:1.75;white-space:normal}
pre{white-space:pre-wrap;word-break:break-word;max-height:520px;overflow:auto;background:#080d14;border:1px solid var(--line);padding:1rem;border-radius:10px}
.check{display:flex;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.portal-banner{background:#5a3d13;border:1px solid #ad792c;padding:.8rem 1rem;border-radius:10px;margin-bottom:1rem}
@media(max-width:700px){.forum-post{grid-template-columns:1fr}.forum-post>div{border-right:0;border-bottom:1px solid var(--line);padding-bottom:.8rem}}