.header,body{padding:20px}.container,.header{box-shadow:0 8px 32px rgba(0,0,0,.1);backdrop-filter:blur(10px);max-width:1000px}.brand-name,.loading,.stat-card{text-align:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#6eb2f1 0,#2f32d4 100%);min-height:100vh;display:flex;flex-direction:column;align-items:center;gap:20px}.header,.logo-container{align-items:center;display:flex}.header{gap:15px;background:rgba(255,255,255,.95);border-radius:15px;width:90%;margin-bottom:0}.brand-name,.logo-img{background:linear-gradient(135deg,#667eea 0,#764ba2 100%)}.logo-container{gap:12px}.logo-img{width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;object-fit:cover}.brand-name{font-size:28px;font-weight:700;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;word-break:break-word}.container{background:rgba(255,255,255,.95);padding:30px;border-radius:20px;width:90%}.chart-wrapper{position:relative;height:450px;width:100%}.loading{font-size:1.2em;color:#667eea;margin:40px;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;width:100%;margin-top:0}.stat-card{background:#f8f9fa;border-radius:12px;padding:15px;display:flex;flex-direction:column;align-items:center;box-shadow:0 4px 6px rgba(0,0,0,.05);transition:transform .2s;border:1px solid rgba(0,0,0,.05)}.temp-card{border-top:4px solid #ff6384}.humi-card{border-top:4px solid #36a2eb}.stat-icon{font-size:24px;margin-bottom:5px}.stat-info h3{font-size:14px;color:#666;margin-bottom:5px;font-weight:400}.stat-value{font-size:24px;font-weight:700;color:#333;margin-bottom:10px}.stat-sub{font-size:12px;color:#888;display:flex;gap:10px;justify-content:center;background:rgba(0,0,0,.03);padding:5px 10px;border-radius:20px;width:100%}@media (max-width:768px){body{padding:10px;gap:15px}.container,.header{width:100%;padding:15px;border-radius:15px}.header{flex-direction:column;text-align:center}.brand-name{font-size:20px;text-align:center;line-height:1.2;word-break:break-word}.logo-img{width:40px;height:40px}.chart-wrapper{height:350px}.stats-grid{grid-template-columns:1fr}.stat-card{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;padding:15px;gap:15px}.stat-icon{margin-bottom:0;font-size:32px;min-width:40px;text-align:center}.stat-info{flex-grow:1;width:100%;overflow:hidden}.stat-value{font-size:24px;margin-bottom:5px}.stat-sub{width:100%;max-width:100%;justify-content:flex-start;flex-direction:column;gap:2px;padding:8px;box-sizing:border-box}.stat-sub span{font-size:12px;white-space:nowrap}}@media (max-width:350px){.container,.stat-card{padding:10px}body{padding:5px}.stat-card{gap:10px}.stat-icon{font-size:24px;min-width:30px}.stat-value{font-size:20px}.stat-sub span{font-size:11px}}