@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";.app{width:100vw;height:100vh;display:flex;flex-direction:column;background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.app-header{background:#1e1e1e99;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.1);padding:1rem 2rem;display:flex;align-items:center;gap:2rem;box-shadow:0 8px 32px #0000004d}.app-header h1{font-size:1.8rem;font-weight:600;color:#4a9eff;margin:0}.app-header p{font-size:.9rem;color:#888;margin:0}.app-content{flex:1;display:flex;position:relative;overflow:hidden}.graph-container{flex:1;position:relative;background:#14141466}.search-box{position:absolute;top:1rem;left:50%;transform:translate(-50%);z-index:10;background:#28282880;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:.75rem 1.5rem;border-radius:25px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006}.search-box input{background-color:transparent;border:none;color:#fff;font-size:1rem;outline:none;width:300px;padding:.25rem}.search-box input::placeholder{color:#666}.stock-details-panel{position:absolute;right:0;top:0;bottom:0;width:450px;background:#1e1e1eb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-left:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;box-shadow:-8px 0 32px #00000080;z-index:20}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.panel-header h2{font-size:1.5rem;color:#4a9eff;margin:0}.close-button{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-button:hover{background:#ffffff1a;color:#fff}.panel-content{flex:1;overflow-y:auto;padding:1.5rem}.loading{text-align:center;padding:2rem;color:#888}.error{color:#f44;padding:1rem;text-align:center}.stock-info-section{margin-bottom:1.5rem}.stock-info-section h3{font-size:.9rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-weight:600}.price-display{display:flex;align-items:baseline;gap:1rem;margin-bottom:.5rem}.price{font-size:2rem;font-weight:600;color:#fff}.price-change{font-size:1.25rem;font-weight:600;padding:.25rem .75rem;border-radius:4px}.price-change.positive{color:#0f8;background-color:#00ff881a}.price-change.negative{color:#f44;background-color:#ff44441a}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item{display:flex;flex-direction:column}.info-label{font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.info-value{font-size:1rem;color:#fff;font-weight:500}.chart-container{margin-top:1rem;background-color:#0a0a0a;padding:1rem;border-radius:8px;border:1px solid #333}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:#1a1a1a}.panel-content::-webkit-scrollbar-thumb{background:#333;border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover{background:#444}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);color:#fff;overflow:hidden}#root{width:100vw;height:100vh}