:root{
  --ink:#111;
  --paper:#fff;
  --chrome:#050505;
  --cobalt:#2638ac;
  --cobalt-dark:#161f7f;
  --panel:#5f62c9;
  --panel-dark:#4549ad;
  --sidebar:#9b6b33;
  --sidebar-dark:#744919;
  --site-green:#1d9f34;
  --line:#a8a8a8;
  --soft:#efefef;
  --muted:#676767;
  --ok:#20b33a;
  --warn:#f5c325;
  --danger:#d53b33;
  --shadow:0 1px 0 rgba(255,255,255,.75) inset, 0 1px 4px rgba(0,0,0,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#d8d8d8;color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.45}
a{color:var(--cobalt-dark)}
.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:12px;top:12px;z-index:999;background:#fff;padding:8px 12px;border:2px solid #000}
.page-shell{width:min(1280px,100%);margin:0 auto;background:var(--paper);min-height:100vh;box-shadow:0 0 18px rgba(0,0,0,.2)}
.topbar{min-height:54px;background:var(--chrome);color:#fff;display:grid;grid-template-columns:260px 1fr auto;align-items:center;border-bottom:5px solid var(--cobalt);position:sticky;top:0;z-index:10}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;padding:7px 14px}.brand-orb{width:36px;height:26px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 40% 35%,#6eb7ff 0,#3565d2 37%,#172477 72%);border:2px solid #92aaff;font-weight:700;font-style:italic;box-shadow:0 0 0 2px #1d1d1d}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-size:18px;letter-spacing:.2px}.brand-copy small{font-size:10px;color:#bbb;margin-top:3px}.topbar-title{text-align:center;font-weight:700;font-size:16px}.topbar-status{font-size:12px;padding:0 16px;color:#d7d7d7;white-space:nowrap}
.workspace{display:grid;grid-template-columns:210px 1fr;min-height:calc(100vh - 90px)}
.sidebar{background:linear-gradient(90deg,var(--sidebar-dark),var(--sidebar));border-right:3px solid #d9d9d9;color:#fff;min-height:100%}.sidebar-cap{background:#000;padding:9px 13px;font-weight:700;border-bottom:4px solid var(--site-green)}.sidebar nav{padding:8px 0}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;text-decoration:none;padding:8px 11px 8px 13px;font-size:13px;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(0,0,0,.18);text-shadow:0 1px 1px rgba(0,0,0,.45)}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.11)}.nav-lamp{width:17px;height:10px;border-radius:50%;border:1px solid #111;box-shadow:0 1px 2px rgba(0,0,0,.65),inset 0 1px 1px rgba(255,255,255,.9)}.nav-lamp.blue{background:#2c49d1}.nav-lamp.green{background:#2dd143}.monitor-box{margin:20px 12px;padding:10px;background:rgba(0,0,0,.14);border:1px solid rgba(255,255,255,.24);font-size:12px}.monitor-box h2{font-size:13px;margin:0 0 8px}.monitor-box p{margin:5px 0}
.main-panel{padding:18px;background:#fff}.panel-section{scroll-margin-top:78px;margin:0 0 18px;border:1px solid #8f8f8f;box-shadow:var(--shadow)}.panel-title{background:linear-gradient(#6f72d8,var(--panel-dark));color:#fff;text-align:center;font-weight:700;padding:5px 8px;border-bottom:1px solid #343783;text-shadow:0 1px 1px rgba(0,0,0,.4)}.panel-body{padding:20px;background:#fff}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:28px;align-items:start}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:11px;color:var(--site-green);font-weight:700;margin:0 0 7px}.hero h1{font-size:34px;line-height:1.04;margin:0 0 14px;max-width:760px}.lead{font-size:17px;color:#3d3d3d;max-width:760px}.button-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.retro-button{appearance:none;border:1px solid #31317d;border-radius:13px;padding:5px 14px;background:linear-gradient(#7c7fdd,#4348ae);color:#fff;text-decoration:none;font:700 12px Arial,Helvetica,sans-serif;box-shadow:inset 0 1px 0 rgba(255,255,255,.55),0 1px 1px rgba(0,0,0,.2);cursor:pointer}.retro-button:hover{filter:brightness(1.08)}.retro-button.primary{background:linear-gradient(#3fb64d,#168a2a);border-color:#0f6f21}.retro-button.small{padding:4px 10px}.retro-button:disabled{opacity:.55;cursor:not-allowed}
.server-card{border:1px solid #9c9c9c}.server-card-head{background:#dedede;font-weight:700;padding:6px 8px;border-bottom:1px solid #9c9c9c}.server-card table{width:100%;border-collapse:collapse}.server-card th,.server-card td{padding:7px;border-bottom:1px solid #ddd;text-align:left}.server-card th{width:40%;background:#f5f5f5;font-weight:700}
.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:-1px;margin-right:5px;border:1px solid rgba(0,0,0,.55);box-shadow:inset 0 1px 1px rgba(255,255,255,.8)}.status-dot.ok{background:var(--ok)}.status-dot.warn{background:var(--warn)}.status-dot.danger{background:var(--danger)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{border:1px solid #b8b8b8;background:linear-gradient(#fff,#f4f4f4);padding:16px;position:relative;min-height:190px}.feature-card h2{font-size:18px;margin:30px 0 7px}.feature-card p{color:#454545;margin:0}.feature-index{position:absolute;top:10px;right:12px;font-size:24px;color:#c3c3c3;font-weight:700}
.table-toolbar{display:flex;align-items:center;gap:8px;margin-bottom:10px;background:#eee;border:1px solid #bbb;padding:8px}.table-toolbar label{font-weight:700}.table-toolbar input{flex:1;min-width:150px;border:1px solid #999;padding:5px 7px;font:inherit}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{background:linear-gradient(#7274d3,#5357ba);color:#fff;text-align:left;padding:6px;border:1px solid #3f438e}.data-table td{padding:7px;border:1px solid #c0c0c0}.data-table tbody tr:nth-child(even){background:#f5f5f5}.data-table tbody tr[hidden]{display:none}
.download-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.download-card{border:1px solid #b5b5b5;background:#fafafa;padding:15px;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.download-card small{color:var(--site-green);font-weight:700;letter-spacing:1px}.download-card h2{font-size:18px;margin:4px 0 8px}.download-card p{margin:0;color:#4e4e4e}
.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#bcbcbc;padding:1px}.resources-grid article{background:#fff;padding:16px}.resources-grid h2{font-size:17px;margin:0 0 6px}.resources-grid p{margin:0 0 8px}.about-copy{max-width:900px}.about-copy p:last-child{margin-bottom:0}
.footer{display:flex;justify-content:space-between;gap:16px;background:#101a89;color:#fff;padding:7px 12px;font-size:11px;border-top:3px solid #000}
@media (max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar-title{display:none}.workspace{grid-template-columns:170px 1fr}.hero-grid{grid-template-columns:1fr}.feature-grid,.download-grid,.resources-grid{grid-template-columns:1fr}.hero h1{font-size:28px}}
@media (max-width:640px){.topbar{position:relative;grid-template-columns:1fr}.topbar-status{display:none}.workspace{display:block}.sidebar{border-right:0;border-bottom:4px solid #d9d9d9}.sidebar nav{display:grid;grid-template-columns:repeat(2,1fr)}.monitor-box{display:none}.main-panel{padding:10px}.panel-body{padding:14px}.hero h1{font-size:25px}.table-toolbar{align-items:stretch;flex-wrap:wrap}.table-toolbar label{width:100%}.footer{flex-direction:column}.nav-item{padding:9px 10px}}