:root{--bg-top: #f8fbff;--bg-bottom: #edf3f8;--surface: rgba(255, 255, 255, .9);--surface-strong: #ffffff;--border: rgba(78, 110, 145, .16);--ink: #17324d;--muted: #67809b;--blue: #1976d2;--blue-deep: #114a8a;--green: #1a8b63;--red: #cf4b4b;--amber: #cb8b20;--shadow: 0 20px 44px rgba(19, 50, 83, .12)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(25,118,210,.16),transparent 26%),radial-gradient(circle at bottom right,rgba(26,139,99,.12),transparent 28%),linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}button,input,textarea,pre,code{font:inherit}.page-shell{max-width:1260px;margin:0 auto;padding:28px}.hero-card,.status-strip,.metric-card,.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero-card{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:20px;padding:26px;margin-bottom:18px}.eyebrow,.chip,.status-label{display:inline-flex;align-items:center;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow,.chip{padding:8px 13px;border-radius:999px;background:rgba(25,118,210,.1);color:var(--blue-deep)}.hero-copy h1{margin:14px 0 10px;font-size:42px;line-height:1.04}.hero-copy p{margin:0;max-width:720px;color:var(--muted);line-height:1.7}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.hero-actions{display:flex;flex-direction:column;justify-content:center;gap:12px}.action-button{border:0;border-radius:16px;padding:15px 18px;cursor:pointer;font-size:15px;font-weight:800;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease}.action-button:hover:not(:disabled){transform:translateY(-1px)}.action-button:disabled{cursor:not-allowed;opacity:.72}.action-button.primary{color:#fff;background:linear-gradient(135deg,#1877f2 0%,#114a8a 100%);box-shadow:0 16px 30px #1877f23d}.action-button.success{color:#fff;background:linear-gradient(135deg,#1ca870 0%,#167951 100%);box-shadow:0 16px 30px #1ca87033}.action-button.danger{color:#8f2e2e;background:linear-gradient(135deg,#ffe1e1 0%,#ffd0d0 100%)}.status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:18px;margin-bottom:18px}.status-box{min-width:0}.status-label{margin-bottom:8px;color:var(--muted)}.status-box strong{display:block;line-height:1.6;word-break:break-word}.metric-grid,.content-grid{display:grid;gap:16px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px}.metric-card{padding:22px}.metric-card strong{display:block;margin:8px 0 12px;font-size:40px;line-height:1}.metric-card p{margin:0;color:var(--muted);line-height:1.6}.metric-card-success strong{color:var(--green)}.metric-card-danger strong{color:var(--red)}.metric-card-info strong{color:var(--blue)}.metric-card-warn strong{color:var(--amber)}.content-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.panel-card{padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h2{margin:0;font-size:22px}.terminal-box,.payload-box{min-height:360px;max-height:480px;overflow:auto;padding:16px;border-radius:18px;line-height:1.68;white-space:pre-wrap;word-break:break-word}.terminal-box{background:#0f1f33;color:#dcecff;font-family:Consolas,Monaco,monospace;font-size:13px}.payload-box{margin:0;background:#f4f8fc;color:var(--ink);border:1px solid rgba(78,110,145,.14)}.note-box{margin-top:14px;padding:14px 16px;border-radius:16px;background:#f8fbff;border:1px solid rgba(78,110,145,.14)}.note-box strong{display:block;margin-bottom:6px}.note-box p{margin:0;color:var(--muted);line-height:1.6}.note-box code{font-family:Consolas,Monaco,monospace;color:var(--blue-deep)}@media (max-width: 1080px){.hero-card,.status-strip,.metric-grid,.content-grid{grid-template-columns:1fr}}