@import"https://fonts.googleapis.com/css2?family=VT323&family=Roboto+Mono:wght@400;700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--color-background: #0a0a0a;--color-surface: #1a1a1a;--color-surface-hover: #2a2a2a;--color-text: #e5e5e5;--color-accent: #0047ab;--color-secondary: #c0c0c0;--color-border: #444;--font-heading: "VT323", monospace;--font-body: "Roboto Mono", monospace;--spacing-unit: 1rem;--box-shadow-brutalist: 10px 10px 0 var(--color-accent);--transition-fast: all .3s ease}html{font-size:100%;scroll-behavior:smooth}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-body);margin:0}.App{margin:calc(var(--spacing-unit) * 2);text-align:left}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:calc(var(--spacing-unit) * 2)}.monitor-card,.sensormonitor-card,.sensor-list,.weather-card{background-color:var(--color-surface);border:2px solid var(--color-border);padding:calc(var(--spacing-unit) * 1.5);text-align:center;transition:var(--transition-fast)}.monitor-card:hover,.sensormonitor-card:hover,.sensor-list:hover,.weather-card:hover{transform:translateY(-10px);border-color:var(--color-accent);box-shadow:var(--box-shadow-brutalist)}.sensor-list ul{list-style:none;padding:0}.sensor-list-item{cursor:pointer;padding:8px;transition:background-color .2s ease}.sensor-list-item.selected{font-weight:700;color:var(--color-accent)}.sensor-list-item:not(.selected):hover{background-color:var(--color-surface-hover)}table{width:100%;border-collapse:collapse;margin-top:calc(var(--spacing-unit) * 2);border:2px solid var(--color-border);color:var(--color-text)}th,td{border:1px solid var(--color-border);padding:calc(var(--spacing-unit) * .75);text-align:left;color:var(--color-text)}th{background-color:var(--color-surface);font-family:var(--font-heading);text-transform:uppercase;font-size:1.2rem;color:var(--color-secondary)}tr{background-color:var(--color-background)}tr:nth-child(2n){background-color:var(--color-surface)}tr:hover{background-color:#2a2a2a;color:var(--color-accent)}.nlp-section{text-align:center;margin-bottom:calc(var(--spacing-unit) * 3)}.nlp-section h2{font-family:var(--font-heading);color:var(--color-accent);text-transform:uppercase}.nlp-context{max-width:700px;margin:var(--spacing-unit) auto calc(var(--spacing-unit) * 2) auto;line-height:1.6;color:var(--color-secondary)}.nlp-form-container{margin-bottom:calc(var(--spacing-unit) * 2)}.nlp-input{width:clamp(280px,60%,450px);margin-right:var(--spacing-unit)}.nlp-results-container{background-color:var(--color-surface);border:2px solid var(--color-border);padding:calc(var(--spacing-unit) * 2);margin-top:calc(var(--spacing-unit) * 2);margin-bottom:calc(var(--spacing-unit) * 2);text-align:left}.sql-code-display{white-space:pre-wrap;word-break:break-all;background:#0c0c0c;padding:var(--spacing-unit);border:1px solid var(--color-border);margin-top:calc(var(--spacing-unit) * .5)}.table-responsive-wrapper{overflow-x:auto}.nlp-error{color:#ffd2d2;background:#4b0000;border:1px solid #D8000C;margin-bottom:var(--spacing-unit);padding:var(--spacing-unit)}input[type=text]{background-color:var(--color-surface);color:var(--color-text);padding:10px;margin:5px;border:1px solid var(--color-border);font-family:var(--font-body);font-size:1rem}input[type=text]:focus{outline:none;border-color:var(--color-accent)}button{display:inline-block;padding:var(--spacing-unit) calc(var(--spacing-unit) * 2);background-color:var(--color-accent);color:#fff;border:2px solid var(--color-accent);text-transform:uppercase;font-family:var(--font-heading);letter-spacing:1px;font-size:1.2rem;cursor:pointer;transition:var(--transition-fast)}button:hover{background-color:transparent;color:var(--color-accent)}pre{background-color:var(--color-surface);border:1px solid var(--color-border);padding:var(--spacing-unit);color:var(--color-secondary);overflow-x:auto;font-family:var(--font-body)}