:root{--bg: #f4f0e7;--paper: #fffaf1;--ink: #1e2a1f;--muted: #5a6659;--line: #dccfb7;--accent: #1f7a61;--accent-soft: #d8efe7;--danger: #a33f2f}*{box-sizing:border-box}body{margin:0;font-family:Manrope,sans-serif;color:var(--ink);background:radial-gradient(circle at 80% 10%,#f7db8d 0%,transparent 40%),radial-gradient(circle at 20% 85%,#cce6dd 0%,transparent 42%),var(--bg);min-height:100vh}.page{width:min(1100px,92vw);margin:0 auto;padding:2.2rem 0 2.8rem}.hero h1,h2,.metric{font-family:Space Grotesk,sans-serif;letter-spacing:-.02em}.kicker{margin:0;text-transform:uppercase;letter-spacing:.2em;font-size:.75rem;color:var(--muted)}.hero h1{margin:.35rem 0;font-size:clamp(1.9rem,4vw,2.8rem)}.subtitle{margin:0;max-width:56ch;color:var(--muted)}.grid{margin-top:1.3rem;display:grid;gap:1rem;grid-template-columns:repeat(12,1fr)}.panel{grid-column:span 6;border:1px solid var(--line);border-radius:20px;background:color-mix(in srgb,var(--paper) 88%,white);box-shadow:0 10px 30px #23282512;padding:1rem}.panel-accent{background:linear-gradient(165deg,var(--accent-soft),var(--paper) 44%)}.panel h2{margin:0 0 .7rem;font-size:1.15rem}.metric{margin:0 0 .7rem;font-size:1.6rem}.device-list{margin:0;padding:0;list-style:none;display:grid;gap:.55rem}.device-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #d6cfbe;border-radius:12px;padding:.6rem .75rem;background:#ffffff94}.device-id{margin:0;font-weight:700}.device-meta{margin:0;color:var(--muted);font-size:.88rem}.device-right{text-align:right}.dot{display:inline-block;width:11px;height:11px;border-radius:999px;margin-bottom:.25rem}.ok{background:var(--accent)}.ko{background:var(--danger)}label{display:block;margin-bottom:.55rem;font-size:.9rem;color:var(--muted)}input,select,textarea{width:100%;margin-top:.3rem;border-radius:10px;border:1px solid #cbc2ad;padding:.55rem .65rem;background:#fffcf6;font:inherit;color:var(--ink)}button{border:0;margin-top:.45rem;border-radius:12px;padding:.65rem .9rem;font:700 .94rem Space Grotesk,sans-serif;background:var(--accent);color:#f8fffc;cursor:pointer}button:hover{filter:brightness(1.05)}button:disabled{opacity:.6;cursor:not-allowed}.secondary{background:#345b4f;margin-bottom:.7rem}pre{margin:0;border:1px solid #d9cfbc;border-radius:12px;background:#f8f2e8;padding:.7rem;white-space:pre-wrap;word-break:break-word}.hint{margin:.45rem 0 0;color:var(--muted);font-size:.9rem}code{font-family:JetBrains Mono,Fira Code,monospace;color:#143f31}.error,.success{margin:.55rem 0 0;font-size:.9rem}.error{color:#8f2b1d}.success{color:#0f5a46}@media(max-width:860px){.panel{grid-column:span 12}}