@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#12121a}::-webkit-scrollbar-thumb{background:#2a2a3a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3a4a}::selection{background:#4a9eff4d;color:#fff}:root{--bg-primary: #0d0d12;--bg-secondary: #16161d;--bg-card: #1c1c26;--bg-card-hover: #25252f;--text-primary: #ffffff;--text-secondary: #b0b0c0;--text-muted: #707080;--accent-gold: #f5c518;--accent-blue: #00b4ff;--accent-green: #00d26a;--accent-red: #ff4757;--accent-purple: #9c55f7;--border-color: #2a2a38;--shadow-lg: 0 20px 60px rgba(0, 0, 0, .5);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 10px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column;padding-bottom:70px}@media (min-width: 769px){.app{padding-bottom:0}}.background-pattern{position:fixed;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 10% 10%,rgba(0,180,255,.08) 0%,transparent 40%),radial-gradient(ellipse at 90% 90%,rgba(156,85,247,.08) 0%,transparent 40%),radial-gradient(ellipse at 50% 50%,rgba(245,197,24,.04) 0%,transparent 50%);pointer-events:none;z-index:0}.header{position:sticky;top:0;z-index:100;background:#0d0d12f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);padding:.6rem 1rem}.header-content{max-width:900px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1rem}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.5rem}.logo-text h1{font-size:1.15rem;font-weight:700}.logo-text .date{font-size:.65rem;color:var(--text-muted);text-transform:capitalize}.header-right{display:flex;align-items:center;gap:.75rem}.header-clock{display:flex;align-items:center;gap:.4rem}.clock-time{font-size:.8rem;font-weight:500;color:var(--text-muted);font-variant-numeric:tabular-nums}.clock-separator{font-size:.6rem;color:var(--text-muted);opacity:.5}.clock-date{font-size:.7rem;color:var(--text-muted);text-transform:capitalize;opacity:.7}@media (max-width: 600px){.header-clock{display:none}}@media (max-width: 768px){.clock-date,.clock-separator{display:none}}.lang-btn{padding:.35rem .6rem;background:transparent;border:1px solid var(--border-color);border-radius:6px;color:var(--text-muted);font-size:.7rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.5px}.lang-btn:hover{background:var(--bg-card);color:var(--text-primary);border-color:var(--accent-blue)}.refresh-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;font-size:1rem;cursor:pointer;transition:all .2s}.refresh-btn:hover{background:var(--bg-card-hover);transform:scale(1.05)}.refresh-btn.refreshing .refresh-icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.desktop-nav{display:none}@media (min-width: 769px){.desktop-nav{display:flex;justify-content:center;gap:.75rem;padding:1rem 1.25rem;background:#0d0d12b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-color)}}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:var(--bg-card);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.nav-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-tab.active{background:var(--bg-card-hover)}.tab-icon{font-size:1.25rem}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:1000;display:flex;justify-content:space-around;background:#0d0d12f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border-color);padding:.5rem 0;padding-bottom:max(.5rem,env(safe-area-inset-bottom))}@media (min-width: 769px){.bottom-nav{display:none}}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem;background:none;border:none;color:var(--text-muted);cursor:pointer;position:relative;transition:all .2s}.bottom-nav-item.active{color:var(--text-primary)}.bottom-nav-icon{font-size:1.5rem}.bottom-nav-label{font-size:.7rem;font-weight:600}.bottom-nav-indicator{position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:3px;border-radius:2px}.main-content{flex:1;padding:1rem;position:relative;z-index:1}@media (min-width: 769px){.main-content{padding:1.5rem}}.content-container{max-width:800px;margin:0 auto}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem;transition:all .3s}@media (min-width: 769px){.card{padding:1.5rem}}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.card-header h2{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.last-update{font-size:.7rem;color:var(--text-muted);background:var(--bg-secondary);padding:.35rem .75rem;border-radius:20px}.error-notice{font-size:.8rem;color:var(--accent-gold);background:#f5c5181a;padding:.6rem 1rem;border-radius:var(--radius-sm);margin-bottom:1rem;text-align:center}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem;color:var(--text-muted)}.spinner{width:40px;height:40px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}.section-title{display:flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border-color)}.section-title span{font-size:1.25rem}.section-title h3{font-size:1rem;font-weight:600;color:var(--text-secondary)}.gold-section-title{margin-top:1.5rem}.currency-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem}.currency-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,rgba(0,180,255,.03) 100%);border-radius:var(--radius-md);border:1px solid transparent;transition:all .2s}.currency-item:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.currency-flag{font-size:2.5rem}.currency-info{flex:1;min-width:0}.currency-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.currency-name{font-weight:600;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.currency-code{font-size:.7rem;color:var(--text-muted);background:var(--bg-card);padding:.15rem .4rem;border-radius:4px}.currency-main-price{font-size:1.4rem;font-weight:800;color:var(--accent-blue)}.currency-prices{display:flex;gap:.75rem;margin:.25rem 0}.price-mini{font-size:.7rem;color:var(--text-muted)}.gold-card{border-top:3px solid var(--accent-gold)}.markets-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.markets-layout{grid-template-columns:1fr;gap:1.25rem}}.market-column{display:flex;flex-direction:column}.column-header{margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.column-header h3{font-size:.95rem;font-weight:600;color:var(--text-secondary)}.market-list{display:flex;flex-direction:column;gap:.5rem}.market-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid transparent;transition:all .2s}.market-item:hover{border-color:var(--accent-blue);transform:translate(4px)}.market-item.gold:hover{border-color:var(--accent-gold)}.market-icon{font-size:1.5rem;width:36px;text-align:center}.market-info{flex:1;min-width:0}.market-name{display:block;font-size:.85rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.market-code{font-size:.65rem;color:var(--text-muted)}.market-price-section{text-align:right}.market-price{display:block;font-size:.95rem;font-weight:700;color:var(--accent-blue)}.market-item.gold .market-price{color:var(--accent-gold)}.market-change{font-size:.7rem;font-weight:600}.market-change.positive{color:var(--accent-green)}.market-change.negative{color:var(--accent-red)}.gold-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem}.gold-item{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid transparent;transition:all .2s}.gold-item:hover{border-color:var(--accent-gold);transform:translateY(-2px)}.gold-icon{font-size:1.75rem}.gold-info{flex:1;min-width:0}.gold-name{font-weight:600;font-size:.9rem;display:block;margin-bottom:.2rem}.gold-main-price{font-size:1.25rem;font-weight:800;color:var(--accent-gold);display:block;margin-bottom:.25rem}.gold-prices{display:flex;flex-direction:column;gap:.1rem;margin-bottom:.25rem}.price-buy,.price-sell{font-size:.75rem;color:var(--text-muted)}.price-buy small,.price-sell small{color:var(--text-muted);margin-right:.2rem}.change{font-size:.75rem;font-weight:600;padding:.2rem .5rem;border-radius:6px;display:inline-block}.change.positive{color:var(--accent-green);background:#00d26a26}.change.negative{color:var(--accent-red);background:#ff475726}.weather-card{border-top:3px solid var(--accent-blue)}.weather-hint{font-size:.75rem;color:var(--text-muted);margin-bottom:1rem;text-align:center}.weather-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.weather-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s}.weather-item:hover{border-color:var(--accent-blue);transform:translateY(-2px)}.weather-icon{font-size:2.5rem}.weather-info{flex:1;min-width:0}.city-name{font-weight:700;font-size:1rem;display:block}.temperature{font-size:1.75rem;font-weight:800;color:var(--accent-blue);display:block;line-height:1}.description{font-size:.8rem;color:var(--text-secondary);display:block;margin-top:.1rem}.weather-mini-details{display:flex;gap:.75rem;margin-top:.35rem;font-size:.7rem;color:var(--text-muted)}.weather-arrow{color:var(--text-muted);font-size:1.25rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.weather-modal{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:calc(100% - 2rem);max-width:400px;max-height:80vh;overflow-y:auto;overflow-x:hidden;padding:3rem 1.25rem 1.25rem;position:relative;animation:slideUp .3s ease;margin:1rem}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-close{position:absolute;top:.75rem;right:.75rem;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--accent-red);border:none;border-radius:50%;color:#fff;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .2s;z-index:10}.modal-close:hover{background:#ff6b7a;transform:scale(1.1)}.modal-header{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.modal-icon{font-size:3rem}.modal-header h3{font-size:1.5rem;font-weight:700}.modal-header p{color:var(--text-secondary);font-size:.9rem}.modal-temp{text-align:center;margin:1.5rem 0}.modal-temp-main{font-size:4rem;font-weight:800;color:var(--accent-blue);display:block;line-height:1}.modal-temp-feels{font-size:.9rem;color:var(--text-muted)}.modal-details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;margin-bottom:1.5rem}.modal-detail{background:var(--bg-secondary);padding:.75rem;border-radius:var(--radius-sm);text-align:center}.detail-icon{font-size:1.25rem;display:block;margin-bottom:.25rem}.detail-label{font-size:.7rem;color:var(--text-muted);display:block}.detail-value{font-size:.9rem;font-weight:600;display:block}.forecast-section h4{font-size:.9rem;color:var(--text-secondary);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.forecast-list{display:flex;flex-direction:column;gap:.5rem}.forecast-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--bg-secondary);border-radius:var(--radius-sm)}.forecast-day{font-size:.85rem;font-weight:500;width:80px}.forecast-icon{font-size:1.25rem}.forecast-temps{display:flex;gap:.5rem}.temp-high{font-weight:600}.temp-low{color:var(--text-muted)}.matches-card{border-top:3px solid var(--accent-purple)}.league-tabs{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--border-color)}.league-tab{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.8rem;cursor:pointer;transition:all .2s}.league-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.league-tab.active{color:var(--text-primary)}.league-name{display:none}@media (min-width: 480px){.league-name{display:inline}}.matches-container{display:flex;flex-direction:column;gap:1.25rem;max-height:500px;overflow-y:auto}.league-section{display:flex;flex-direction:column;gap:.6rem}.league-header{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.9rem;padding-left:.75rem;border-left:3px solid var(--accent-purple);color:var(--text-secondary)}.matches-list{display:flex;flex-direction:column;gap:.5rem}.match-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid transparent;transition:all .2s}.match-item:hover{border-color:var(--border-color)}.match-item.live{border-color:#ff475766;animation:liveGlow 2s ease-in-out infinite}@keyframes liveGlow{0%,to{box-shadow:0 0 #ff475700}50%{box-shadow:0 0 15px #ff475733}}.match-teams{flex:1;min-width:0}.team-row{display:flex;justify-content:space-between;align-items:center;padding:.15rem 0}.team-name{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:140px}@media (min-width: 480px){.team-name{max-width:200px}}.team-score{font-size:1.1rem;font-weight:700;color:var(--accent-blue);min-width:24px;text-align:right}.match-info{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;margin-left:.75rem;min-width:60px}.live-badge{font-size:.65rem;font-weight:700;color:var(--accent-red);animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.ft-badge{font-size:.65rem;font-weight:600;color:var(--text-muted)}.match-time{font-size:.7rem;color:var(--text-muted)}