:root{--bg:#f4f7fb;--card:#fff;--ink:#13213a;--muted:#667085;--line:#dce3ec;--brand:#2563eb;--brand2:#1747a6;--good:#15803d;--warn:#b45309;--bad:#b42318;--radius:18px;--shadow:0 16px 40px rgba(16,35,68,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:20;background:#0b162b;color:#fff;border-bottom:1px solid rgba(255,255,255,.08)}.topbar-inner{max-width:1220px;margin:auto;padding:14px 22px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800}.brand:first-letter{background:var(--brand);border-radius:10px;padding:8px}.brand:hover{text-decoration:none}.nav{display:flex;gap:6px;margin-left:auto}.nav a{color:#cbd5e1;padding:9px 12px;border-radius:9px}.nav a:hover,.nav a.active{color:#fff;background:#1e2d49;text-decoration:none}.account{display:flex;align-items:center;gap:12px}.account a{color:#fff}.account form{margin:0}.link-button{border:0;background:none;color:#dbeafe;cursor:pointer;font:inherit}.container{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:34px 0;flex:1}.narrow{max-width:760px}.hero{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;align-items:center;padding:50px 0}.hero h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.055em;margin:.3em 0}.hero p{font-size:1.15rem;color:var(--muted);max-width:760px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;font-weight:800;color:var(--brand)}.hero-card,.card,.auth-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:22px}.status-row{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.status-row:last-child{border-bottom:0}.status-row span{color:var(--muted)}.card{padding:24px;margin-bottom:24px}.card h2,.card h1{margin-top:0}.grid{display:grid;gap:22px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.stat{text-align:center}.stat strong{font-size:2rem;display:block}.stat span{color:var(--muted)}.page-header,.card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px}.page-header h1{font-size:2.25rem;letter-spacing:-.035em;margin:.2em 0}.page-header p,.card-head p{color:var(--muted);margin:0}.actions{display:flex;gap:10px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 17px;border:1px solid var(--brand);border-radius:11px;background:var(--brand);color:#fff;font-weight:750;cursor:pointer}.button:hover{background:var(--brand2);text-decoration:none}.button.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.button.small{min-height:36px;padding:7px 12px;font-size:.9rem}.auth-card{max-width:620px;margin:30px auto;padding:30px}.auth-card.wide{max-width:900px}.form-grid{display:grid;gap:16px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid button{justify-self:start}label{display:grid;gap:7px;font-weight:700}input,select,textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;background:#fff;color:var(--ink);font:inherit}input:focus,select:focus,textarea:focus{outline:3px solid rgba(37,99,235,.15);border-color:var(--brand)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:13px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.badge{display:inline-block;padding:4px 9px;border-radius:999px;background:#e8edf5;color:#344054;font-size:.8rem;font-weight:800}.badge.active,.badge.connected,.badge.pass,.badge.success,.badge.resolved{background:#dcfce7;color:#166534}.badge.warning,.badge.pending,.badge.normal,.badge.in_progress,.badge.waiting{background:#fef3c7;color:#92400e}.badge.failed,.badge.error,.badge.fail,.badge.danger,.badge.urgent,.badge.closed{background:#fee2e2;color:#991b1b}.badge.high{background:#ffedd5;color:#9a3412}.alert{padding:13px 15px;border-radius:11px;margin-bottom:18px;border:1px solid}.alert.success{background:#ecfdf3;border-color:#a6f4c5;color:#166534}.alert.warning{background:#fffaeb;border-color:#fedf89;color:#92400e}.alert.danger{background:#fef3f2;border-color:#fecdca;color:#991b1b}.muted{color:var(--muted)}.prose{max-width:850px}.faq details{border-top:1px solid var(--line);padding:15px 0}.faq summary{font-weight:800;cursor:pointer}code{white-space:pre-wrap;word-break:break-word;font-size:.78rem}footer{margin-top:auto;background:#0b162b;color:#cbd5e1}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding-top:28px;padding-bottom:28px}.footer-grid a{color:#fff}@media(max-width:850px){.hero,.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr 1fr}.nav{order:3;width:100%;overflow:auto;margin-left:0}.topbar-inner{flex-wrap:wrap}.account{margin-left:auto}.hero{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr}}@media(max-width:560px){.container{width:min(100% - 24px,1180px);padding:22px 0}.grid-3,.grid-4,.footer-grid{grid-template-columns:1fr}.page-header,.card-head{display:block}.page-header .button,.page-header .actions{margin-top:16px}.account span{display:none}.brand span{display:none}.hero h1{font-size:2.65rem}.card,.auth-card{padding:20px}}