:root { color-scheme:light; --bg:#f4f7fc; --surface:#fff; --line:#e4e9f2; --text:#1a253d; --muted:#7d899d; --primary:#5d45e7; font-family:"Segoe UI",Tahoma,Arial,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:linear-gradient(145deg,#f3f8ff,#faf9ff); color:var(--text); line-height:1.75; }
aside { position:fixed; right:0; top:0; width:255px; height:100vh; padding:24px 18px; border-left:1px solid var(--line); background:rgba(255,255,255,.94); box-shadow:0 10px 35px rgba(44,57,92,.06); backdrop-filter:blur(15px); }
.brand { display:flex; direction:ltr; align-items:center; gap:11px; padding-bottom:24px; border-bottom:1px solid var(--line); color:var(--text); text-decoration:none; }
.brand>b { width:43px; height:43px; display:grid; place-items:center; border-radius:14px; color:#fff; background:linear-gradient(145deg,#20b9e7,#5b63e8,#9460eb); box-shadow:0 10px 24px rgba(80,72,214,.2); font-size:23px; }
.brand span { font-weight:900; letter-spacing:.15em; }
.brand small { display:block; color:var(--muted); font-size:8px; letter-spacing:.18em; }
nav { display:grid; gap:3px; margin-top:22px; }
nav a { padding:9px 12px; border-radius:10px; color:var(--muted); text-decoration:none; font-size:13px; }
nav a:hover { background:#f0edff; color:var(--primary); }
main { width:min(920px,calc(100% - 315px)); margin-right:290px; padding:64px 24px 80px; }
header { padding:34px; border:1px solid var(--line); border-radius:23px; background:#fff; box-shadow:0 16px 45px rgba(44,57,92,.08); }
h1 { margin:8px 0 14px; font-size:44px; line-height:1.2; letter-spacing:-.03em; }
header>p:not(.eyebrow) { max-width:720px; color:var(--muted); font-size:17px; }
.eyebrow { color:var(--primary); font-size:11px; font-weight:850; letter-spacing:.09em; }
.button { min-height:42px; display:inline-flex; align-items:center; margin-top:8px; padding:0 16px; border-radius:11px; color:#fff; background:linear-gradient(135deg,#5d45e7,#6a66ef,#2faee9); box-shadow:0 11px 26px rgba(88,70,222,.2); text-decoration:none; font-size:12px; font-weight:800; }
section { margin-top:16px; padding:31px; border:1px solid var(--line); border-radius:19px; background:#fff; box-shadow:0 10px 30px rgba(44,57,92,.055); }
h2 { margin:5px 0 12px; font-size:26px; }
h3 { margin-top:28px; font-size:16px; }
p { color:#68758b; }
code { font-family:Consolas,monospace; }
p code { padding:2px 5px; border-radius:5px; background:#efecff; color:#6650cc; direction:ltr; }
pre { overflow:auto; padding:18px; border:1px solid #253451; border-radius:13px; background:#17233d; color:#dce9ff; direction:ltr; text-align:left; font-size:12px; line-height:1.65; }
.status-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:10px; }
.status-grid article { display:flex; justify-content:space-between; gap:12px; padding:12px 14px; border:1px solid var(--line); border-radius:11px; background:#fafbfe; color:var(--muted); font-size:12px; }
.status-grid b { color:#47536a; direction:ltr; }
.status-grid .ok b { color:#16865e; }
.status-grid .bad b { color:#cb4058; }
table { width:100%; overflow:hidden; border:1px solid var(--line); border-radius:12px; border-collapse:collapse; background:#fff; }
th,td { padding:12px 14px; border-bottom:1px solid var(--line); text-align:right; font-size:12px; }
th { background:#fafbfe; color:var(--muted); }
td:first-child { color:#6550ca; direction:ltr; text-align:left; font-family:Consolas,monospace; }
footer { padding-top:30px; color:#8b96a8; font-size:11px; }
@media(max-width:760px){ aside{position:static;width:100%;height:auto;border-left:0;border-bottom:1px solid var(--line);}nav{grid-template-columns:repeat(2,1fr);}main{width:100%;margin:0;padding:24px 14px 60px;}header,section{padding:23px 18px;}h1{font-size:34px}.status-grid{grid-template-columns:1fr;} }
/* MAN SYSTEMS GROUP IDENTITY START */
.brand{direction:rtl!important;gap:10px!important}.brand>span{direction:ltr!important;text-align:left!important}
.brand-mark{width:48px!important;height:48px!important;max-width:48px!important;max-height:48px!important;border-radius:0!important;object-fit:contain!important;background:transparent!important;box-shadow:none!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important}
.core-logo{object-fit:contain!important;filter:none!important;opacity:1!important;mix-blend-mode:normal!important;background:transparent!important}
.brand b,.brand>span{font-size:11px!important;font-weight:800!important;letter-spacing:1.15px!important;white-space:nowrap!important}.brand small{font-size:9px!important;font-weight:500!important;letter-spacing:.15px!important;text-transform:none!important}
/* MAN SYSTEMS GROUP IDENTITY END */