:root{--bg:#07101f;--panel:#0d192b;--panel2:#111f34;--text:#eef5ff;--muted:#8da0ba;--line:#20334d;--blue:#4d8dff;--green:#35d07f;--red:#ff5f68;--amber:#ffbf47}*{box-sizing:border-box}body{margin:0;background:linear-gradient(145deg,#06101d,#091529 55%,#07101f);color:var(--text);font-family:Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}.shell{max-width:1280px;margin:auto;padding:0 22px 60px}.nav{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:34px}.nav>div{display:flex;gap:24px}.nav a{color:#b9c7d9}.brand{display:flex!important;align-items:center;gap:10px;font-weight:800;color:#fff!important}.logo{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--blue);color:#fff}.page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.page-head h1{margin:0 0 6px;font-size:30px}.muted{color:var(--muted)}.live-dot{color:var(--green);font-weight:700}.card{background:rgba(13,25,43,.92);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 12px 35px rgba(0,0,0,.18)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.stat span{color:var(--muted);display:block}.stat strong{font-size:34px;display:block;margin-top:8px}.table-wrap{overflow:auto;padding:0}table{width:100%;border-collapse:collapse}th,td{padding:16px 18px;text-align:right;border-bottom:1px solid var(--line)}th{color:var(--muted);font-size:13px}td small{display:block;color:var(--muted);margin-top:5px}.badge{display:inline-block;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}.badge.up{background:#153c31;color:#6df2ad}.badge.down{background:#49242a;color:#ff858b}.badge.degraded,.badge.wordpress_down{background:#4b3b19;color:#ffd36f}.badge.no_data{background:#24334a;color:#aab9cd}.button,button{display:inline-block;border:0;border-radius:10px;background:var(--blue);color:white;padding:11px 17px;font-weight:700;cursor:pointer}.secondary{background:#22344d!important}.form-wide{max-width:820px}.auth,.install{max-width:460px;margin:9vh auto}.auth h1,.install h1{font-size:34px;margin-bottom:0}form h3{margin-top:28px}label{display:block;margin:14px 0;color:#c6d2e1;font-size:14px}input{width:100%;margin-top:7px;border:1px solid #29405e;background:#071321;color:#fff;border-radius:10px;padding:12px 13px;font:inherit}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.check{display:flex;gap:8px;align-items:center}.check input{width:auto;margin:0}.notice{padding:12px 14px;border-radius:10px;margin:15px 0}.notice.ok{background:#143b2e;color:#79efb4}.notice.bad{background:#4a2227;color:#ff9ca1}.otp-actions{display:flex;gap:8px;margin:15px 0}@media(max-width:760px){.stats,.grid{grid-template-columns:1fr 1fr}.nav>div{gap:10px;font-size:13px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:480px){.grid{grid-template-columns:1fr}.shell{padding:0 12px 40px}}
select{width:100%;margin-top:7px;border:1px solid #29405e;background:#071321;color:#fff;border-radius:10px;padding:12px 13px;font:inherit}.settings-card{margin-top:18px}.test-form{max-width:820px;margin:10px 0 18px}.health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.health span{display:block;color:var(--muted);margin-bottom:9px}.health strong{font-size:18px}.health small{display:block;color:var(--muted);margin-top:6px}.good{color:var(--green)}.warn{color:var(--amber)}.bad-text{color:var(--red)}.danger{background:#6e2630!important}.inline-actions{display:flex;gap:10px;flex-wrap:wrap}.inline-actions form{margin:0}.secret-key{font-family:monospace;font-size:22px;letter-spacing:2px;background:#071321;border:1px dashed #3a5b83;padding:16px;border-radius:10px;word-break:break-all;margin:15px 0}.uri{display:block;white-space:normal;word-break:break-all;padding:12px;background:#071321;border-radius:8px;margin-top:8px}.recovery{max-width:820px;margin-bottom:18px}.code-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.code-grid code{background:#071321;border:1px solid var(--line);padding:12px;border-radius:8px;text-align:center;font-size:16px}@media(max-width:760px){.health-grid{grid-template-columns:1fr 1fr}.code-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.health-grid{grid-template-columns:1fr}}