@tailwind base;@tailwind components;@tailwind utilities;body{background-color:#020205;margin:0;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;color:#f8f9fa;min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(circle at 50% 50%,black,transparent 80%);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 15% 15%,rgba(111,66,193,.12) 0%,transparent 35%),radial-gradient(circle at 85% 85%,rgba(13,110,253,.12) 0%,transparent 35%),radial-gradient(circle at 50% 50%,rgba(34,211,238,.05) 0%,transparent 50%),radial-gradient(circle at 80% 10%,rgba(253,126,20,.08) 0%,transparent 30%);filter:blur(60px);animation:meshShift 30s ease-in-out infinite alternate;pointer-events:none;z-index:-2}.grain-overlay{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Ffilter 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)'/%3E%3C/svg%3E")}.edge-glow{position:fixed;inset:0;z-index:-1;pointer-events:none;box-shadow:inset 0 0 150px #000000e6,inset 0 0 50px #0d6efd0d}@keyframes meshShift{0%{transform:scale(1) translate(0)}to{transform:scale(1.1) translate(2%,2%)}}.glass{background:#ffffff0a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.07);box-shadow:0 8px 32px #00000073,inset 0 1px #ffffff0f}.glass-header{background:#00000059;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #0006}.metric-card{border-radius:.625rem;padding:.5rem .625rem;transition:background .2s ease,box-shadow .2s ease,transform .15s ease;cursor:pointer}.metric-card:hover{background:#ffffff0f;transform:translateY(-1px)}.metric-card-temp:hover{box-shadow:0 0 18px #fd7e1440}.metric-card-humid:hover{box-shadow:0 0 18px #22d3ee40}.metric-card-press:hover{box-shadow:0 0 18px #6f42c140}.metric-card-solar:hover{box-shadow:0 0 18px #ffc10740}.metric-card-rain:hover{box-shadow:0 0 18px #0d6efd40}.metric-card-wind:hover{box-shadow:0 0 18px #14b8a640}.section-title{font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#f8f9fa73}.metric-value{font-size:1.75rem;font-weight:300;letter-spacing:-.02em;line-height:1.1;font-variant-numeric:tabular-nums;color:#f8f9fa}.metric-label{font-size:.65rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#989d9bcc}.glass-divider{border:none;border-top:1px solid rgba(255,255,255,.07);margin:.75rem 0}.trend-wrap{opacity:.7;transition:opacity .2s}.metric-card:hover .trend-wrap{opacity:1}.chart-tooltip{background:#0a0a1ad9!important;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)!important;border-radius:.5rem;font-size:.75rem;color:#f8f9fa;padding:6px 10px;box-shadow:0 4px 16px #0006}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#ffffff0d!important}.recharts-tooltip-wrapper{outline:none!important}.btn-glass{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:.5rem;padding:.375rem .75rem;color:#f8f9fa;font-size:.8rem;font-weight:500;transition:background .15s,box-shadow .15s;cursor:pointer}.btn-glass:hover{background:#ffffff1a;box-shadow:0 0 12px #ffffff14}.glass-select{background:#0d6efd26;border:1px solid rgba(13,110,253,.35);border-radius:.5rem;color:#f8f9fa;padding:.3rem .6rem;font-size:.85rem;cursor:pointer;transition:border-color .15s,background .15s}.glass-select:hover{background:#0d6efd38;border-color:#0d6efd8c}.glass-input{background:#0d6efd1f;border:1px solid rgba(13,110,253,.3);border-radius:.5rem;color:#f8f9fa;padding:.3rem .6rem;font-size:.85rem;outline:none;transition:border-color .15s,background .15s}.glass-input:focus{border-color:#0d6efda6;background:#0d6efd33}.glass-dropdown{background:#080c1ef0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:.625rem;box-shadow:0 8px 32px #0000008c}.fc-cell{min-width:52px;text-align:center;padding:4px 2px;font-size:.75rem;border-right:1px solid rgba(255,255,255,.05)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}