.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.25rem;font-size:1.25rem;line-height:1;transition:background .15s}.theme-toggle:hover{background:#0000000d}.dark .theme-toggle:hover{background:#ffffff1a}.login-page{background:var(--bg-page);justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:system-ui,-apple-system,sans-serif;display:flex}.login-card{background:var(--bg-surface);box-shadow:var(--shadow-card);border-radius:12px;width:100%;max-width:380px;padding:2.5rem;position:relative}.login-card>.theme-toggle{position:absolute;top:1rem;left:1rem}.login-title{text-align:center;color:var(--text-primary);margin:0 0 .25rem;font-size:1.5rem}.login-subtitle{text-align:center;color:var(--text-muted);margin:0 0 1.5rem;font-size:.9rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-field{flex-direction:column;gap:.35rem;display:flex}.login-label{color:var(--text-label);font-size:.85rem;font-weight:500}.login-input{border:1px solid var(--border-input);background:var(--bg-surface);color:var(--text-primary);border-radius:8px;padding:.65rem .75rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}.login-input:focus{border-color:var(--color-link);outline:none;box-shadow:0 0 0 3px #4a90d926}.login-error{color:var(--color-error);text-align:center;margin:0;font-size:.85rem}.login-submit{background:var(--text-primary);color:var(--bg-surface);cursor:pointer;border:none;border-radius:8px;margin-top:.5rem;padding:.7rem;font-family:inherit;font-size:1rem;transition:background .15s}.login-submit:hover:not(:disabled){opacity:.9}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-register-link{text-align:center;color:var(--text-muted);margin-top:1.25rem;font-size:.85rem}.login-register-link a{color:var(--color-link);font-weight:500;text-decoration:none}.login-register-link a:hover{text-decoration:underline}@media (width<=768px){.login-card{padding:1.5rem}}.register-page{background:var(--bg-page);justify-content:center;align-items:center;min-height:100vh;padding:1rem;font-family:system-ui,-apple-system,sans-serif;display:flex}.register-card{background:var(--bg-surface);box-shadow:var(--shadow-card);border-radius:12px;width:100%;max-width:380px;padding:2.5rem;position:relative}.register-card>.theme-toggle{position:absolute;top:1rem;left:1rem}.register-title{text-align:center;color:var(--text-primary);margin:0 0 .25rem;font-size:1.5rem}.register-subtitle{text-align:center;color:var(--text-muted);margin:0 0 1.5rem;font-size:.9rem}.register-form{flex-direction:column;gap:1rem;display:flex}.register-field{flex-direction:column;gap:.35rem;display:flex}.register-label{color:var(--text-label);font-size:.85rem;font-weight:500}.register-input{border:1px solid var(--border-input);background:var(--bg-surface);color:var(--text-primary);border-radius:8px;padding:.65rem .75rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}.register-input:focus{border-color:var(--color-link);outline:none;box-shadow:0 0 0 3px #4a90d926}.register-error{color:var(--color-error);text-align:center;margin:0;font-size:.85rem}.register-success{color:var(--color-success);text-align:center;margin:0;font-size:1rem}.register-success a{color:var(--color-link);font-weight:500;text-decoration:none}.register-success a:hover{text-decoration:underline}.register-submit{background:var(--text-primary);color:var(--bg-surface);cursor:pointer;border:none;border-radius:8px;margin-top:.5rem;padding:.7rem;font-family:inherit;font-size:1rem;transition:background .15s}.register-submit:hover:not(:disabled){opacity:.9}.register-submit:disabled{opacity:.6;cursor:not-allowed}.register-login-link{text-align:center;color:var(--text-muted);margin-top:1.25rem;font-size:.85rem}.register-login-link a{color:var(--color-link);font-weight:500;text-decoration:none}.register-login-link a:hover{text-decoration:underline}@media (width<=768px){.register-card{padding:1.5rem}}.indicators{flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.indicator-card{background:var(--bg-surface);text-align:center;box-shadow:var(--shadow-card);border-radius:12px;flex:1;min-width:150px;max-width:250px;padding:1.5rem 2rem}.indicator-icon{font-size:2rem}.indicator-value{margin:.25rem 0;font-size:2.5rem;font-weight:700}.indicator-label{color:var(--text-secondary);font-size:.9rem}.temp-hot .indicator-value{color:#e74c3c}.temp-cold .indicator-value{color:#3498db}.temp-normal .indicator-value{color:#e67e22}.humidity-high .indicator-value{color:#2980b9}.humidity-low .indicator-value{color:#e67e22}.humidity-normal .indicator-value{color:#27ae60}@media (width<=768px){.indicator-card{max-width:100%}}.chart-card{background:var(--bg-surface);box-shadow:var(--shadow-card);border-radius:12px;padding:1rem}.chart-card h3{color:var(--text-primary);margin:0 0 .5rem;font-size:1rem}.trend-indicators{gap:1rem;display:flex}.trend-card{background:var(--bg-surface);box-shadow:var(--shadow-card);text-align:center;border-radius:12px;flex-direction:column;flex:1;gap:.15rem;padding:1rem 1.25rem;display:flex}.trend-icon{font-size:1.25rem}.trend-value{color:var(--text-primary);justify-content:center;align-items:center;gap:.35rem;font-size:1.5rem;font-weight:700;display:flex}.trend-arrow{font-size:1rem}.trend-label{color:var(--text-secondary);font-size:.8rem}.trend-delta{font-size:.75rem;font-weight:600}.trend-up{color:#e74c3c}.trend-down{color:#3498db}.period-stats{grid-template-columns:1fr 1fr;gap:.5rem;display:grid}.stat-card{background:var(--bg-surface);box-shadow:var(--shadow-card);text-align:center;border-radius:10px;flex-direction:column;gap:.1rem;padding:.75rem;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.7rem}.stat-value{font-size:1.2rem;font-weight:700}.stat-time{color:var(--text-muted);font-size:.7rem}.stat-hot{color:#e74c3c}.stat-cold{color:#3498db}.stat-wet{color:#2980b9}.stat-dry{color:#e67e22}.comfort-gauge{background:var(--bg-surface);box-shadow:var(--shadow-card);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:.2rem;padding:1rem 1.5rem;display:flex}.comfort-header{align-items:center;gap:.5rem;display:flex}.comfort-icon{font-size:1.25rem}.comfort-emoji{font-size:1.75rem}.comfort-value{color:var(--text-primary);font-size:2rem;font-weight:700}.comfort-label{color:var(--text-muted);font-size:.8rem}.comfort-status{margin-top:.15rem;font-size:.9rem;font-weight:600}.comfort-status.comfortable{color:#27ae60}.comfort-status.mild{color:#e67e22}.comfort-status.uncomfortable{color:#e74c3c}.comfort-bar-track{background:linear-gradient(90deg,#3498db,#27ae60,#e67e22,#e74c3c);border-radius:4px;width:100%;max-width:300px;height:8px;margin-top:.5rem;overflow:hidden}.comfort-bar-fill{background:0 0;border-right:2px solid #fff;height:100%;transition:width .3s}.comfort-scale{width:100%;max-width:300px;color:var(--text-muted);justify-content:space-between;font-size:.65rem;display:flex}.connection-status{color:var(--text-primary);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.85rem;display:flex}.status-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.status-dot.connected{background:#4caf50;box-shadow:0 0 6px #4caf50}.status-dot.disconnected{background:#f44336}.error-msg{color:var(--color-error);margin-left:.5rem}.header{text-align:center;margin-bottom:1.5rem;position:relative}.header h1{color:var(--text-primary);margin:0;font-size:2rem}.author{color:var(--text-secondary);margin:.25rem 0}.last-updated{color:var(--text-muted);font-size:.85rem}.header-actions{align-items:center;gap:.25rem;display:flex;position:absolute;top:0;right:0}.logout-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem .5rem;font-family:inherit;font-size:.85rem}.logout-btn:hover{color:var(--color-error);text-decoration:underline}@media (width<=768px){.header h1{font-size:1.5rem}}.dashboard{max-width:1200px;margin:0 auto;padding:1rem;font-family:system-ui,-apple-system,sans-serif}.charts-container{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.stats-container{grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;display:grid}.stats-container>:last-child{grid-column:1/-1}.loading{text-align:center;color:var(--text-muted)}@media (width<=768px){.charts-container,.stats-container{grid-template-columns:1fr}.stats-container>:last-child{grid-column:1}}:root{--bg-page:#f0f2f5;--bg-surface:#fff;--text-primary:#1a1a2e;--text-secondary:#666;--text-muted:#888;--text-label:#555;--border-input:#ddd;--shadow-card:0 2px 12px #00000014;--color-link:#4a90d9;--color-error:#f44336;--color-success:#2e7d32;--chart-grid:#ccc;--chart-axis:#666;--tooltip-bg:#fff;--tooltip-border:#ccc;--tooltip-color:#333}.dark{--bg-page:#121212;--bg-surface:#1e1e1e;--text-primary:#e0e0e0;--text-secondary:#aaa;--text-muted:#888;--text-label:#bbb;--border-input:#444;--shadow-card:0 2px 12px #0006;--color-link:#6ab0f3;--color-error:#ef5350;--color-success:#66bb6a;--chart-grid:#444;--chart-axis:#aaa;--tooltip-bg:#1e1e1e;--tooltip-border:#444;--tooltip-color:#e0e0e0}body{background:var(--bg-page);min-height:100vh;margin:0}#root{width:100%}