*{margin:0;padding:0;box-sizing:border-box}:root{--bg:#0f172a;--surface:#1e293b;--border:#334155;--text:#e2e8f0;--dim:#94a3b8;--accent:#22c55e;--blue:#3b82f6;--purple:#8b5cf6;--amber:#f59e0b;--red:#ef4444;--cyan:#06b6d4}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;cursor:pointer}.container{max-width:1100px;margin:0 auto;padding:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:.5rem;padding:1.25rem}.btn{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:.375rem;padding:.5rem 1rem;font-size:.9rem}.btn:hover{border-color:var(--dim)}.btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:500}.btn.danger{background:var(--red);color:#fff;border-color:var(--red)}.btn:disabled{opacity:.5;cursor:not-allowed}input,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:.375rem;padding:.5rem .75rem;font:inherit;width:100%}.header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--border)}.header h1{font-size:1.15rem;color:var(--accent);font-weight:600}.header .user{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--dim)}.header .user img{width:26px;height:26px;border-radius:50%}.muted{color:var(--dim)}.err,.muted{font-size:.85rem}.err{color:var(--red)}.empty{color:var(--dim);text-align:center;padding:2rem}.grid{display:grid;grid-gap:1rem;gap:1rem}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.grid-sensors{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.sensor-card{background:var(--surface);border-radius:.5rem;padding:1rem;border-top:3px solid var(--border)}.sensor-card .lbl{font-size:.7rem;color:var(--dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.sensor-card .val{font-size:1.5rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.sensor-card .unit{font-size:.8rem;font-weight:400;color:var(--dim);margin-left:.25rem}.sensor-card .age{font-size:.65rem;color:var(--dim);margin-top:.25rem}.sensor-card.stale{opacity:.4}.device-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--surface);border-radius:.5rem;margin-bottom:.5rem}.device-row h3{font-size:1rem}.device-row .meta{font-size:.8rem;color:var(--dim);margin-top:.2rem}.key-box{background:var(--bg);border:1px solid var(--amber);border-radius:.375rem;padding:.75rem 1rem;font-family:ui-monospace,Menlo,monospace;font-size:.85rem;word-break:break-all;margin:.75rem 0}