*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f3f4f6;color:#1f2937;line-height:1.5}.sensor-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:1.25rem;display:flex;flex-direction:column;gap:.75rem}.sensor-card__header{display:flex;flex-direction:column;gap:.125rem}.sensor-card__display-name{margin:0;font-size:1.125rem;font-weight:600;color:#1f2937}.sensor-card__device-id{margin:0;font-size:.8rem;color:#6b7280;font-family:monospace}.sensor-card__co2{display:flex;align-items:center;gap:.75rem}.sensor-card__co2-value{font-size:1.75rem;font-weight:700;color:#1f2937}.sensor-card__co2-unit{font-size:.875rem;font-weight:400;color:#6b7280;margin-left:.125rem}.sensor-card__co2-badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap}.sensor-card__readings{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.sensor-card__reading{display:flex;flex-direction:column;gap:.125rem}.sensor-card__reading-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af;font-weight:500}.sensor-card__reading-value{font-size:.95rem;font-weight:500;color:#374151}.sensor-card__time{position:relative;display:inline-block;align-self:flex-start}.sensor-card__relative-time{font-size:.8rem;color:#9ca3af;cursor:pointer;border:none;background:none;padding:0;font-family:inherit}.sensor-card__relative-time:hover{color:#6b7280;text-decoration:underline}.sensor-card__tooltip{position:absolute;bottom:calc(100% + 6px);left:0;background:#1f2937;color:#fff;font-size:.75rem;font-family:monospace;padding:.375rem .625rem;border-radius:6px;white-space:nowrap;z-index:10;box-shadow:0 2px 8px #00000026}.sensor-card__tooltip:after{content:"";position:absolute;top:100%;left:12px;border-width:5px;border-style:solid;border-color:#1f2937 transparent transparent transparent}.dashboard{max-width:1400px;margin:0 auto;padding:1.5rem}.dashboard__title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700;color:#1f2937}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.dashboard__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:#6b7280}.dashboard__spinner{width:40px;height:40px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:1rem}@keyframes spin{to{transform:rotate(360deg)}}.dashboard__loading-text{font-size:.95rem}.dashboard__error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#dc2626;text-align:center}.dashboard__error-icon{font-size:2rem;margin-bottom:.75rem}.dashboard__error-message{font-size:.95rem;margin:0 0 .5rem}.dashboard__error-hint{font-size:.8rem;color:#9ca3af;margin:0}.dashboard__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 1rem;color:#6b7280;text-align:center}.dashboard__empty-icon{font-size:2rem;margin-bottom:.75rem}.dashboard__empty-message{font-size:.95rem;margin:0 0 .25rem}.dashboard__empty-hint{font-size:.8rem;color:#9ca3af;margin:0}.app{min-height:100vh}.app__header{max-width:1400px;margin:0 auto;padding:1.5rem 1.5rem 0}.app__title{margin:0;font-size:1.75rem;font-weight:700;color:#1f2937}