@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@400;500&display=swap";*{box-sizing:border-box}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4efe7;--bg-strong:#e7ddcf;--surface:#fffcf7e0;--surface-strong:#fffdf8;--surface-ink:#1f2937;--muted:#6b7280;--border:#7c614829;--accent:#c45c2c;--accent-deep:#8f3f1c;--accent-soft:#c45c2c1f;--shadow:0 18px 48px #5231161f;--radius-lg:28px;--radius-md:18px;--radius-sm:12px}body{min-width:320px;color:var(--surface-ink);background:radial-gradient(circle at 0 0,#ffd6998c,#0000 32%),radial-gradient(circle at 85% 15%,#b0d2c459,#0000 28%),linear-gradient(160deg,#f8f4ec 0%,#ede4d6 52%,#f6efe7 100%);min-height:100vh;margin:0;font-family:Manrope,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}#root{min-height:100vh}.app-shell{max-width:1220px;margin:0 auto;padding:40px 20px 72px;position:relative}.app-shell__glow{filter:blur(12px);pointer-events:none;opacity:.6;border-radius:999px;position:absolute}.app-shell__glow--one{background:#eeb37947;width:240px;height:240px;top:18px;right:4%}.app-shell__glow--two{background:#7ba89b33;width:220px;height:220px;top:320px;left:-40px}.app-header{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#fffbf5e6,#f9f1e7c7);justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:28px;padding:30px 32px;display:flex;position:relative}.eyebrow{color:var(--accent-deep);letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}.app-header h1,.page h2,.page h3{letter-spacing:-.04em;margin:0}.app-header h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:.95}.app-header__subtitle{max-width:52ch;color:var(--muted);margin:14px 0 0;line-height:1.6}.app-nav{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.app-nav__link{color:var(--muted);background:#fff9;border:1px solid #0000;border-radius:999px;padding:12px 18px;font-weight:700;transition:transform .2s,background-color .2s,border-color .2s,color .2s}.app-nav__link:hover{color:var(--surface-ink);border-color:#c45c2c38;transform:translateY(-1px)}.app-nav__link--active{background:linear-gradient(135deg, var(--accent), #db7e4d);color:#fff;box-shadow:0 12px 24px #c45c2c33}.app-main{position:relative}.page{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#fffdf9f0,#fff9f2e0);gap:22px;padding:32px;display:grid}.page h2{font-size:clamp(1.8rem,3vw,2.7rem)}.page h3{margin-bottom:10px;font-size:1.15rem}.page p,.page li,.page label{color:var(--surface-ink)}.page p{margin:0;line-height:1.6}.page__intro{color:var(--muted);max-width:62ch}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:22px}.section-card--soft{background:linear-gradient(#fff8f0f2,#fffcf7e0)}.page-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;display:grid}.span-4{grid-column:span 4}.span-6{grid-column:span 6}.span-8{grid-column:span 8}.span-12{grid-column:1/-1}.stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stat-card{border-radius:var(--radius-md);border:1px solid var(--border);background:linear-gradient(#ffffffe0,#f7f0e8eb);padding:18px}.stat-card__label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:.88rem;display:block}.stat-card__value{letter-spacing:-.05em;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;display:block}.data-list,.sensor-list,.event-log-list{margin:0;padding:0;list-style:none}.data-list{gap:12px;display:grid}.data-list li{border-bottom:1px solid #7c61481f;justify-content:space-between;gap:18px;padding:12px 0;display:flex}.data-list li:last-child{border-bottom:0}.data-list__label{color:var(--muted)}.data-list__value{text-align:right;font-weight:700}.sensor-list{gap:12px;display:grid}.sensor-list a{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffffad;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;transition:transform .2s,border-color .2s,background-color .2s;display:flex}.sensor-list a:hover{background:#fffcf7f5;border-color:#c45c2c47;transform:translateY(-1px)}.sensor-list__meta{color:var(--muted);font-size:.92rem}.form-grid{gap:12px;display:grid}.form-grid input,.form-grid select{width:100%;color:var(--surface-ink);background:#ffffffd1;border:1px solid #7c61482e;border-radius:14px;outline:none;padding:14px 15px;transition:border-color .2s,box-shadow .2s,background-color .2s}.form-grid input:focus,.form-grid select:focus{background:#fff;border-color:#c45c2c8c;box-shadow:0 0 0 4px #c45c2c1f}.button-row{flex-wrap:wrap;gap:12px;display:flex}.button,.form-grid button,.page button{background:linear-gradient(135deg, var(--accent), #db7e4d);color:#fff;letter-spacing:.01em;cursor:pointer;border:0;border-radius:999px;width:fit-content;padding:13px 18px;font-weight:800;transition:transform .2s,filter .2s,opacity .2s;box-shadow:0 12px 24px #c45c2c2e}.button:hover,.form-grid button:hover,.page button:hover{filter:brightness(1.02);transform:translateY(-1px)}.button:disabled,.form-grid button:disabled,.page button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.status-message,.error-message,.empty-state{border:1px solid var(--border);border-radius:14px;padding:14px 16px}.api-key-notice{border-radius:var(--radius-md);background:linear-gradient(135deg,#ffedddf2,#fff8f1fa);border:1px solid #c45c2c61;gap:12px;margin-top:4px;padding:18px;display:grid;box-shadow:0 10px 24px #472c1317}.create-sensor-card .status-message,.create-sensor-card .error-message{margin:0}.api-key-notice__header{gap:6px;display:grid}.api-key-notice__header h3{margin:0}.api-key-notice__header p{color:var(--muted);margin:0}.api-key-notice__key-row{display:flex}.api-key-notice__key{background:#ffffffd6;border:1px dashed #7c614859;border-radius:12px;width:100%;padding:12px 14px;font-size:.95rem;overflow-x:auto}.api-key-notice__meta{color:var(--surface-ink);font-size:.95rem}.status-message{background:#5eb27d1f;border-color:#5eb27d40}.error-message{background:#cc5f4a1f;border-color:#cc5f4a38}.empty-state{color:var(--muted);background:#ffffff8c}.event-log-list{flex-direction:column;gap:14px;display:flex}.event-log-card{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(135deg,#ffffffe0,#f8f1e9eb);grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:18px 20px;transition:transform .2s,box-shadow .2s;display:grid;box-shadow:0 10px 24px #472c1314}.event-log-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #472c131a}.event-log-item{flex-direction:column;gap:6px;display:flex}.event-log-label{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:.76rem}.event-log-value{font-weight:700}.event-log-value--mono,.mono{font-family:IBM Plex Mono,monospace}.chart-card{border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(#ffffffd6,#f7f0e8db);padding:20px}.stack{gap:18px;display:grid}.create-sensor-card{align-self:start}@media (width<=900px){.app-header,.page-grid,.stat-grid,.event-log-card{grid-template-columns:1fr}.app-header{align-items:flex-start}.span-4,.span-6,.span-8{grid-column:1/-1}}.event-NORMAL{background:linear-gradient(135deg,#5eb27d1f,#5eb27d2e)}.event-WARNING{background:linear-gradient(135deg,#f4b14d1f,#f4b14d2e)}.event-ALERT{background:linear-gradient(135deg,#cc5f4a1f,#cc5f4a2e)}@media (width<=640px){.app-shell{padding:24px 14px 52px}.app-header,.page,.section-card,.chart-card{padding:20px}.app-nav{width:100%}.app-nav__link{text-align:center;flex:calc(50% - 10px)}}