@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap";:root{--font-main: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--bg-dark: #050511;--bg-card: rgba(20, 20, 35, .6);--bg-card-hover: rgba(30, 30, 50, .7);--primary: #00f2ff;--primary-glow: rgba(0, 242, 255, .4);--secondary: #7000ff;--secondary-glow: rgba(112, 0, 255, .3);--text-main: #ffffff;--text-muted: #8b9bb4;--glass-border: rgba(255, 255, 255, .08);--glass-shine: rgba(255, 255, 255, .03);--ease-spring: cubic-bezier(.4, 0, .2, 1)}body{margin:0;font-family:var(--font-main);background-color:var(--bg-dark);background-image:radial-gradient(circle at 10% 20%,rgba(112,0,255,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(0,242,255,.1) 0%,transparent 40%);color:var(--text-main);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{max-width:1400px;margin:0 auto;padding:2rem}.glass{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:0 4px 24px -1px #0000004d,inset 0 1px 0 0 var(--glass-shine);border-radius:24px;transition:transform .3s var(--ease-spring),border-color .3s ease}.glass:hover{border-color:#ffffff26}.neon-text{color:var(--primary);text-shadow:0 0 12px var(--primary-glow)}.mono{font-family:var(--font-mono)}header{margin-bottom:3rem;display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--glass-border);padding-bottom:1.5rem}h1{font-weight:700;font-size:2.5rem;margin:0;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{color:var(--text-muted);font-size:.9rem;margin-top:.25rem;display:flex;align-items:center;gap:.5rem}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#00f2ff1a;border:1px solid rgba(0,242,255,.2);border-radius:99px;font-size:.75rem;font-weight:600;color:var(--primary);text-transform:uppercase;letter-spacing:.05em}.status-dot{width:8px;height:8px;background:var(--primary);border-radius:50%;box-shadow:0 0 8px var(--primary);animation:pulse 2s infinite}.dashboard-grid{display:grid;grid-template-columns:350px 1fr;gap:1.5rem;align-items:stretch}.temp-widget{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;position:relative;overflow:hidden}.temp-widget:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(0,242,255,.05) 0%,transparent 50%);animation:rotate 20s linear infinite;pointer-events:none}.temp-circle{position:relative;width:220px;height:220px;display:flex;justify-content:center;align-items:center;border-radius:50%;border:2px dashed rgba(255,255,255,.1);box-shadow:0 0 40px #0003}.temp-value{font-size:5rem;font-weight:700;line-height:1;letter-spacing:-.05em;z-index:2}.temp-unit{font-size:1.5rem;color:var(--text-muted);vertical-align:super;margin-left:4px}.temp-label{margin-top:1.5rem;color:var(--text-muted);font-size:.85rem;letter-spacing:.1rem;text-transform:uppercase;z-index:2}.chart-widget{padding:1.5rem;display:flex;flex-direction:column;min-height:400px}.chart-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.chart-title{font-size:1.1rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:.5rem}.range-tabs{background:#0000004d;padding:4px;border-radius:12px;display:inline-flex}.range-tab{background:transparent;border:none;color:var(--text-muted);padding:6px 14px;font-size:.75rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease;font-family:var(--font-main)}.range-tab.active{background:var(--bg-card-hover);color:var(--primary);box-shadow:0 2px 8px #0003}@keyframes pulse{0%{opacity:1;box-shadow:0 0 #00f2ff66}70%{opacity:.7;box-shadow:0 0 0 6px #00f2ff00}to{opacity:1;box-shadow:0 0 #00f2ff00}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;mix-blend-mode:overlay}@media (max-width: 400px){h1{font-size:2rem}}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr;gap:1rem}#root{padding:1rem;max-width:100%}header{flex-direction:row;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.status-badge{margin-left:auto}.temp-widget{padding:1.5rem 1rem}.temp-circle{width:200px;height:200px}.temp-value{font-size:3.5rem}.chart-widget{min-height:300px;padding:1rem}.chart-controls{flex-direction:column;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.range-tabs{width:100%;display:grid;grid-template-columns:repeat(5,1fr);background:#0003}.range-tab{padding:8px 0;font-size:.7rem;text-align:center}}