:root{--bg: #f5f2ea;--bg-accent: #e6e0cf;--surface: rgba(255, 255, 255, .78);--surface-strong: rgba(255, 255, 255, .9);--text: #1f2730;--text-muted: #566273;--primary: #0f766e;--primary-soft: #d7f2ef;--border: rgba(31, 39, 48, .14);--shadow: 0 12px 32px rgba(31, 39, 48, .12)}*{box-sizing:border-box}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 90% -10%,#f0dcb9,#f0dcb900 38%),radial-gradient(circle at 8% 15%,#d4ebe7,#d4ebe700 34%),linear-gradient(180deg,var(--bg) 0%,#f9f6ef 100%);min-height:100vh}#root{min-height:100vh}.page{max-width:1100px;margin:0 auto;padding:28px 16px 48px}.hero{background:linear-gradient(145deg,var(--surface) 0%,var(--surface-strong) 100%);border:1px solid var(--border);border-radius:20px;padding:26px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise-in .45s ease-out}.hero h1{margin:0;font-size:clamp(2rem,3.8vw,3rem);line-height:1.05}.hero p{margin:12px 0 0;max-width:760px;color:var(--text-muted)}.hero-row{margin-top:20px;display:flex;gap:10px;flex-wrap:wrap}.status-row{margin-top:12px;display:flex;gap:8px;flex-wrap:wrap}.status-pill{display:inline-flex;border-radius:999px;border:1px solid var(--border);background:#fffc;color:var(--text-muted);padding:6px 10px;font-size:.8rem}.status-pill.status-ok{background:#dff4e7;border-color:#95d3ab;color:#1b6137}.status-pill.status-down{background:#fde6e6;border-color:#efb2b2;color:#8f2d2d}.hero-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.hero-actions a{text-decoration:none}.cta-primary,.cta-secondary{border-radius:10px;font-weight:700;padding:10px 14px}.cta-primary{background:var(--primary);color:#fff}.cta-secondary{background:#ffffffb3;border:1px solid var(--border);color:var(--text)}.chip{display:inline-flex;border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-size:.86rem;color:var(--text-muted);background:#ffffffb3}.grid{margin-top:16px;display:grid;gap:14px;grid-template-columns:repeat(12,minmax(0,1fr))}.card{grid-column:span 12;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:16px;box-shadow:0 8px 24px #1f273014;animation:rise-in .45s ease-out}.card h2{margin:0 0 10px;font-size:1.1rem}.controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}input{border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--text);font-size:.95rem;padding:10px 12px;min-width:240px}button{border:1px solid transparent;border-radius:10px;padding:9px 12px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:transform .14s ease,opacity .14s ease}button:disabled{cursor:not-allowed;opacity:.65}button:hover:not(:disabled){transform:translateY(-1px)}.button-secondary{background:var(--primary-soft);color:#0d5b54;border-color:#b9e4de}.footer{margin-top:20px;text-align:center;color:var(--text-muted);font-size:.9rem;padding-bottom:8px}ul{margin:8px 0 0;padding-left:18px}li,.meta-line{margin-top:8px;color:var(--text-muted)}.warning-line{color:#8f2d2d;background:#fde6e6b3;border:1px solid #efb2b2;border-radius:8px;padding:8px 10px}pre{margin:8px 0 0;background:#1f2730;color:#f0f4f8;border-radius:10px;padding:10px;font-size:.84rem}@media (min-width: 780px){.card.span-6{grid-column:span 6}.card.span-8{grid-column:span 8}.card.span-4{grid-column:span 4}}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}