.header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0f0f19d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);position:sticky;top:0;z-index:100}.header__brand{display:flex;align-items:center;gap:.75rem}.header__logo{font-size:1.8rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;box-shadow:0 4px 15px #6366f14d}.header__title{font-size:1.25rem;font-weight:700;color:#f1f5f9;letter-spacing:-.02em}.header__subtitle{font-size:.8rem;color:#94a3b8;font-weight:400}.header__actions{display:flex;align-items:center;gap:1rem}.header__status{display:flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:999px;font-size:.78rem;font-weight:500;transition:all .3s ease}.header__status--online{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.2)}.header__status--offline{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.header__status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s ease-in-out infinite}.header__status--online .header__status-dot{background:#4ade80;box-shadow:0 0 8px #4ade8080}.header__status--offline .header__status-dot{background:#f87171;box-shadow:0 0 8px #f8717180}.header__version{padding:.3rem .7rem;background:#ffffff0d;border-radius:6px;font-size:.72rem;font-weight:500;color:#64748b;border:1px solid rgba(255,255,255,.06)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.weather-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.75rem .9rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.weather-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #6366f126;border-color:#6366f133}.weather-card__glow{position:absolute;top:-40%;right:-30%;width:120px;height:120px;background:radial-gradient(circle,rgba(99,102,241,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none}.weather-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.3rem}.weather-card__city{font-size:.85rem;font-weight:600;color:#e2e8f0;margin:0}.weather-card__condition{font-size:.65rem;color:#94a3b8;font-weight:400}.weather-card__icon{font-size:1.4rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.weather-card__temp{font-size:1.6rem;font-weight:800;color:#f1f5f9;letter-spacing:-.03em;line-height:1;margin-bottom:.1rem}.weather-card__feels{font-size:.62rem;color:#64748b;display:block;margin-bottom:.5rem}.weather-card__details{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.06)}.weather-card__detail{display:flex;flex-direction:column;align-items:center;gap:.1rem}.weather-card__detail-label{font-size:.55rem;color:#64748b;text-transform:uppercase;letter-spacing:.04em}.weather-card__detail-value{font-size:.72rem;font-weight:600;color:#cbd5e1}.stock-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.8rem 1rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.stock-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0003}.stock-card__accent{position:absolute;top:0;left:0;right:0;height:3px;transition:background .3s ease}.stock-card--up .stock-card__accent{background:linear-gradient(90deg,#22c55e,#4ade80)}.stock-card--down .stock-card__accent{background:linear-gradient(90deg,#ef4444,#f87171)}.stock-card--up:hover{border-color:#22c55e33}.stock-card--down:hover{border-color:#ef444433}.stock-card__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.stock-card__symbol{font-size:.95rem;font-weight:700;color:#f1f5f9;margin:0;letter-spacing:.02em}.stock-card__name{font-size:.65rem;color:#94a3b8;display:block;margin-top:.1rem}.stock-card__sector{font-size:.6rem;padding:.15rem .45rem;border-radius:999px;background:#ffffff0d;color:#94a3b8;border:1px solid rgba(255,255,255,.06);font-weight:500;white-space:nowrap}.stock-card__price-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}.stock-card__price{font-size:1.35rem;font-weight:800;color:#f1f5f9;letter-spacing:-.02em}.stock-card__change{display:flex;align-items:center;gap:.2rem;font-size:.7rem;font-weight:600;padding:.2rem .45rem;border-radius:6px}.stock-card__change--up{color:#4ade80;background:#22c55e1a}.stock-card__change--down{color:#f87171;background:#ef44441a}.stock-card__arrow{font-size:.65rem}.stock-card__footer{display:flex;align-items:center;justify-content:space-between;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.06)}.stock-card__mcap-label{font-size:.6rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.stock-card__mcap-value{font-size:.78rem;font-weight:600;color:#cbd5e1}.crypto-card{position:relative;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:.8rem 1rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.crypto-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #8b5cf626;border-color:#8b5cf633}.crypto-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:.5rem}.crypto-symbol{font-size:.95rem;font-weight:700;color:#f1f5f9;margin:0;letter-spacing:.02em}.crypto-name{font-size:.65rem;color:#94a3b8;display:block;margin-top:.1rem}.crypto-badge{font-size:.6rem;padding:.15rem .45rem;border-radius:999px;background:#8b5cf61a;color:#a78bfa;border:1px solid rgba(139,92,246,.2);font-weight:500;white-space:nowrap}.crypto-body{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}.crypto-price{font-size:1.35rem;font-weight:800;color:#f1f5f9;letter-spacing:-.02em}.crypto-trend{display:flex;align-items:center;gap:.2rem;font-size:.7rem;font-weight:600;padding:.2rem .45rem;border-radius:6px}.crypto-trend.trend-up{color:#4ade80;background:#22c55e1a}.crypto-trend.trend-down{color:#f87171;background:#ef44441a}.crypto-meta{display:flex;align-items:center;justify-content:space-between;padding-top:.4rem;border-top:1px solid rgba(255,255,255,.06);font-size:.7rem}.crypto-meta span:first-child{color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-size:.6rem}.crypto-meta span:last-child{color:#cbd5e1;font-weight:600}.dashboard{padding:1rem 1.5rem;max-width:1600px;margin:0 auto}.dashboard__toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.dashboard__heading{font-size:1.2rem;font-weight:700;color:#f1f5f9;margin:0}.dashboard__timestamp{font-size:.75rem;color:#64748b;display:block;margin-top:.2rem}.dashboard__refresh-btn{padding:.5rem 1rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;color:#fff;font-weight:600;font-size:.82rem;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.dashboard__refresh-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f159}.dashboard__refresh-btn:active{transform:translateY(0)}.dashboard__tabs{display:flex;gap:.25rem;margin-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.06);padding-bottom:0}.dashboard__tab{padding:.5rem 1.1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:#94a3b8;font-size:.82rem;font-weight:600;cursor:pointer;font-family:Inter,sans-serif;transition:all .25s ease;margin-bottom:-1px}.dashboard__tab:hover{color:#cbd5e1;background:#ffffff08}.dashboard__tab--active{color:#a5b4fc;border-bottom-color:#6366f1}.dashboard__endpoint-bar{margin-bottom:.75rem}.dashboard__endpoint{font-family:Courier New,monospace;font-size:.72rem;padding:.3rem .7rem;background:#6366f114;color:#a5b4fc;border:1px solid rgba(99,102,241,.15);border-radius:6px}.dashboard__tab-content{min-height:200px}.dashboard__grid{display:grid;gap:.75rem}.dashboard__grid--weather{grid-template-columns:repeat(5,1fr)}.dashboard__grid--stocks{grid-template-columns:repeat(4,1fr)}.dashboard__grid--crypto{grid-template-columns:repeat(5,1fr)}.dashboard__demo-banner{padding:.6rem 1rem;margin-bottom:1rem;background:#fbbf2414;border:1px solid rgba(251,191,36,.2);border-radius:10px;color:#fbbf24;font-size:.8rem;font-weight:500;text-align:center}.dashboard__loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;color:#94a3b8;gap:1rem}.dashboard__spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.15);border-top-color:#6366f1;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dashboard__error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;color:#94a3b8;gap:.5rem}.dashboard__error-icon{font-size:2.5rem;margin-bottom:.5rem}.dashboard__error h3{color:#f87171;font-size:1.2rem;margin:0}.dashboard__error p{max-width:400px;font-size:.88rem;line-height:1.5}.dashboard__retry-btn{margin-top:1rem;padding:.6rem 1.4rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:10px;color:#f87171;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.dashboard__retry-btn:hover{background:#ef444433;transform:translateY(-2px)}@media(max-width:1200px){.dashboard__grid--weather,.dashboard__grid--stocks,.dashboard__grid--crypto{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.dashboard{padding:.75rem}.dashboard__toolbar{flex-direction:column;align-items:flex-start;gap:.5rem}.dashboard__grid--weather,.dashboard__grid--stocks,.dashboard__grid--crypto{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.dashboard__grid--weather,.dashboard__grid--stocks,.dashboard__grid--crypto{grid-template-columns:1fr}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a14;--bg-secondary: #0f0f1a;--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-muted: #b0b0b0;--accent-primary: #6366f1;--accent-secondary: #8b5cf6;--border-subtle: rgba(255, 255, 255, .06);--glass-bg: rgba(255, 255, 255, .03);--success: #4ade80;--danger: #f87171;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(139,92,246,.06) 0%,transparent 50%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{line-height:1.2;letter-spacing:-.02em}a{color:var(--accent-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-secondary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff26}.app{min-height:100vh;display:flex;flex-direction:column}.app-footer{text-align:center;padding:1.25rem;color:var(--text-muted);font-size:.8rem;border-top:1px solid var(--border-subtle);margin-top:auto}.app-footer a{color:var(--accent-primary);text-decoration:none;font-weight:500}.app-footer a:hover{text-decoration:underline;color:var(--accent-secondary)}::selection{background:#6366f14d;color:#f1f5f9}