@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#dee4d6;color:#1d2c22;font-family:JetBrains Mono,monospace}.app{min-height:100vh;display:flex;flex-direction:column}.header{border-bottom:2px solid #91d246;background:linear-gradient(to right,transparent 40%,rgba(41,62,48,.5) 50%),url(/img/army-background.png) #293e30}.navbar{background:transparent;display:flex;align-items:center;justify-content:space-between;padding:.75rem 8%}.navbar-end{display:flex;align-items:center}.navbar-item{color:#91d246;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.5rem .75rem;display:flex;align-items:center;line-height:1.5}.navbar-brand{display:flex;align-items:center}.navbar-logo{height:3rem}.page{flex:1;padding:2rem 8%}.dashboard{display:grid;grid-template-columns:1fr 1fr;column-gap:2rem}.camera-panel{grid-column:1;grid-row:1;display:flex;flex-direction:column}.sensors-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column}.sensors-panel .panel-block:last-child{flex:1}.camera-meta,.sensor-meta{background:#fff;border-radius:6px;box-shadow:0 2px 3px -1px #293e30;overflow:hidden;margin-top:2rem}.camera-meta{grid-column:1;grid-row:2}.sensor-meta{grid-column:2;grid-row:2}.camera-meta .fields,.sensor-meta .fields{padding:1.25rem}.panel{box-shadow:0 2px 3px -1px #293e30;overflow:hidden}.camera-panel,.sensors-panel{border-radius:6px}.panel-heading{background:#293e30;color:#91d246;padding:.75rem 1em;display:flex;justify-content:space-between;align-items:center}.panel-heading h3{margin:0;font-size:1.25rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.panel-block{background:#fff;padding:1.25rem}.panel-footer{background:#fff;padding:.6rem 1.25rem;font-size:.75rem;color:#88917f;border-top:1px solid #dee4d6}.camera-block{padding:0;flex:1;overflow:hidden}.camera-image{width:100%;height:100%;display:block;object-fit:cover}.no-data{padding:3rem 1.25rem;text-align:center;color:#88917f;background:#fff}.fields{width:100%}.field:not(:last-child){margin-bottom:.75rem}.field .label{font-size:1rem;font-weight:700;color:#363636;margin-bottom:.25rem;display:block}.field>span{font-size:1rem;color:#4a4a4a;font-family:JetBrains Mono,monospace}.field .unit{color:#88917f}.map-link{color:#2a6e3f;text-decoration:none;border-bottom:1px dashed #91d246;font-family:JetBrains Mono,monospace;font-size:1rem}.map-link:hover{color:#91d246}.chart-block{border-top:1px solid #dee4d6}.chart-legend{display:flex;gap:1rem;margin-bottom:.5rem;font-size:.8rem;color:#88917f}.legend-item{display:flex;align-items:center;gap:.35rem}.legend-swatch{width:12px;height:3px;border-radius:1px;display:inline-block}.sensor-chart{width:100%;height:160px;display:block}.chart-line{fill:none;stroke-width:2}.line-temp{stroke:#91d246}.line-hum{stroke:#5ba4cf}.line-iaq{stroke:#ffc857}.line-pressure{stroke:#d58936}.line-light{stroke:#c275d6}.chart-area{stroke-width:0}.area-temp{fill:#91d246;opacity:.15}.area-hum{fill:#5ba4cf;opacity:.1}.area-iaq{fill:#ffc857;opacity:.08}.area-pressure{fill:#d58936;opacity:.15}.area-light{fill:#c275d6;opacity:.1}.axis-temp text{fill:#91d246}.axis-hum text{fill:#5ba4cf}.axis-pressure text{fill:#d58936}.axis-light text{fill:#c275d6}.sensor-chart .axis path,.sensor-chart .axis line{stroke:#dee4d6}.sensor-chart .axis text{fill:#88917f;font-family:JetBrains Mono,monospace;font-size:10px}.fields-row{display:flex;gap:1.25rem;width:100%}.field-inline{flex:1;text-align:center}.field-inline .label{font-size:.75rem;font-weight:700;color:#363636;margin-bottom:.15rem;display:block}.field-inline>span{font-size:.9rem;color:#4a4a4a;font-family:JetBrains Mono,monospace}.unit-small{font-size:.65rem}.loading,.error{color:#88917f;font-size:1.1rem}.error{color:#dd5d56}