*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#e0e0e0;min-height:100vh}#root{min-height:100vh}.app{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e)}.app-header{background:linear-gradient(90deg,#ff6b35,#f7931e);color:#fff;padding:2rem;text-align:center;box-shadow:0 4px 15px #0000004d}.app-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.app-header p{font-size:1rem;opacity:.95}.app-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.app-footer{background:#00000080;color:#999;text-align:center;padding:1.5rem;border-top:1px solid rgba(255,107,53,.3);margin-top:2rem}.search-section{margin-bottom:2rem}.search-input{width:100%;max-width:500px;padding:.75rem 1rem;font-size:1rem;border:2px solid #ff6b35;border-radius:8px;background:#ffffff1a;color:#fff;transition:all .3s ease}.search-input::placeholder{color:#fff9}.search-input:focus{outline:none;background:#ffffff26;box-shadow:0 0 10px #ff6b3580;border-color:#f7931e}.content-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem}@media (max-width: 1024px){.content-container{grid-template-columns:1fr}}.stocks-section{background:#ffffff0d;border:1px solid rgba(255,107,53,.2);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stocks-section h2{color:#ff6b35;margin-bottom:1.5rem;font-size:1.5rem;border-bottom:2px solid #ff6b35;padding-bottom:.5rem}.stocks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.stock-card{background:linear-gradient(135deg,#ff6b351a,#f7931e1a);border:1px solid rgba(255,107,53,.3);border-radius:8px;padding:1rem;cursor:pointer;transition:all .3s ease;text-align:center}.stock-card:hover{background:linear-gradient(135deg,#ff6b3533,#f7931e33);border-color:#ff6b35;transform:translateY(-4px);box-shadow:0 8px 16px #ff6b3533}.stock-symbol{font-size:1.2rem;font-weight:700;color:#ff6b35;margin-bottom:.5rem}.stock-name{font-size:.9rem;color:#e0e0e0;margin-bottom:.5rem}.stock-sector{font-size:.75rem;color:#999}.no-data{text-align:center;color:#999;padding:2rem}.loading{text-align:center;color:#ff6b35;padding:2rem;font-size:1.1rem}.quote-section{background:#ffffff0d;border:1px solid rgba(255,107,53,.2);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.quote-section h2{color:#ff6b35;margin-bottom:1.5rem;font-size:1.5rem;border-bottom:2px solid #ff6b35;padding-bottom:.5rem}.quote-card{background:linear-gradient(135deg,#ff6b351a,#f7931e1a);border:1px solid rgba(255,107,53,.3);border-radius:12px;padding:1.5rem}.quote-header{margin-bottom:1.5rem;border-bottom:1px solid rgba(255,107,53,.2);padding-bottom:1rem}.quote-header h3{font-size:1.3rem;color:#e0e0e0}.quote-price{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.price{font-size:2rem;font-weight:700;color:#ff6b35}.change{font-size:1.1rem;font-weight:600;padding:.5rem 1rem;border-radius:6px}.change.up{background:#4caf504d;color:#4caf50}.change.down{background:#f443364d;color:#f44336}.quote-details{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 768px){.quote-details{grid-template-columns:1fr}}.detail-item{display:flex;justify-content:space-between;padding:.75rem;background:#0003;border-radius:6px}.detail-item .label{color:#999;font-weight:500}.detail-item .value{color:#ff6b35;font-weight:600}@media (max-width: 768px){.app-header h1{font-size:1.8rem}.app-main{padding:1rem}.stocks-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.content-container{gap:1rem}.stocks-section,.quote-section{padding:1rem}.stocks-section h2,.quote-section h2{font-size:1.2rem}.quote-price{flex-direction:column;align-items:flex-start}.price{font-size:1.5rem}}@media (max-width: 480px){.app-header h1{font-size:1.3rem}.app-header p{font-size:.85rem}.stocks-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.quote-details{grid-template-columns:1fr}.price{font-size:1.2rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stock-card,.quote-card{animation:fadeIn .3s ease-out}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ff6b3580;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ff6b35b3}