@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0a0e17;--bg-card:#161b2299;--bg-card-hover:#1e252ecc;--text-main:#f0f6fc;--text-muted:#8b949e;--accent-primary:#3b82f6;--accent-secondary:#8b5cf6;--positive:#10b981;--positive-bg:#10b9811a;--negative:#ef4444;--negative-bg:#ef44441a;--warning:#f59e0b;--warning-bg:#f59e0b1a;--border-color:#ffffff14;--border-radius-lg:16px;--border-radius-md:12px;--border-radius-sm:8px;--shadow-sm:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-glow:0 0 20px #3b82f626}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#3b82f614,#0000 25%),radial-gradient(circle at 85% 30%,#8b5cf614,#0000 25%);min-height:100vh;font-family:Inter,sans-serif;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:600}.text-muted{color:var(--text-muted)}.text-positive{color:var(--positive)}.text-negative{color:var(--negative)}.text-warning{color:var(--warning)}.app-container{height:100vh;display:flex;overflow:hidden}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-right:1px solid var(--border-color);z-index:10;background:#0a0e17cc;flex-direction:column;width:260px;padding:1.5rem;display:flex}.main-content{flex-direction:column;flex:1;display:flex;overflow-y:auto}.header{border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5;background:#0a0e1780;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex;position:sticky;top:0}.content-wrapper{flex-direction:column;gap:1.5rem;padding:2rem;display:flex}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:all .3s}.glass-card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-glow);border-color:#ffffff26;transform:translateY(-2px)}.grid-top{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem;display:grid}.grid-top>div{min-width:0}.grid-main{grid-template-columns:2fr 1fr;grid-template-areas:"chart reco""paper reco";gap:1.5rem;display:grid}.item-chart{grid-area:chart;min-width:0}.item-reco{grid-area:reco;min-width:0}.item-paper{grid-area:paper;min-width:0}@media (width<=1024px){.grid-main{grid-template-columns:1fr;grid-template-areas:"chart""reco""paper"}}.badge{text-transform:uppercase;letter-spacing:.5px;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge.buy{background:var(--positive-bg);color:var(--positive);border:1px solid #10b98133}.badge.sell{background:var(--negative-bg);color:var(--negative);border:1px solid #ef444433}.badge.hold{background:var(--warning-bg);color:var(--warning);border:1px solid #f59e0b33}.stock-item{border-bottom:1px solid var(--border-color);grid-template-columns:1fr 100px 140px;align-items:center;gap:1rem;padding:1rem 0;transition:background .2s;display:grid}.stock-item:last-child{border-bottom:none;padding-bottom:0}.stock-item:hover{border-radius:var(--border-radius-sm);background:#ffffff08;margin:0 -1rem;padding:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (width<=768px){.app-container{flex-direction:column!important}.sidebar{border-bottom:1px solid var(--border-color);gap:1rem;border-right:none!important;flex-direction:column!important;width:100%!important;height:auto!important;padding:1rem!important}.sidebar>div:first-child{justify-content:center;margin-bottom:0!important}.sidebar nav{padding-bottom:.5rem;overflow-x:auto;flex-direction:row!important}.sidebar nav a{white-space:nowrap;padding:8px 12px!important}.header{flex-direction:column;gap:1rem;align-items:stretch!important;padding:1rem!important}.header form{width:100%!important}.header>div{justify-content:flex-end}.content-wrapper{padding:1rem!important}table{white-space:nowrap;width:100%;display:block;overflow-x:auto}.stock-item{flex-wrap:wrap;gap:.5rem}.stock-item>div{flex:40%}.stock-item>div:last-child{flex:100%;text-align:left!important}.stock-item>div:last-child p{margin-left:0!important}}