*{margin:0;padding:0;box-sizing:border-box}:root{--bg-color:#ffffff;--text-color:#333333;--header-bg:#1a1a1a;--header-text:#ffffff;--border-color:#e0e0e0;--accent-color:#007bff;--hover-color:#f5f5f5;--active-color:#007bff;--card-bg:#ffffff;--chart-bg:#ffffff;--chart-text:#000000;--chart-grid:#e0e0e0;--shadow:0 2px 10px rgba(0,0,0,0.1)}[data-theme="dark"]{--bg-color:#1a1a1a;--text-color:#ffffff;--text-color2:#a6a6a6;--header-bg:#000000;--border-color:#333333;--hover-color:#2a2a2a;--card-bg:#2a2a2a;--chart-bg:#000000;--chart-text:#ffffff;--chart-grid:#333333;--shadow:0 2px 10px rgba(255,255,255,0.1)}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:all 0.3s ease;min-height:100vh;display:flex;flex-direction:column}.app-container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background:var(--header-bg);color:var(--header-text);padding:.4rem 0;position:sticky;top:0;z-index:100}.header .app-container{display:flex;justify-content:space-between;align-items:center}.logo-link{text-decoration:none;color:inherit}.logo-link:hover h1{color:#1d4ed8;transition:color 0.2s}.logo h1{font-size:1.5rem;font-weight:700}.nav{display:flex;align-items:center;gap:.4rem}.theme-toggle,.login-btn{padding:.35rem .7rem;border:none;border-radius:4px;cursor:pointer;font-size:.8rem;transition:all 0.3s ease}.theme-toggle{background:#fff0;color:var(--header-text);font-size:1rem}.login-btn{background:var(--accent-color);color:#fff}.login-btn:hover{background:#0056b3}.mobile-menu-toggle{display:none;background:none;border:none;color:var(--text-color);font-size:2rem;cursor:pointer;position:absolute;right:20px;top:50%;transform:translateY(-50%)}.menu-container{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:.8rem 0;position:relative}.menu{display:flex;gap:.2rem}.menu-item{padding:.5rem 1rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);border-radius:4px;cursor:pointer;font-weight:500;font-size:.8rem;transition:all 0.3s ease}.menu-item:hover{background:var(--hover-color)}.menu-item.active{background:var(--active-color);color:#fff;border-color:var(--active-color)}.price-info-panel{background:var(--card-bg);border-bottom:1px solid var(--border-color);border-radius:8px;padding:.5rem;margin-bottom:.5rem;box-shadow:0 1px 3px rgb(0 0 0 / .1);width:100%;box-sizing:border-box}.symbol-name{font-size:1.2rem;font-weight:600;color:var(--text-color2);margin-bottom:.2rem}.price-data{display:flex;justify-content:space-between;align-items:center}.current-price{display:flex;align-items:baseline;gap:1rem}.price{font-size:2rem;font-weight:700;color:var(--text-color)}.change{font-size:1rem;font-weight:600;padding:.25rem .5rem;border-radius:4px}.change.positive{color:#059669;background:#d1fae5}.change.negative{color:#dc2626;background:#fee2e2}.market-data{display:flex;gap:2rem}.data-item{display:flex;flex-direction:column;align-items:center;gap:.25rem}.data-item .label{font-size:.75rem;color:var(--text-color2);font-weight:500}.data-item .value{font-size:.875rem;font-weight:600;color:var(--text-color2)}.blink-positive{animation:blinkGreen 0.6s ease-in-out}.blink-negative{animation:blinkRed 0.6s ease-in-out}.blink-neutral{animation:blinkGray 0.6s ease-in-out}@keyframes blinkGreen{0%,100%{background-color:#fff0}50%{background-color:rgb(244 212 97 / .45)}}@keyframes blinkRed{0%,100%{background-color:#fff0}50%{background-color:rgb(239 171 106 / .45)}}@keyframes blinkGray{0%,100%{background-color:#fff0}50%{background-color:rgb(206 217 239 / .44)}}.app-main{flex:1;padding:.8rem 0}.unit-tabs{display:flex;margin-bottom:.8rem;border-bottom:1px solid var(--border-color)}.unit-tab{padding:.4rem .8rem;border:none;background:#fff0;color:var(--text-color);cursor:pointer;font-size:.7rem;font-weight:500;border-bottom:3px solid #fff0;transition:all 0.3s ease}.unit-tab:hover{background:var(--hover-color)}.unit-tab.active{color:var(--active-color);border-bottom-color:var(--active-color)}.tab-content{animation:fadeIn 0.3s ease;padding-bottom:1rem}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chart-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem;flex-wrap:nowrap;gap:.3rem;overflow-x:auto}.chart-type-controls,.timeframe-controls{display:flex;gap:.15rem;flex-shrink:0}.control-btn{padding:.15rem .3rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);border-radius:2px;cursor:pointer;font-size:.55rem;transition:all 0.3s ease;white-space:nowrap;min-width:fit-content}.control-btn:hover{background:var(--hover-color)}.control-btn.active{background:var(--active-color);color:#fff;border-color:var(--active-color)}.chart-container{background:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);margin-bottom:.6rem;height:500px}#chart{width:100%;height:100%}.period-controls{display:flex;justify-content:center;align-items:center;gap:.2rem;flex-wrap:wrap}.period-btn{padding:.2rem .4rem;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-color);border-radius:2px;cursor:pointer;font-size:.6rem;transition:all 0.3s ease}.period-btn:hover{background:var(--hover-color)}.period-btn.active{background:var(--active-color);color:#fff;border-color:var(--active-color)}.period-btn:disabled,.period-btn.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.auto-refresh{margin-left:.4rem;display:flex;align-items:center}.auto-refresh label{display:flex;align-items:center;gap:.2rem;cursor:pointer;font-size:.6rem}.footer{background:var(--header-bg);color:var(--header-text);padding:.8rem 0 .4rem;margin-top:auto}.footer-content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"logo company references copyright";gap:2rem;align-items:start}.logo{grid-area:logo;display:flex;align-items:center;gap:.8rem}.logo-icon svg{width:45px;height:45px}.logo-text{display:flex;flex-direction:column}.brand-name{font-size:1.3rem;font-weight:700;color:var(--header-text);line-height:1}.tagline{font-size:.8rem;color:#bdc3c7;margin-top:.2rem}.company-info{grid-area:company}.company-info h3{margin-bottom:.4rem;font-size:1rem;color:var(--header-text)}.company-info p{font-size:.85rem;line-height:1.4;color:#bdc3c7;margin-bottom:.2rem}.reference-links{grid-area:references;text-align:left}.reference-links h4{color:#989696;margin-bottom:.4rem;font-size:.9rem;font-weight:600}.reference-links p{margin:.2rem 0;font-size:.8rem}.reference-links a{color:#28a745;text-decoration:none;transition:color 0.3s ease;font-weight:500}.reference-links a:hover{color:#1e7e34;text-decoration:underline}.copyright{grid-area:copyright;text-align:center}.copyright p{font-size:.75rem;color:#95a5a6;margin-bottom:.2rem}.full-logo{display:flex}.compact-logo{display:none}.icon-only{display:none}@media (max-width:1024px){.footer-content{grid-template-columns:1fr 1fr;grid-template-areas:"logo company" "references copyright";gap:1.5rem}}@media (max-width:768px){.mobile-menu-toggle{display:none}.menu{display:flex!important;flex-direction:row;gap:8px}.menu.active{display:flex}.menu-item{padding:8px 12px;font-size:14px}.chart-controls{flex-direction:row;align-items:center;gap:.2rem;overflow-x:auto;padding:.1rem 0}.chart-type-controls,.timeframe-controls{justify-content:flex-start;gap:.1rem}.chart-container{height:400px}.period-controls{justify-content:center}.auto-refresh{margin-left:0;margin-top:.2rem;justify-content:center}.price-data{flex-direction:column;align-items:flex-start;gap:1rem}.current-price{width:100%}.market-data{width:100%;justify-content:space-between}.footer-content{grid-template-columns:1fr;grid-template-areas:"logo" "company" "references" "copyright";gap:1rem;text-align:center}.full-logo{display:none}.compact-logo{display:flex}.icon-only{display:none}.compact-logo .logo-icon svg{width:38px;height:38px}.compact-logo .brand-name{font-size:1.2rem}.reference-links{text-align:left}.company-info h3{font-size:.95rem}.company-info p{font-size:.8rem}}.logo-container{cursor:pointer;transition:all 0.3s ease;border-radius:8px;padding:.5rem;margin:-.5rem}.logo-container:hover{background-color:rgb(255 255 255 / .1);transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / .15)}[data-theme="dark"] .logo-container:hover{background-color:rgb(255 255 255 / .05)}.logo-container:hover .brand-name{color:#3498db}.logo-container:hover .tagline{color:#2980b9}.logo-container:hover .logo-icon svg{transform:scale(1.05);transition:transform 0.3s ease}[data-theme="dark"] .logo-container:hover .brand-name{color:#5dade2}[data-theme="dark"] .logo-container:hover .tagline{color:#85c1e9}.logo-container:focus{outline:2px solid #007bff;outline-offset:2px}.logo-container:active{transform:translateY(0);box-shadow:0 2px 6px rgb(0 0 0 / .1)}.company-info h3 a{color:var(--header-text);text-decoration:none;font-weight:inherit;transition:all 0.3s ease;border-bottom:2px solid #fff0;padding-bottom:2px;display:inline-block}.company-info h3 a:hover{color:#3498db;border-bottom-color:#3498db;transform:translateY(-1px)}.company-info h3 a:active{transform:translateY(0);color:#2980b9}[data-theme="dark"] .company-info h3 a:hover{color:#5dade2;border-bottom-color:#5dade2}[data-theme="dark"] .company-info h3 a:active{color:#85c1e9}.company-info h3 a:focus{outline:2px solid #007bff;outline-offset:3px;border-radius:2px}.company-info h3 a:visited{color:var(--header-text)}.company-info h3 a:visited:hover{color:#3498db}[data-theme="dark"] .company-info h3 a:visited:hover{color:#5dade2}@media (max-width:480px){.menu{gap:4px}.menu-item{padding:6px 8px;font-size:12px;min-width:auto}.app-container{padding:0 15px}.logo h1{font-size:1.3rem}.chart-container{height:300px}.timeframe-controls{flex-wrap:wrap}.control-btn{padding:.3rem .6rem;font-size:.75rem}.price-info-panel{padding:1rem;margin:0 .5rem 1rem}.current-price{flex-direction:column;align-items:flex-start;gap:.5rem}.price{font-size:1.75rem}.market-data{gap:1rem}.footer-content{grid-template-columns:1fr;grid-template-areas:"logo" "company" "references" "copyright";gap:1rem;text-align:center}.full-logo{display:none}.compact-logo{display:none}.icon-only{display:flex;align-items:center;gap:.5rem}.icon-only svg{width:28px;height:28px}.icon-only-text{display:flex;flex-direction:column;font-size:.65rem;line-height:1.1}.icon-only-text .brand-name{font-weight:700;color:var(--header-text);font-size:.7rem}.icon-only-text .tagline{color:#bdc3c7;font-size:.6rem}.company-info h3{font-size:.9rem}.company-info p{font-size:.75rem}.reference-links h4{font-size:.85rem}.reference-links p{font-size:.75rem}.copyright p{font-size:.7rem}}@media (max-width:360px){.menu{gap:2px}.menu-item{padding:4px 6px;font-size:11px;flex:1;text-align:center}.footer-content{grid-template-columns:1fr 1fr;grid-template-areas:"logo company" "references copyright";gap:1.5rem}.icon-only svg{width:28px;height:28px}.company-info h3{font-size:.85rem}.company-info p{font-size:.7rem}}@media (prefers-color-scheme:dark){.brand-name{color:var(--header-text)}.tagline{color:#bdc3c7}}@media (min-width:768px){.user-greeting{display:inline!important}.desktop-only{display:inline}}@media (max-width:767px){.desktop-only{display:none}.nav a{padding:.375rem 0.75rem!important;font-size:0.75rem!important}}[data-theme="dark"] .user-greeting{color:#fff!important}[data-theme="dark"] .app-main{background-color:#1a202c;color:#e2e8f0}[data-theme="dark"] .app-container{background-color:#fff0;color:#e2e8f0}