*{box-sizing:border-box}body{color:#1a1a2e;background:#f5f7fa;margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.app-header{color:#1a1a2e;background:#fff;border-bottom:1px solid #e5e7eb;flex-wrap:wrap;justify-content:space-between;align-items:center;padding:12px 24px;display:flex}.app-logo{align-items:center;display:inline-flex}.app-logo img{width:auto;height:48px;display:block}.app-nav{gap:12px;display:flex}.app-nav a{color:#1a1a2e;border-radius:8px;padding:6px 10px}.app-nav a.active{color:#fff;background:#1e3a5f}.app-main{padding:20px 24px}.page-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014}.grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.period-tabs{gap:8px;margin-bottom:12px;display:flex}.period-tab{cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;padding:6px 10px}.period-tab.active{color:#fff;background:#1e3a5f;border-color:#1e3a5f}.stock-chart-container{border:1px solid #e5e7eb;border-radius:12px;width:100%;min-height:380px;margin-bottom:12px;overflow:hidden}